/* Finca La Gabriela — boutique blanco + amarillo/rojo premium */
:root{
  --amarillo:#FACC15;
  --amarillo-dark:#EAB308;
  --rojo:#E11D48;
  --rojo-dark:#BE123C;
  --negro:#111111;
  --gris:#6B7280;
  --borde:#F0F0F0;
  --hueso:#FFFFFF;
}
html{scroll-behavior:smooth}
body{letter-spacing:-0.01em; background:#FFFFFF}
.scrollbar-hide::-webkit-scrollbar{display:none}
.scrollbar-hide{ -ms-overflow-style:none; scrollbar-width:none}
#navbar.scrolled{ background:rgba(255,255,255,0.96); box-shadow:0 8px 30px rgba(0,0,0,0.06); border-color:#E5E7EB}
.exp-card{ transition: transform .35s ease, box-shadow .35s ease}
.exp-card:hover{ transform: translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,0.08)}
.faq-item.active{ border-color:#111111}
.faq-item.active .faq-q{ background:#FFF9DB}
.faq-icon{ transition: transform .25s ease}
.faq-item.active .faq-icon{ transform: rotate(45deg)}
@keyframes fadeIn{from{opacity:0; transform:translateY(8px)} to{opacity:1; transform:translateY(0)}}
.animate-in{ animation: fadeIn .7s ease both}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible{ outline:2px solid #E11D48; outline-offset:2px}
img{ content-visibility:auto}
.btn-amarillo{ background:#FACC15; color:#111111; transition:all .2s}
.btn-amarillo:hover{ background:#EAB308; transform:translateY(-1px); box-shadow:0 8px 20px rgba(250,204,21,0.35)}
.btn-rojo{ background:#E11D48; color:white; transition:all .2s}
.btn-rojo:hover{ background:#BE123C; transform:translateY(-1px); box-shadow:0 8px 20px rgba(225,29,72,0.3)}