/* Neo · 12-09-2026. Cabeceras de servicios. Paletas originales por sección. */
.page-section .neo-service-head{--neo-a:#ffa348;--neo-b:#fff252;position:relative;isolation:isolate;width:100%;max-width:1320px;margin:0 auto 0!important;padding:30px 64px 44px!important;text-align:left;box-sizing:border-box;}
#sec-showrooms .neo-service-head{--neo-a:#a700e9;--neo-b:#ff5a96;}
#sec-oficinas .neo-service-head{--neo-a:#a700e9;--neo-b:#a700e9;}
.neo-service-head .neo-service-kicker{position:relative;z-index:3;display:flex;align-items:center;gap:18px;margin:0 0 4px!important;color:#c5cdd4;font-size:11px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:400;}
.neo-service-kicker span{color:var(--neo-a);font-size:13px;letter-spacing:0;}
.neo-service-kicker::before{content:"";width:32px;height:1px;background:var(--neo-a);}
.neo-service-stage{position:relative;min-height:208px;display:flex;align-items:center;isolation:isolate;}
.page-section .neo-service-head :is(h1,h2).neo-service-title{position:relative;z-index:2;display:block!important;width:auto!important;max-width:none!important;font-family:Nohemi,'Helvetica Neue',Arial,sans-serif!important;font-size:clamp(72px,12.6vw,174px)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-.075em!important;color:#faf8f5;margin:0!important;padding:18px 0 30px!important;text-align:left;text-wrap:nowrap;}
#sec-showrooms .neo-service-head :is(h1,h2).neo-service-title{font-size:clamp(62px,10.6vw,146px)!important;}
#sec-oficinas .neo-service-head :is(h1,h2).neo-service-title{font-size:clamp(58px,10.4vw,143px)!important;}
.neo-service-title .neo-ink{color:var(--neo-a);background:linear-gradient(105deg,var(--neo-a),var(--neo-b));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.neo-service-art{position:absolute;inset:-35px -30px -15px;width:calc(100% + 60px);height:calc(100% + 50px);overflow:visible;z-index:1;pointer-events:none;}
.neo-service-art path,.neo-service-art ellipse,.neo-service-art rect{vector-effect:non-scaling-stroke;}
.neo-service-art .neo-fine{fill:none;stroke:var(--neo-a);stroke-width:1;opacity:.7;}
.neo-service-art .neo-light{fill:none;stroke:var(--neo-b);stroke-width:1;opacity:.55;}
.neo-service-art .neo-soft{fill:var(--neo-a);opacity:.06;}
.neo-service-art .neo-solid{fill:var(--neo-a);}
.neo-service-art .neo-dash{fill:none;stroke:var(--neo-a);stroke-width:1;stroke-dasharray:2 7;opacity:.35;}
.neo-service-head .neo-service-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:start;position:relative;z-index:3;padding-top:12px;border-top:1px solid #ffffff20;}
.page-section .neo-service-head .neo-service-line{margin:0!important;font-size:clamp(22px,2.3vw,32px);line-height:1.13;letter-spacing:-.025em;font-weight:400;color:#f5f3f0;max-width:580px;}
.page-section .neo-service-head .neo-service-detail{margin:0!important;color:#b9b6be;font-size:14px;line-height:1.5;font-weight:300;max-width:400px;text-align:left;justify-self:end;}
.neo-service-detail strong{font-weight:400;color:var(--neo-b);}
/* Evita sumar la mancha principal detrás de la nueva tipografía a máxima intensidad. */
#sec-stands:has(.neo-service-head)>.blob-stand-top,#sec-showrooms:has(.neo-service-head)>.blob-showrooms-top,#sec-oficinas:has(.neo-service-head)>.blob-oficinas-top{opacity:.45;}
@media(min-width:761px){.neo-service-art .neo-orbit{transform-origin:78% 50%;animation:neo-service-breathe 14s ease-in-out infinite alternate;}@keyframes neo-service-breathe{to{transform:translateY(-7px) rotate(2deg);}}}
@media(max-width:760px){.page-section .neo-service-head{padding:20px 24px 30px!important;}.neo-service-head .neo-service-kicker{font-size:9px;letter-spacing:.06em;gap:10px;}.neo-service-stage{min-height:150px;}.page-section .neo-service-head :is(h1,h2).neo-service-title{font-size:clamp(70px,18vw,120px)!important;padding:25px 0!important;}#sec-showrooms .neo-service-head :is(h1,h2).neo-service-title{font-size:clamp(48px,12.7vw,90px)!important;}#sec-oficinas .neo-service-head :is(h1,h2).neo-service-title{font-size:clamp(45px,12.2vw,90px)!important;}.neo-service-art{inset:-12px 0;width:100%;height:calc(100% + 24px);}.neo-service-head .neo-service-bottom{grid-template-columns:1fr;gap:12px;padding-top:18px;}.page-section .neo-service-head .neo-service-line{font-size:25px;max-width:340px;}.page-section .neo-service-head .neo-service-detail{justify-self:start;font-size:12px;max-width:330px;}.neo-service-kicker::before{width:18px;}}
@media(prefers-reduced-motion:reduce){.neo-service-art .neo-orbit{animation:none!important;}}

/* Decisión de Octavio: Interiorismo hereda Mundos Virtuales, no Oficinas. */
#nav-oficinas.active-oficinas,#mob-nav-oficinas.active-oficinas,#hp-oficinas.active-oficinas{color:#a700e9!important;border-color:#a700e973!important;}
#sec-oficinas:has(.neo-service-head)>.blob-oficinas-top{background-image:url('../img/mancha_mundos_01.webp');background-size:contain;width:1000px;height:984px;}
#sec-oficinas:has(.neo-service-head)>.blob-oficinas-mid{background-image:url('../img/mancha_mundos_03.webp');background-size:contain;width:920px;height:552px;}
#sec-oficinas:has(.neo-service-head)>.blob-oficinas-bottom{background-image:url('../img/mancha_mundos_04.webp');background-size:contain;}
#sec-oficinas .case-teaser{--acc:#a700e9;--accSoft:rgba(167,0,233,.5);}
#sec-oficinas .ct-tag,#sec-oficinas .ct-cta,#sec-oficinas .case-step-title{color:#a700e9!important;border-color:#a700e966!important;}
#sec-oficinas .ct-stat svg{stroke:#a700e9!important;}
@media(max-width:760px){#sec-oficinas:has(.neo-service-head)>.blob-oficinas-top{width:80vw;height:79vw;}#sec-oficinas:has(.neo-service-head)>.blob-oficinas-mid{width:85vw;height:51vw;}}
/* Mantener la lectura sobre las manchas, también en los momentos de máxima opacidad. */
#sec-stands:has(.neo-service-head)>.blob-stand-top,#sec-showrooms:has(.neo-service-head)>.blob-showrooms-top,#sec-oficinas:has(.neo-service-head)>.blob-oficinas-top{opacity:.20!important;}
.neo-service-detail strong{color:color-mix(in srgb,var(--neo-b) 60%,white);}
.neo-service-head .neo-service-kicker span{color:color-mix(in srgb,var(--neo-a) 65%,white);}
.page-section .neo-service-head{padding-bottom:24px!important;}
@media(max-width:760px){.page-section .neo-service-head{padding-bottom:24px!important;}}

/* Jeff · 12-9-26 · Octavio en Safari: el grafismo pasaba por delante del titular. Orden de pintura explícito y capa propia para el texto (Safari + background-clip:text). */
.neo-service-stage{z-index:auto;}
.neo-service-stage .neo-service-art{z-index:0!important;}
.page-section .neo-service-head :is(h1,h2).neo-service-title{position:relative!important;z-index:5!important;}
.neo-service-title .neo-ink{position:relative;z-index:6;display:inline-block;}
@supports not (-webkit-background-clip:text){.neo-service-title .neo-ink{color:var(--neo-a);-webkit-text-fill-color:currentColor;background:none;}}

/* Jeff · 12-9-26 · 13:10 · Safari seguía pintando el grafismo delante. Causa probable: la animación del svg (.neo-orbit) lo convierte en capa compuesta y Safari pinta debajo el texto con background-clip:text. Sin animación en el grafismo y, solo en Safari, tinta sólida en vez de degradado. */
.neo-service-art .neo-orbit,.neo-service-art *{animation:none!important;}
.neo-service-art{transform:none!important;will-change:auto!important;}
@supports (background:-webkit-named-image(i)){.neo-service-title .neo-ink{background:none!important;-webkit-text-fill-color:var(--neo-a)!important;color:var(--neo-a)!important;}}

/* Neo · 12-09-2026 · Titular y primer vídeo como una misma entrada.
   Las reglas generales de bloques sumaban 128px; el ancla de Irizar otros 128px.
   Mantener los 24px inferiores de la cabecera y añadir solo 32px (16px en móvil). */
#sec-stands .neo-service-head + .noisy-video-container,
#sec-showrooms .neo-service-head + .noisy-video-container,
#sec-oficinas .neo-service-head + .noisy-video-container,
#sec-oficinas .neo-service-head + #case-irizar + .noisy-video-container {
    margin-top:32px!important;
}
#sec-oficinas .neo-service-head + #case-irizar {
    margin:0!important;padding:0!important;height:0!important;min-height:0!important;
}
@media(max-width:760px){
    #sec-stands .neo-service-head + .noisy-video-container,
    #sec-showrooms .neo-service-head + .noisy-video-container,
    #sec-oficinas .neo-service-head + .noisy-video-container,
    #sec-oficinas .neo-service-head + #case-irizar + .noisy-video-container {
        margin-top:16px!important;
    }
}