/* Evergreen · estética oscura inspirada en experiencias de producto inmersivas */
:root{--eg-glow:#9BE23A;--eg-deep:#1F4D2B;--eg-sand:#C5BDAD;--eg-ease:cubic-bezier(.2,.7,.1,1)}
html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{background:#000;color:#EDEBE4;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.06;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
a{color:inherit}
h1,h2,h3{font-weight:800;letter-spacing:-.02em;line-height:.98;text-transform:uppercase}

/* Anular márgenes/ancho de lectura en las secciones a pantalla completa */
main.wp-block-group,main .wp-block-post-content{max-width:none!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
.wp-block-post-content>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.eg-hero,.eg-section,.eg-explode{width:100%;box-sizing:border-box}
.eg-service>*{min-width:0}

/* Cabecera flotante */
header.wp-block-template-part{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(#000 0,rgba(0,0,0,0) 100%)}
header.wp-block-template-part .wp-block-site-title a{text-decoration:none;font-weight:800;letter-spacing:.32em;text-transform:uppercase;font-size:.95rem}
header.wp-block-template-part .wp-block-navigation{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}
header.wp-block-template-part .wp-block-navigation a{text-decoration:none;opacity:.75;transition:opacity .3s,color .3s}
header.wp-block-template-part .wp-block-navigation a:hover{opacity:1;color:var(--eg-glow)}
.wp-block-navigation__responsive-container.is-menu-open{background:#000!important}

/* Bloques propios */
.eg-hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;overflow:hidden;padding:0!important;margin:0!important}
.eg-hero::before{content:"";position:absolute;inset:-10%;background:radial-gradient(45% 55% at 50% 45%,rgba(155,226,58,.34),rgba(31,77,43,.18) 45%,transparent 70%);animation:eg-breathe 7s ease-in-out infinite}
.eg-hero__title{position:absolute;inset:auto 0 9vh;z-index:3;font-size:clamp(2.6rem,11vw,11rem);margin:0;padding:0 2vw;overflow-wrap:anywhere;mix-blend-mode:difference;color:#fff}
header.wp-block-template-part .wp-block-site-title{white-space:nowrap}
header.wp-block-template-part .wp-block-navigation{gap:1.4rem}
.eg-hero__img{position:relative;z-index:2;height:88svh;width:auto;max-width:90vw;object-fit:contain;will-change:transform;filter:drop-shadow(0 30px 60px rgba(0,0,0,.7))}
.eg-hero__kicker{position:absolute;top:16vh;left:0;right:0;z-index:3;letter-spacing:.4em;font-size:.75rem;text-transform:uppercase;color:var(--eg-sand)}
.eg-scroll{position:absolute;bottom:3vh;left:50%;translate:-50% 0;z-index:3;font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--eg-sand)}
.eg-scroll::after{content:"";display:block;width:1px;height:42px;margin:.8rem auto 0;background:linear-gradient(var(--eg-glow),transparent);animation:eg-drip 2s infinite}
@keyframes eg-breathe{50%{transform:scale(1.12);opacity:.75}}
@keyframes eg-drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

.eg-section{position:relative;padding:clamp(80px,14vw,200px) clamp(20px,5vw,80px)!important}
.eg-eyebrow{color:var(--eg-glow);letter-spacing:.35em;font-size:.72rem;text-transform:uppercase;margin:0 0 1.6rem}
.eg-big{font-size:clamp(2.4rem,8vw,8rem);margin:0}
.eg-lead{font-size:clamp(1.1rem,1.8vw,1.6rem);max-width:46ch;color:var(--eg-sand);font-weight:300}

/* Producto "explosionado" con scroll */
.eg-explode{height:320vh;position:relative}
.eg-explode__stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(40% 50% at 50% 50%,rgba(155,226,58,.22),transparent 70%)}
.eg-explode__stage img{height:92svh;width:auto;max-width:92vw;object-fit:contain;transition:transform .12s linear}
.eg-explode__cap{position:absolute;left:clamp(20px,5vw,80px);bottom:10vh;max-width:28ch;z-index:2}
.eg-explode__cap h3{font-size:clamp(1.6rem,4vw,3.4rem);margin:0 0 .5rem}

/* Servicios */
.eg-services{border-top:1px solid rgba(237,235,228,.16)}
.eg-service{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:2rem;align-items:start;padding:2.4rem 0;border-bottom:1px solid rgba(237,235,228,.16);transition:padding .5s var(--eg-ease),background .5s}
.eg-service:hover{padding-left:1.4rem;background:linear-gradient(90deg,rgba(155,226,58,.10),transparent)}
.eg-service__n{color:var(--eg-glow);font-size:.85rem;letter-spacing:.2em}
.eg-service h3{font-size:clamp(1.3rem,2.6vw,2.4rem);margin:0}
.eg-service p{margin:0;color:var(--eg-sand);font-weight:300;font-size:1.02rem}

/* Galería de proyectos */
.eg-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.5vw,24px)}
.eg-gallery figure{margin:0;overflow:hidden;aspect-ratio:3/4;background:#0A100B;position:relative}
.eg-gallery figure:nth-child(4n+2){aspect-ratio:4/5;margin-top:4rem}
.eg-gallery img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--eg-ease),filter .6s;filter:saturate(.85) brightness(.9)}
.eg-gallery figure:hover img{transform:scale(1.07);filter:none}

/* Botones */
.wp-block-button__link{border-radius:999px!important;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem!important;font-weight:700;transition:transform .4s var(--eg-ease),box-shadow .4s}
.wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 0 40px rgba(155,226,58,.45)}
.wp-block-button.is-style-fill .wp-block-button__link,.wp-block-button__link.has-background{background:var(--eg-glow);color:#000}

/* Formulario / blog */
input,textarea{background:transparent!important;color:#EDEBE4;border:0!important;border-bottom:1px solid rgba(237,235,228,.4)!important;border-radius:0!important;padding:.9rem 0!important;width:100%}
input:focus,textarea:focus{outline:0;border-bottom-color:var(--eg-glow)!important}
.wp-block-post-title a{text-decoration:none}
.wp-block-post-template li{border-top:1px solid rgba(237,235,228,.16);padding:2rem 0}

/* Revelado al hacer scroll */
.eg-rv{opacity:0;transform:translateY(40px);transition:opacity 1s var(--eg-ease),transform 1s var(--eg-ease)}
.eg-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.eg-rv{opacity:1;transform:none}.eg-hero::before,.eg-scroll::after{animation:none}html{scroll-behavior:auto}}

@media (max-width:781px){
 .eg-service{grid-template-columns:1fr;gap:.6rem}
 .eg-gallery{grid-template-columns:1fr 1fr}
 .eg-gallery figure:nth-child(4n+2){margin-top:0}
 .eg-hero__img{height:70svh}
 .eg-explode{height:260vh}
}