/* La Rancherita SEO PRO 2026 - ajustes visuales de legibilidad */
.rancherita-carnitas .carnitas-incluye{color:#fff;font-family:Roboto,Arial,sans-serif;font-size:1.125rem;line-height:1.75;margin:12px 0 0}
.rancherita-carnitas .cta-content{position:relative;z-index:1}

/* CTA principal debajo del hero: mantener fondo natural, sin tocar el slider */
.rancherita-cta-principal{background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:scroll!important}
.rancherita-cta-principal .cta-content{position:relative;z-index:1}
.rancherita-cta-principal .cta-content h2,.rancherita-cta-principal .cta-content h4{ text-shadow:0 2px 12px rgba(0,0,0,.28)}
@media(max-width:767.98px){
 .rancherita-cta-principal{background-image:linear-gradient(rgba(28,16,11,.48),rgba(28,16,11,.48)),url('../img/cta/banner-1.webp')!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:scroll!important;padding:48px 0!important}
 .rancherita-cta-principal .cta-content{text-align:center!important;margin-bottom:18px!important}
 .rancherita-cta-principal .cta-content h2{font-size:clamp(26px,7vw,38px)!important;line-height:1.22!important;margin-bottom:10px!important}
 .rancherita-cta-principal .cta-content h4{font-size:clamp(19px,5.2vw,26px)!important;line-height:1.3!important}
}

/* FAQ comercial de la One Page; sin nuevos endpoints indexables */
.rancherita-preguntas{padding:65px 0 55px;background:#faf7f2}
.rancherita-preguntas .sec-title1{margin-bottom:32px}
.rancherita-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px}
.rancherita-faq-item{background:white;border:1px solid #eaded1;border-radius:14px;padding:24px}
.rancherita-faq-item h3{font-family:Roboto,Arial,sans-serif;font-size:19px;line-height:1.35;margin-bottom:11px;color:#372418}
.rancherita-faq-item p,.rancherita-seo-intro{font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:1.7}
@media(max-width:767.98px){.rancherita-preguntas{padding:42px 0}.rancherita-faq-grid{grid-template-columns:1fr;gap:12px}.rancherita-faq-item{padding:19px}.rancherita-faq-item h3{font-size:17px}}

/* Foto aprobada de carnitas en móvil */
@media(max-width:767.98px){
 .rancherita-carnitas{
  background-image:linear-gradient(rgba(26,13,8,.55),rgba(26,13,8,.55)),url('../img/cta/banner-2.jpg')!important;
  background-position:center center!important;background-repeat:no-repeat!important;
  background-size:cover!important;background-attachment:scroll!important;
  padding:58px 0!important;min-height:0!important
 }
 .rancherita-carnitas:before,.rancherita-carnitas:after{opacity:0!important}
 .rancherita-carnitas .row{display:flex;flex-direction:column;align-items:stretch}
 .rancherita-carnitas .col-xl-8,.rancherita-carnitas .col-xl-4{width:100%;max-width:100%;flex:0 0 100%}
 .rancherita-carnitas .cta-content{margin-bottom:22px!important;text-align:center!important}
 .rancherita-carnitas .cta-content h2{font-size:clamp(28px,7vw,38px)!important;line-height:1.2!important;margin-bottom:12px!important;overflow-wrap:break-word}
 .rancherita-carnitas .carnitas-incluye{font-size:16px!important;line-height:1.6!important;margin:0!important;text-shadow:0 2px 8px rgba(0,0,0,.35)}
 .rancherita-carnitas a.vs-btn{position:relative;z-index:3;display:inline-block;max-width:100%}
}

/* v21: prevent the five 3D carousel images stacking before Slick initializes.
   Keep the first photograph visible as a natural-size fallback (500x430),
   and preserve Slick's original layout immediately after initialization. */
#nosotros .vs-3dcarousel img { max-width:100%; height:auto; }
#nosotros .vs-3dcarousel:not(.slick-initialized) { position:relative; }
#nosotros .vs-3dcarousel:not(.slick-initialized) > div:first-child { width:min(500px,100%); margin-left:auto; margin-right:auto; }
#nosotros .vs-3dcarousel:not(.slick-initialized) > div:not(:first-child) { position:absolute; width:min(500px,100%); left:50%; top:0; transform:translateX(-50%); visibility:hidden; pointer-events:none; }