/* CJC fondo selva — propuesta 2026-10-29 (kit junta). v2. Una sola textura de hojas: ../assets/fondo/hojas-fondo-1920.webp */
:root{--selva-claro:#2f5d34;--selva-osc:#173a20;--selva-txt:#fdf6e3;--selva-tit:#f6c453;--selva-sec:#e9dcc0;--madera-marco:#412919;
--selva-grad:radial-gradient(circle at 30% 20%,#2f5d34,#173a20 70%);--hojas:url('../assets/fondo/hojas-fondo-1920.webp');--madera:url('../assets/fondo/madera-gemini-tile.webp')}
/* Header */
.navbar,.navbar--float,.navbar.scrolled{background:var(--selva-grad);border-bottom:0;box-shadow:0 4px 14px rgba(0,0,0,.25)}
.navbar .nav-link,.navbar.scrolled .nav-link{color:var(--selva-txt);text-shadow:none}
.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--selva-tit);border-bottom-color:var(--selva-tit)}
.navbar .hamburger-line{background:var(--selva-txt)}
.nav-brand img.nav-brand__lockup{border-radius:0;display:block;height:48px;width:auto;max-width:none;aspect-ratio:204/48}
@media (max-width:767px){.nav-brand img.nav-brand__lockup{height:auto;width:170px}.hamburger{width:44px;height:44px;padding:9px}}
/* Hero: velo verde 30% + hojas en esquinas, detrás del texto */
.hero .cjc-media__velo{background:linear-gradient(90deg,rgba(23,58,32,.45) 0,rgba(23,58,32,.45) 42%,rgba(23,58,32,.15) 70%,rgba(23,58,32,.15) 100%)}
@media (max-width:767px){.hero .cjc-media__velo{background:linear-gradient(180deg,rgba(23,58,32,.15) 0,rgba(23,58,32,.15) 10%,rgba(23,58,32,.50) 30%,rgba(23,58,32,.50) 100%)}}
.hero::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:var(--hojas) right -120px top -60px/1100px auto no-repeat;-webkit-mask:linear-gradient(90deg,transparent 0,transparent 62%,#000 78%);mask:linear-gradient(90deg,transparent 0,transparent 62%,#000 78%)}
@media (max-width:767px){.hero::after{background:var(--hojas) center top/cover no-repeat;-webkit-mask:linear-gradient(180deg,#000 0,transparent 14%);mask:linear-gradient(180deg,#000 0,transparent 14%)}}
.hero__content{z-index:3}
.hero .cjc-hoja--tl,.hero .cjc-hoja--bl{display:none} .hero .cjc-hoja{max-width:16vw} /* v2: hojas solo en orilla derecha */
.hero__lockup{display:block;height:180px;width:auto;margin:0 0 1rem;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
@media (max-width:767px){.hero__lockup{height:130px}}
.hero__content h1{color:var(--selva-txt)}
/* v2c: velo más transparente; legibilidad con sombra suave */
.hero__content h1,.hero__content .lead,.hero__content h1 ~ p{text-shadow:0 2px 12px rgba(0,0,0,.55)}
/* Botones */
.cjc-btn--primario{background:#f6c453;color:#173a20}
.cjc-btn[data-wa]{background:#25D366;color:#173a20;box-shadow:none} .cjc-btn[data-wa] svg{fill:#173a20}
/* Secciones alternas en selva (v2b: color claro solo al texto suelto sobre el verde, nunca dentro de tarjetas) */
section.cjc-sec:not(.hero):not(.bg-alberca):not(:has(form)):nth-of-type(even){background:var(--hojas) center/cover no-repeat,var(--selva-grad)!important}
:is(section.cjc-sec:not(.hero):not(.bg-alberca):not(:has(form)):nth-of-type(even) > :is(.cjc-sec__inner,.container),section.cjc-sec:not(.hero):not(.bg-alberca):not(:has(form)):nth-of-type(even) > :is(.cjc-sec__inner,.container) > :is(header,[class*="head"],[class*="intro"],.text-center)) > :is(h2,h3,.kicker){color:var(--selva-tit)}
:is(section.cjc-sec:not(.hero):not(.bg-alberca):not(:has(form)):nth-of-type(even) > :is(.cjc-sec__inner,.container),section.cjc-sec:not(.hero):not(.bg-alberca):not(:has(form)):nth-of-type(even) > :is(.cjc-sec__inner,.container) > :is(header,[class*="head"],[class*="intro"],.text-center)) > :is(p,.lead,ul>li){color:var(--selva-sec)}
.banda-cta{background:var(--hojas) center/cover no-repeat,var(--selva-grad)!important}
.banda-cta h2{color:var(--selva-tit)}.banda-cta p{color:var(--selva-txt)}
/* Separador de hojas entre secciones */
section.cjc-sec+section.cjc-sec::before{content:"";position:absolute;left:0;right:0;top:0;height:28px;z-index:1;pointer-events:none;background:var(--hojas) center 8%/1920px auto repeat-x,linear-gradient(90deg,#173a20,#2f5d34,#173a20);opacity:.9}
/* Marcos de madera en tarjetas con foto + hoja en esquina */
.foto,.puerta:has(img){border:12px solid transparent;background:linear-gradient(var(--cjc-blanco,#fbf8f2),var(--cjc-blanco,#fbf8f2)) padding-box,var(--madera) 0 0/48px 450px repeat border-box,var(--madera-marco) border-box;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.45);position:relative;overflow:visible}
.foto::after,.puerta:has(img)::after{content:"";position:absolute;top:-22px;right:-22px;width:84px;height:84px;pointer-events:none;background:var(--hojas) 100% 0/640px auto no-repeat,var(--selva-osc);border-radius:50% 0 50% 50%;box-shadow:0 4px 10px rgba(0,0,0,.35)}
@media (max-width:767px){section.cjc-sec:nth-of-type(even),.banda-cta{background-position:center top,0 0!important}}
/* Footer */
.footer{background:var(--selva-grad)} /* sin hojas: lockup y medallón en footer (§13.1) */
.footer .footer-h{color:var(--selva-tit)}
.footer-brand img.footer-brand__lockup{border-radius:0;height:48px;width:auto;aspect-ratio:204/48}
@media (prefers-reduced-motion:reduce){.hero::after{animation:none}}
/* v2b: botón flotante WhatsApp (cjc-site.css .whatsapp-float era var(--cjc-alberca-prof)) */
.whatsapp-float,.whatsapp-float:hover,.whatsapp-float:focus,.whatsapp-float:focus-visible,.whatsapp-float:active{background:#25D366;color:#173a20}
.whatsapp-float svg,.whatsapp-float svg path{fill:#173a20}
.whatsapp-float:hover{box-shadow:0 6px 18px rgba(0,0,0,.35);transform:translateY(-1px)}
.whatsapp-float:focus-visible{outline:3px solid #f6c453;outline-offset:3px;box-shadow:0 0 0 6px #173a20}
.cjc-btn[data-wa]:hover,.cjc-btn[data-wa]:focus{background:#25D366;color:#173a20}
.cjc-btn[data-wa]:focus-visible{outline:3px solid #f6c453;outline-offset:3px}
/* v2d: velo local suave detrás de título+párrafo del hero (token --velo-local) */
.hero{--velo-local:0}
.hero__content{position:relative;isolation:isolate}
.hero__content::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-10% -18% -10% -14%;background:radial-gradient(ellipse 60% 55% at 38% 58%,rgba(23,58,32,var(--velo-local)) 0,rgba(23,58,32,calc(var(--velo-local)*.85)) 45%,rgba(23,58,32,0) 100%)}
@media (max-width:767px){.hero__content::before{inset:-6% -10% -6% -10%;background:radial-gradient(ellipse 75% 60% at 50% 58%,rgba(23,58,32,var(--velo-local)) 0,rgba(23,58,32,calc(var(--velo-local)*.85)) 45%,rgba(23,58,32,0) 100%)}}

/* v2g: marco madera Gemini (más clara y cálida), 12px escritorio / 9px celular */
@media (max-width:767px){.foto,.puerta:has(img){border-width:9px}}
/* v2h: foto 3:2 (ping pong) y aviso «Imagen ilustrativa» */
.foto--3x2 img{aspect-ratio:3/2}
.ilustrativa{display:block;margin-top:.3rem;font-size:.75rem;font-style:italic;color:#4a3b2c;letter-spacing:.01em}
/* v2i: etiqueta «Imagen ilustrativa» en tarjetas puerta y en hero */
.puerta .ilustrativa{margin-top:.4rem}
.ilustrativa--hero{position:absolute;left:14px;bottom:14px;z-index:3;margin:0;padding:3px 9px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font-style:normal}