/* ===== ASOCHAEM design v2 ===== */
:root{--cream:#F7F3EA;--ink:#1B241E;--green:#1F3D2B;--green2:#2C5A3E;--accent:#E0A526;--line:#E4DCC8;--mint:#E3EDDD;--sand:#EDE5D3;--ease:cubic-bezier(.2,.7,.2,1);--hh:96px}
html{scroll-behavior:smooth}
body{overflow-x:clip}
[id]{scroll-margin-top:110px}
::selection{background:var(--accent);color:var(--ink)}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),#f6d27a);transform-origin:0 50%;transform:scaleX(0);z-index:10001;pointer-events:none}

/* ---- header transparente sobre la foto ---- */
.wp-site-blocks>.wp-block-template-part:first-child{position:fixed;top:var(--wp-admin--admin-bar--height,0px);left:0;right:0;z-index:1000}
.site-header.has-background{background:linear-gradient(180deg,rgba(12,20,15,.62),rgba(12,20,15,0))!important;transition:background-color .45s ease,box-shadow .45s ease,padding .35s ease,backdrop-filter .45s}
.site-header.is-scrolled.has-background{background:rgba(27,46,34,.9)!important;box-shadow:0 10px 34px rgba(0,0,0,.28);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.site-header.is-scrolled{padding-top:.45rem!important;padding-bottom:.45rem!important}
.site-header a{text-shadow:0 1px 12px rgba(0,0,0,.25)}
.wp-block-navigation .wp-block-navigation-item__content{position:relative}
.wp-block-navigation .wp-block-navigation-item__content::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.wp-block-navigation .wp-block-navigation-item__content:hover::after{transform:scaleX(1)}
.wp-block-navigation__submenu-container{border-radius:14px!important;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.18)!important;border:0!important;padding:.4rem 0!important}
.wp-block-navigation__submenu-container a{color:var(--ink)!important;text-shadow:none!important;padding:.55rem 1.1rem!important}
.wp-block-navigation__submenu-container a:hover{background:var(--mint)}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--green)!important;color:var(--cream)!important;animation:menuIn .45s ease both}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-family:"Bricolage Grotesque",sans-serif;font-size:1.9rem!important;font-weight:700}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a{color:var(--cream)!important;font-size:1.2rem!important}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{box-shadow:none!important;background:transparent!important}
.is-menu-open .wp-block-navigation-item{animation:rise .6s var(--ease) both}
.is-menu-open .wp-block-navigation-item:nth-child(2){animation-delay:.08s}.is-menu-open .wp-block-navigation-item:nth-child(3){animation-delay:.16s}.is-menu-open .wp-block-navigation-item:nth-child(4){animation-delay:.24s}
@keyframes menuIn{from{opacity:0;clip-path:circle(0% at 92% 4%)}to{opacity:1;clip-path:circle(150% at 92% 4%)}}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(max-width:600px){.wp-site-blocks header .btn-pill{display:none!important}}

/* ---- botones ---- */
.btn,.wp-block-button__link{position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s ease,background-color .3s ease,color .3s}
.btn{display:inline-flex;align-items:center;gap:.55rem;padding:.95rem 1.65rem;border-radius:999px;font-weight:700;text-decoration:none;line-height:1}
.btn-accent{background:var(--accent);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--cream)}
.btn-ghost{border:1.5px solid rgba(247,243,234,.6);color:var(--cream)}
.btn-ghost:hover{background:rgba(247,243,234,.12)}
.btn-line{border:1.5px solid var(--green);color:var(--green)}
.btn-line:hover{background:var(--green);color:var(--cream)}
.btn::after,.wp-block-button__link::after{content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);transition:left .8s ease;pointer-events:none}
.btn:hover::after,.wp-block-button__link:hover::after{left:150%}
.btn:hover,.wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(224,165,38,.35)}
.btn .arr{transition:transform .3s var(--ease)}.btn:hover .arr{transform:translateX(4px)}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:var(--accent);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem;margin:0 0 .9rem}
.eyebrow::before{content:"";width:30px;height:2px;background:currentColor}
.h-xl{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.03em;margin:0 0 1.2rem;font-weight:800}

/* ---- slider portada ---- */
.hero-slider{position:relative;height:100svh;min-height:620px;overflow:hidden;color:var(--cream);background:var(--ink);margin:0!important}
.hs-slide{position:absolute;inset:0;background:var(--img) center/cover no-repeat;opacity:0;transform:scale(1.12);transition:opacity 1.8s ease}
.hs-slide.is-active{opacity:1;animation:kenburns 9s ease-out forwards}
@keyframes kenburns{from{transform:scale(1.16)}to{transform:scale(1.02) translate3d(0,-1.2%,0)}}
.hs-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 70%,rgba(12,20,15,.15),rgba(12,20,15,.7)),linear-gradient(180deg,rgba(12,20,15,.45),rgba(12,20,15,.1) 40%,rgba(12,20,15,.88))}
.hs-content{position:relative;z-index:2;max-width:1180px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:0 1.5rem 8.5rem;transform:translate3d(0,calc(var(--hp,0)*140px),0);opacity:calc(1 - var(--hp,0)*1.3)}
.hs-title{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(3rem,9.5vw,8rem);line-height:.9;letter-spacing:-.045em;margin:.6rem 0 1.3rem;font-weight:800;color:var(--cream)}
.hs-title .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.06em;margin-right:.18em}
.hs-title .w>span{display:inline-block;transform:translateY(110%);animation:wordUp 1.1s var(--ease) forwards;animation-delay:calc(var(--i)*.12s + .25s)}
.hs-title em{font-style:normal;color:var(--accent)}
@keyframes wordUp{to{transform:none}}
.hs-lead{max-width:580px;font-size:clamp(1.02rem,1.5vw,1.22rem);line-height:1.6;opacity:0;animation:fadeUp 1s 1s forwards;margin:0}
.hs-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem;opacity:0;animation:fadeUp 1s 1.2s forwards}
.hs-content .eyebrow{opacity:0;animation:fadeUp .9s .1s forwards}
.hs-dots{position:absolute;z-index:3;right:max(1.5rem,calc((100vw - 1180px)/2 + 1.5rem));bottom:3rem;display:flex;gap:.5rem}
.hs-dot{width:46px;height:4px;border-radius:4px;background:rgba(247,243,234,.3);border:0;padding:0;cursor:pointer;position:relative;overflow:hidden}
.hs-dot.is-active::after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left;animation:dotFill var(--dur,6.5s) linear forwards}
@keyframes dotFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hs-scroll{position:absolute;left:50%;bottom:1.8rem;z-index:3;width:26px;height:42px;border:2px solid rgba(247,243,234,.6);border-radius:14px;transform:translateX(-50%)}
.hs-scroll::before{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--cream);animation:scrollDot 1.8s infinite}
@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
.hs-place{position:absolute;z-index:3;left:max(1.5rem,calc((100vw - 1180px)/2 + 1.5rem));bottom:3rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75}

/* ---- tarjetas Conócenos ---- */
.sec{margin:0 auto}
.intro-cards{position:relative;z-index:5;max-width:1180px;margin:-6rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.icard{background:#fff;border-radius:24px;padding:2.2rem 1.9rem;box-shadow:0 24px 60px rgba(27,36,30,.14);text-decoration:none!important;color:var(--ink);display:block;position:relative;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s ease;will-change:transform}
.icard::before{content:"";position:absolute;right:-70px;bottom:-90px;width:220px;height:220px;border-radius:50%;background:var(--mint);transition:transform .7s var(--ease);z-index:0}
.icard:hover{box-shadow:0 34px 70px rgba(27,36,30,.22)}
.icard:hover::before{transform:scale(1.6)}
.icard>*{position:relative;z-index:1}
.icard .ic{width:60px;height:60px;border-radius:18px;display:grid;place-items:center;background:var(--green);color:var(--accent);margin-bottom:1.3rem;transition:transform .6s var(--ease)}
.icard:hover .ic{transform:rotate(-10deg) scale(1.1)}
.icard h3{font-size:1.4rem;margin:0 0 .55rem}
.icard p{margin:0 0 1.1rem;color:#4a5a4f;line-height:1.6}
.icard .more{font-weight:800;color:var(--green);font-size:.92rem;letter-spacing:.02em}
.icard:nth-child(2){background:var(--green);color:var(--cream)}
.icard:nth-child(2) p{color:rgba(247,243,234,.82)}
.icard:nth-child(2) .ic{background:var(--accent);color:var(--green)}
.icard:nth-child(2)::before{background:rgba(255,255,255,.07)}
.icard:nth-child(2) .more{color:var(--accent)}

/* ---- contadores ---- */
.stats{max-width:1180px;margin:5.5rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.stat{border-left:2px solid var(--line);padding:.3rem 0 .3rem 1.3rem;transition:border-color .4s}
.stat:hover{border-color:var(--accent)}
.stat b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(2.6rem,5vw,4rem);line-height:1;color:var(--green);letter-spacing:-.04em;font-weight:800}
.stat b small{font-size:.42em;color:var(--accent);margin-left:.2em;letter-spacing:0}
.stat span{display:block;color:#5a685e;font-size:.95rem;margin-top:.5rem;line-height:1.45}

/* ---- misión ---- */
.mission{max-width:1180px;margin:7rem auto 4rem;padding:0 1.5rem;display:grid;grid-template-columns:1.05fr .95fr;gap:4.5rem;align-items:center}
.mission .lead{font-size:1.18rem;line-height:1.75;color:#33433a;margin:0 0 1.8rem}
.mission-media{position:relative;height:540px}
.mission-media img{position:absolute;border-radius:24px;object-fit:cover;box-shadow:0 26px 60px rgba(27,36,30,.2)}
.mm-a{width:74%;height:80%;top:0;right:0}
.mm-b{width:54%;height:52%;left:0;bottom:0;border:8px solid var(--cream)}
.mm-badge{position:absolute;left:6%;top:10%;z-index:2;background:var(--accent);color:var(--ink);border-radius:50%;width:128px;height:128px;display:grid;place-items:center;text-align:center;font-weight:800;font-family:"Bricolage Grotesque",sans-serif;line-height:1.05;font-size:1rem;animation:floaty 6s ease-in-out infinite;box-shadow:0 16px 34px rgba(224,165,38,.45)}
.mm-badge b{display:block;font-size:2rem}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(4deg)}}

/* ---- cintas de valores ---- */
.marquees{overflow:hidden;padding:2.5rem 0 3rem;margin:0!important}
.marquee{width:106vw;margin-left:-3vw;padding:1.15rem 0;background:var(--green);color:var(--cream);transform:rotate(-2deg);box-shadow:0 14px 30px rgba(27,36,30,.15)}
.marquee+.marquee{background:var(--accent);color:var(--ink);transform:rotate(1.5deg);margin-top:-.4rem}
.marquee__track{display:flex;width:max-content;animation:marq 45s linear infinite}
.marquee+.marquee .marquee__track{animation-direction:reverse;animation-duration:55s}
.marquee span{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;padding-right:2.6rem;letter-spacing:-.01em}
.marquee span::after{content:"✦";margin-left:2.6rem;font-size:.65em;color:var(--accent)}
.marquee+.marquee span::after{color:var(--green)}
.marquee:hover .marquee__track{animation-play-state:paused}
@keyframes marq{to{transform:translateX(-50%)}}

/* ---- programas (parallax) ---- */
.programs{position:relative;padding:9rem 1.5rem 8rem;color:var(--cream);overflow:hidden;isolation:isolate;margin:2rem 0 0!important}
.programs__bg{position:absolute;inset:-18% 0;background:var(--img) center/cover no-repeat;z-index:-2;transform:translate3d(0,var(--py,0px),0) scale(1.05);will-change:transform}
.programs::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,20,15,.82),rgba(31,61,43,.72) 50%,rgba(12,20,15,.88))}
.programs::after{content:"";position:absolute;left:0;right:0;top:-1px;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 38C180 70 360 8 620 26C880 44 1100 76 1440 30V70H0Z' fill='%23F7F3EA'/%3E%3C/svg%3E") top/100% 100% no-repeat;transform:scaleY(-1)}
.programs__head{max-width:1180px;margin:0 auto 3.2rem;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:2rem}
.programs__head .h-xl{color:var(--cream);margin:0}
.programs__head p{color:rgba(247,243,234,.85);font-size:1.12rem;line-height:1.6;margin:0}
.programs__grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}
.pcard{background:rgba(247,243,234,.08);border:1px solid rgba(247,243,234,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:26px;padding:2.3rem 2rem;display:flex;flex-direction:column;gap:.85rem;transition:transform .5s var(--ease),background .4s,border-color .4s;will-change:transform}
.pcard:hover{background:rgba(247,243,234,.15);border-color:rgba(224,165,38,.7)}
.pcard .num{font-family:"Bricolage Grotesque",sans-serif;font-size:3.6rem;font-weight:800;color:transparent;-webkit-text-stroke:1.5px var(--accent);line-height:1}
.pcard h3{color:var(--cream);font-size:1.7rem;margin:0}
.pcard p{color:rgba(247,243,234,.84);margin:0;line-height:1.6}
.pcard .grow{flex:1}
.pcard .btn{align-self:flex-start;margin-top:.5rem}
.pcard--accent{background:var(--accent);border-color:var(--accent);color:var(--ink)}
.pcard--accent:hover{background:#ebb43a;border-color:#ebb43a}
.pcard--accent h3,.pcard--accent p{color:var(--ink)}
.pcard--accent .num{-webkit-text-stroke-color:var(--ink)}
.pay-line{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem}
.pay-line strong{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}

/* ---- mosaico galería ---- */
.teaser{max-width:1180px;margin:8rem auto 6rem;padding:0 1.5rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:3.5rem;align-items:center}
.teaser p{font-size:1.12rem;line-height:1.7;color:#33433a;margin:0 0 1.8rem}
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:160px;gap:.8rem}
.mosaic a{overflow:hidden;border-radius:18px;display:block;position:relative}
.mosaic a:nth-child(1){grid-row:span 2}
.mosaic a:nth-child(4){grid-column:span 2}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease),filter .6s;filter:saturate(.92)}
.mosaic a:hover img{transform:scale(1.12);filter:saturate(1.2)}
.mosaic a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,20,15,.55));opacity:0;transition:opacity .5s}
.mosaic a:hover::after{opacity:1}

/* ---- noticias ---- */
.news{max-width:1180px;margin:0 auto 5rem;padding:0 1.5rem}
.news__head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:2.2rem}
.news__head .h-xl{margin:0}
.news-grid .wp-block-post-template{gap:1.4rem!important}
.news-grid .wp-block-post-template>li{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 14px 34px rgba(27,36,30,.08);transition:transform .5s var(--ease),box-shadow .5s;display:flex;flex-direction:column}
.news-grid .wp-block-post-template>li:hover{transform:translateY(-8px);box-shadow:0 26px 50px rgba(27,36,30,.16)}
.news-grid .wp-block-post-featured-image{margin:0!important;overflow:hidden;aspect-ratio:16/10}
.news-grid .wp-block-post-featured-image img{width:100%;height:100%!important;object-fit:cover;transition:transform 1s var(--ease)}
.news-grid li:hover .wp-block-post-featured-image img{transform:scale(1.08)}
.news-grid li:not(:has(.wp-block-post-featured-image))::before{content:"";display:block;aspect-ratio:16/10;background:linear-gradient(160deg,rgba(31,61,43,.55),rgba(31,61,43,.88)),url(/wp-content/uploads/2026/10/IMG-20151006-WA0062-1024x768.jpg) center/cover}
.news-body{padding:1.3rem 1.5rem 1.6rem!important;margin:0!important}
.news-body .wp-block-post-date{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:800}
.news-body .wp-block-post-title{font-size:1.25rem;line-height:1.25;margin:.45rem 0 .6rem}
.news-body .wp-block-post-title a{color:var(--ink);text-decoration:none;background:linear-gradient(var(--accent),var(--accent)) 0 100%/0 2px no-repeat;transition:background-size .4s}
.news-body .wp-block-post-title a:hover{background-size:100% 2px}
.news-body .wp-block-post-excerpt{color:#5a685e;font-size:.95rem;margin:0}
.news-body .wp-block-post-excerpt__more-link{display:none}

/* ---- comentarios ---- */
.comments-sec{max-width:1180px;margin:0 auto 2rem;padding:0 1.5rem}
.wp-block-latest-comments{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:0!important;margin:0}
.wp-block-latest-comments__comment{background:#fff;border-radius:18px;padding:1.2rem 1.3rem!important;margin:0!important;border-left:4px solid var(--accent);box-shadow:0 10px 26px rgba(27,36,30,.06);transition:transform .4s var(--ease)}
.wp-block-latest-comments__comment:hover{transform:translateY(-4px)}
.wp-block-latest-comments__comment-excerpt p{font-size:.92rem;color:#5a685e;margin:.5rem 0 0}

/* ---- banda final ---- */
.cta-band{position:relative;margin:5rem 0 0!important;background:linear-gradient(120deg,#E0A526,#f2c869 50%,#E0A526);background-size:220% 220%;animation:gradShift 12s ease infinite;color:var(--ink);padding:7rem 1.5rem 7.5rem;text-align:center;overflow:hidden;isolation:isolate}
.cta-band::before{content:"";position:absolute;left:0;right:0;top:-1px;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 38C180 70 360 8 620 26C880 44 1100 76 1440 30V70H0Z' fill='%23F7F3EA'/%3E%3C/svg%3E") top/100% 100% no-repeat;transform:scaleY(-1)}
.cta-band .h-xl{max-width:820px;margin:0 auto 1rem}
.cta-band p{font-size:1.2rem;margin:0 auto 2rem;max-width:620px}
.cta-band .acts{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.cta-band .blob{position:absolute;border-radius:50%;background:rgba(255,255,255,.22);z-index:-1;animation:floaty 9s ease-in-out infinite}
.cta-band .b1{width:260px;height:260px;left:-60px;top:30%}.cta-band .b2{width:180px;height:180px;right:6%;top:-40px;animation-delay:-3s}.cta-band .b3{width:120px;height:120px;right:22%;bottom:-30px;animation-delay:-6s}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* ---- pie con ola ---- */
.wp-site-blocks>.wp-block-template-part:last-child{position:relative}
.wp-site-blocks>.wp-block-template-part:last-child::before{content:"";position:absolute;left:0;right:0;top:-69px;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 38C180 70 360 8 620 26C880 44 1100 76 1440 30V70H0Z' fill='%231F3D2B'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;pointer-events:none}
.footer-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;max-width:1180px;margin:2rem auto 1.5rem;padding:0 1.5rem}
.footer-photos a{display:block;overflow:hidden;border-radius:16px;aspect-ratio:1/1}
.footer-photos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease)}
.footer-photos a:hover img{transform:scale(1.12)}

/* ---- cabecera de página con foto ---- */
.page-hero{position:relative;min-height:clamp(360px,56vh,560px)!important;background:var(--ink) url(/wp-content/uploads/2026/10/IMG-20151006-WA0062.jpg) center calc(50% + var(--py,0px))/cover no-repeat;padding:calc(var(--hh) + var(--wp-admin--admin-bar--height,0px) + 2rem) 1.5rem 5rem!important;overflow:hidden;margin:0!important;color:var(--cream)}
.page-hero .wp-block-cover__image-background{transform:translate3d(0,var(--py,0px),0) scale(1.18);will-change:transform}
.page-hero .wp-block-cover__background{background:linear-gradient(180deg,rgba(12,20,15,.6) 0%,rgba(12,20,15,.3) 45%,rgba(12,20,15,.85) 100%)!important;opacity:1!important}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:70px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 70' preserveAspectRatio='none'%3E%3Cpath d='M0 38C180 70 360 8 620 26C880 44 1100 76 1440 30V70H0Z' fill='%23F7F3EA'/%3E%3C/svg%3E") bottom/100% 100% no-repeat;z-index:2}
.page-hero .wp-block-cover__inner-container{position:relative;z-index:3;max-width:1180px!important;width:100%;margin:0 auto}
.page-hero__kicker,.page-hero .wp-block-post-date,.page-hero .wp-block-post-terms{color:var(--accent)!important;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem!important;margin:0 0 .8rem!important;animation:fadeUp .9s .1s both}
.page-hero .wp-block-post-terms a{color:var(--accent)!important;text-decoration:none}
.page-hero__title,.page-hero h1{color:var(--cream)!important;font-size:clamp(2.4rem,6.5vw,5rem)!important;line-height:1!important;letter-spacing:-.035em;margin:0!important;max-width:16ch;text-wrap:balance;animation:heroTitle 1.1s .15s var(--ease) both}
@keyframes heroTitle{from{opacity:0;transform:translateY(40px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.page-hero .row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}

/* ---- contenido de páginas ---- */
.entry-prose>p:first-child{font-size:1.22rem;line-height:1.7;color:#2b3a31}
.entry-prose h2,.entry-prose h3{position:relative}
.entry-prose h3::before{content:"";display:block;width:42px;height:4px;border-radius:4px;background:var(--accent);margin-bottom:.8rem}
.entry-prose ul{list-style:none;padding-left:0}
.entry-prose ul li{position:relative;padding-left:1.9rem;margin:.55rem 0}
.entry-prose ul li::before{content:"";position:absolute;left:0;top:.35em;width:1.15rem;height:1.15rem;border-radius:50%;background:var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F3D2B' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/62% no-repeat}
.entry-prose img{border-radius:16px;height:auto}
.video-embed{position:relative;aspect-ratio:16/9;margin:1.5rem 0;border-radius:20px;overflow:hidden;background:var(--ink);box-shadow:0 16px 40px rgba(27,36,30,.2)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map-embed{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(27,36,30,.18);margin:2rem 0;background:var(--mint)}
.map-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.split-sticky{gap:3.5rem!important;align-items:flex-start!important;margin-top:0!important}
.sticky-media{position:sticky;top:120px;margin:0!important}
.sticky-media img{width:100%;height:min(80vh,680px)!important;object-fit:cover;border-radius:26px;box-shadow:0 26px 60px rgba(27,36,30,.2)}
.with-photos{gap:3.5rem!important;align-items:flex-start!important;margin:4.5rem auto 0!important}
.with-photos:first-child{margin-top:0!important}
.photo-stack{display:flex;flex-direction:column;gap:1.2rem;position:sticky;top:120px}
.photo-stack figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 20px 44px rgba(27,36,30,.18);transform:rotate(var(--r,0deg));transition:transform .6s var(--ease)}
.photo-stack figure:nth-child(1){--r:-2.5deg}
.photo-stack figure:nth-child(2){--r:2.5deg;margin-left:14%}
.photo-stack figure:hover{transform:rotate(0) scale(1.03)}
.photo-stack img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.wp-block-details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0!important;margin:.75rem 0!important;overflow:hidden;transition:box-shadow .35s,border-color .35s}
.wp-block-details summary{cursor:pointer;list-style:none;padding:1.15rem 3.6rem 1.15rem 1.4rem;font-weight:700;position:relative;font-family:"Bricolage Grotesque",sans-serif;font-size:1.08rem;transition:color .3s}
.wp-block-details summary::-webkit-details-marker{display:none}
.wp-block-details summary::after{content:"+";position:absolute;right:1.1rem;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:1.3rem;font-weight:500;line-height:1;transition:transform .4s var(--ease),background .3s}
.wp-block-details summary:hover{color:var(--green2)}
.wp-block-details[open]{border-color:var(--accent);box-shadow:0 16px 34px rgba(27,36,30,.09)}
.wp-block-details[open] summary::after{transform:rotate(135deg);background:var(--accent)}
.wp-block-details>*:not(summary){padding:0 1.4rem;animation:fadeUp .5s ease both}
.wp-block-details>*:last-child{padding-bottom:1.3rem}

/* ---- tarjetas, chips, copiar ---- */
.card,.wp-block-post-template>li{transition:transform .45s var(--ease),box-shadow .45s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(27,36,30,.16)}
.copy-chip{display:inline-flex;align-items:center;gap:.45rem;font:inherit;font-weight:800;color:var(--green);background:var(--mint);border:1px solid #cfe0c8;border-radius:999px;padding:.2rem .8rem;cursor:pointer;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}
.copy-chip:hover{background:var(--cream);transform:translateY(-2px);box-shadow:0 8px 18px rgba(27,36,30,.2)}
.copy-chip:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.copy-chip .copy-ok{font-size:.8em;font-weight:600}
.copy-chip.is-copied{background:var(--green);color:var(--cream);border-color:var(--green)}

/* ---- galería + visor ---- */
.wp-block-gallery .wp-block-image{overflow:hidden;border-radius:16px}
.wp-block-gallery .wp-block-image img{cursor:zoom-in;transition:transform .9s var(--ease),filter .5s}
.wp-block-gallery .wp-block-image:hover img{transform:scale(1.1);filter:saturate(1.15)}
.lb{position:fixed;inset:0;z-index:100000;background:rgba(8,12,10,.95);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s}
.lb.is-open{opacity:1;pointer-events:auto}
.lb img{max-width:92vw;max-height:84vh;border-radius:14px;box-shadow:0 30px 90px rgba(0,0,0,.6);transform:scale(.94);opacity:0;transition:transform .45s var(--ease),opacity .35s}
.lb.is-open img.ready{transform:none;opacity:1}
.lb button{position:absolute;background:rgba(255,255,255,.1);border:0;color:#fff;width:54px;height:54px;border-radius:50%;font-size:1.5rem;cursor:pointer;backdrop-filter:blur(6px);transition:background .25s,color .25s,transform .25s;display:grid;place-items:center}
.lb button:hover{background:var(--accent);color:var(--ink);transform:scale(1.08)}
.lb .lb-prev{left:2vw}.lb .lb-next{right:2vw}.lb .lb-close{top:2.5vh;right:2vw}
.lb .lb-count{position:absolute;bottom:3vh;left:50%;transform:translateX(-50%);color:#fff;font-size:.85rem;letter-spacing:.14em;opacity:.8}

/* ---- blog ---- */
.blog-tools{max-width:1180px;margin:0 auto 2.8rem;padding:0 1.5rem;display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:2rem;align-items:start}
.blog-tools .wp-block-search__input{border-radius:999px;border:1px solid var(--line);padding:.8rem 1.2rem;background:#fff}
.blog-tools .wp-block-search__button{border-radius:999px;background:var(--green);color:var(--cream);border:0;padding:.8rem 1.3rem;margin-left:.5rem}
.blog-tools .wp-block-search__inside-wrapper{border:0!important;padding:0!important}
.wp-block-tag-cloud{margin:0}
.wp-block-tag-cloud a{display:inline-block;background:var(--mint);color:var(--green);border-radius:999px;padding:.35rem .85rem;margin:.2rem;font-size:.82rem!important;font-weight:700;text-decoration:none;transition:background .25s,transform .25s,color .25s}
.wp-block-tag-cloud a:hover{background:var(--accent);color:var(--ink);transform:translateY(-2px)}

/* ---- aparición al hacer scroll ---- */
.js .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease),clip-path 1.2s cubic-bezier(.7,0,.2,1);transition-delay:var(--rd,0ms)}
.js .reveal.r-left{transform:translateX(-60px)}
.js .reveal.r-right{transform:translateX(60px)}
.js .reveal.r-zoom{transform:scale(.88)}
.js .reveal.r-clip{opacity:1;transform:none;clip-path:inset(0 0 100% 0 round 24px)}
.js .reveal.in{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 24px)}
.js .reveal.r-clip.in{clip-path:inset(0 0 0 0 round 24px)}

/* ---- móvil ---- */
@media(max-width:900px){
 :root{--hh:78px}
 .intro-cards,.programs__grid,.mission,.teaser,.programs__head,.blog-tools{grid-template-columns:1fr}
 .intro-cards{margin-top:-4rem}
 .stats{grid-template-columns:repeat(2,1fr);gap:1.4rem 1rem;margin-top:4rem}
 .mission{gap:3rem;margin-top:5rem}
 .mission-media{height:400px}
 .mm-badge{width:104px;height:104px;font-size:.85rem}.mm-badge b{font-size:1.6rem}
 .programs{padding:7rem 1.25rem 6rem}
 .teaser{margin:6rem auto 4rem;gap:2rem}
 .mosaic{grid-auto-rows:120px}
 .hs-content{padding-bottom:7.5rem}
 .hs-place{display:none}
 .hs-dots{right:50%;transform:translateX(50%);bottom:5.2rem}
 .sticky-media{position:relative;top:0}.sticky-media img{height:300px!important}
 .photo-stack{position:relative;top:0;flex-direction:row}.photo-stack figure:nth-child(2){margin-left:0}
 .split-sticky,.with-photos{gap:1.8rem!important}
 .footer-photos{grid-template-columns:repeat(2,1fr)}
 .page-hero{min-height:340px!important;padding-bottom:4rem!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none;clip-path:none}.hs-title .w>span{transform:none}}

[data-parallax]:not(.programs__bg){transform:translate3d(0,var(--py,0px),0);will-change:transform}
.h-md{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;margin:0 0 1.5rem}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pcard--accent .copy-chip{background:rgba(255,255,255,.55);border-color:rgba(27,36,30,.15);color:var(--ink)}
.cta-band .copy-chip{background:var(--ink);color:var(--cream);border-color:var(--ink)}

/* fixes v2.1 */
.hs-content{padding-bottom:12.5rem}
.hs-dots,.hs-place{bottom:8.6rem}
.hs-scroll{display:none}
.intro-cards{margin-top:-5rem}
.mosaic a:nth-child(n+5){display:none}
.wp-block-latest-comments__comment-link,.wp-block-latest-comments a{color:var(--green)!important;font-weight:700;text-decoration:none}
.wp-block-latest-comments a:hover{color:var(--accent)!important}
.wp-block-latest-comments__comment-meta{font-size:.95rem;line-height:1.45}
.wp-block-latest-comments__comment-date{font-size:.78rem;color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:.35rem}
@media(max-width:900px){.hs-content{padding-bottom:10rem}.hs-dots{bottom:6.5rem}.intro-cards{margin-top:-3.5rem}}

/* fixes v2.2 */
.hs-place{display:none}
@media(max-height:800px) and (min-width:901px){.hs-title{font-size:clamp(2.8rem,7vw,5.8rem)}.hs-content{padding-bottom:11rem}}

/* fixes v2.3 */
.wp-block-cover.page-hero.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.page-hero .wp-block-cover__inner-container{margin:0 auto!important;width:100%!important;max-width:1180px!important}
.page-hero{align-items:flex-end!important}
main>.wp-block-post-content.entry-prose>.alignwide{max-width:1180px!important}

/* fixes v2.4 */
main>.wp-block-post-content.entry-prose{max-width:none!important;width:100%}

/* fixes v2.5 */
.photo-stack img{aspect-ratio:1/1}
.photo-stack figure:nth-child(2){width:82%;margin-left:18%}
.photo-stack figure:only-child img{aspect-ratio:4/5}
.with-photos h2{font-size:clamp(2rem,4vw,3rem)!important;letter-spacing:-.03em;margin-top:0!important}

/* fixes v2.6 */
.news-grid li:not(:has(.wp-block-post-featured-image)):nth-child(4n+2)::before{background-image:linear-gradient(160deg,rgba(31,61,43,.45),rgba(31,61,43,.85)),url(/wp-content/uploads/2026/10/IMG-20151006-WA0061-1024x768.jpg)}
.news-grid li:not(:has(.wp-block-post-featured-image)):nth-child(4n+3)::before{background-image:linear-gradient(160deg,rgba(31,61,43,.45),rgba(31,61,43,.85)),url(/wp-content/uploads/2026/10/IMG-20151006-WA0017-1024x768.jpg)}
.news-grid li:not(:has(.wp-block-post-featured-image)):nth-child(4n+4)::before{background-image:linear-gradient(160deg,rgba(31,61,43,.45),rgba(31,61,43,.85)),url(/wp-content/uploads/2026/10/IMG-20151006-WA0023-1024x768.jpg)}

/* fixes v2.7 */
@media(max-width:900px){
 .hero-slider{height:auto;min-height:100svh;display:flex}
 .hs-content{height:auto;min-height:100svh;width:100%;padding-top:7.5rem;padding-bottom:8rem!important;box-sizing:border-box}
 .hs-dots{bottom:4.8rem!important}
 .hs-title{font-size:clamp(2.6rem,12vw,3.6rem)}
 .hs-lead{font-size:1rem}
}

/* fixes v2.8 */
html{overflow-x:clip}
.mission,.teaser,.wp-block-post-content{overflow-x:clip}
@media(max-width:900px){.js .reveal.r-left{transform:translateX(-24px)}.js .reveal.r-right{transform:translateX(24px)}}
