/*
 * Undernet V2 - Sistema visual de superficies
 * Capa final de normalización. Elimina paletas y gradientes heredados.
 */

:root{
    --udc-page:#1b1d1f;
    --udc-section:#1b1d1f;
    --udc-section-soft:#1b1d1f;
    --udc-surface:#303336;
    --udc-surface-hover:#363a3d;
    --udc-surface-elevated:#3a3e41;
    --udc-border:#50555a;
    --udc-border-strong:#62686d;
    --udc-text:#f4f4f4;
    --udc-muted:#d0d2d3;
    --udc-accent:#ef7d00;
    --udc-accent-hover:#ff981f;
}

html,body,main,#contenido{
    background:var(--udc-page) !important;
    color:var(--udc-text) !important;
}

/* Un solo lienzo para secciones. */
.section,
.section:nth-of-type(odd),
.section:nth-of-type(even),
.section-white,.bg-white,.alt-section,.section-alt,.light-section,.bg-light,
.section-soft,.section-orange-soft,.clients-preview,.cta-section,
.visual-story-section,#servicios,
main#contenido > section.section,
main#contenido > section.section.service-editorial,
main#contenido > section.section.section-soft,
main#contenido > section.section.section-orange-soft,
main#contenido > section.alt-section,
main#contenido > section.section-alt{
    background:var(--udc-page) !important;
    border-color:var(--udc-border) !important;
}

/* Header global sólido. El antiguo gradiente gris-negro queda retirado. */
header,.site-header,.main-header,.header-v2{
    background:var(--udc-page) !important;
    border-bottom:1px solid var(--udc-border) !important;
}
header .logo,.site-header .logo,.main-header .logo,.header-v2 .logo,
.brand-area,.site-branding{
    background:none !important;
}

/* Heroes corporativos sólidos. */
.hero,.home-hero,.hero-section,.page-hero,
main#contenido > section.page-hero{
    background:var(--udc-page) !important;
}
.hero::before,.hero::after,.home-hero::before,.home-hero::after,
.hero-section::before,.hero-section::after,.page-hero::before,.page-hero::after,
main#contenido > section.page-hero::before,
main#contenido > section.page-hero::after{
    display:none !important;
    background:none !important;
}

/* Inicio: hero/slider sin gradientes. La separación texto/foto es directa. */
.home-slider,.standards-strip{
    background:var(--udc-page) !important;
    border-color:var(--udc-border) !important;
}
.home-slider-shell{
    background:var(--udc-page) !important;
    border-color:var(--udc-border) !important;
}
.home-slide-copy{
    background:var(--udc-page) !important;
    background-image:none !important;
}
.home-slide-media{
    background:var(--udc-page) !important;
}
.home-slide-media::before,
.home-slide-media::after{
    display:none !important;
    content:none !important;
    background:none !important;
    background-image:none !important;
}

/* Superficie estándar de tarjetas. */
.card,.service-card,.services-card,.feature-card,.info-card,.standard-card,
.value-card,.highlight-card,.home-card,.process-card,.step-card,.gestion-step,
.management-step,.client-name-grid span,.clients-grid article,.client-card,
.client-item,.article-card,.articles-grid article,.article-item,
#servicios .service-card,.visual-story-section .purpose-card,
.visual-story-section .orbit-card{
    background:var(--udc-surface) !important;
    border-color:var(--udc-border) !important;
    color:var(--udc-text) !important;
}

#servicios .service-card:hover,
.visual-story-section .purpose-card:hover,
.visual-story-section .purpose-card:focus-visible,
.visual-story-section .orbit-card:hover,
.visual-story-section .orbit-card:focus-visible{
    background:var(--udc-surface-hover) !important;
    border-color:var(--udc-accent) !important;
}

.experience-card,.experience-strip,.experience-standards,.standards-panel,
.home-experience,.experience-section .panel{
    background:var(--udc-surface-elevated) !important;
    border-color:var(--udc-border-strong) !important;
}

.home-slider{
    padding-top:26px !important;
    padding-bottom:16px !important;
}

/* HOME CANVAS HARD LOCK */
main#contenido > section.home-slider,
main#contenido > section.standards-strip,
main#contenido > section#servicios.section,
main#contenido > section.section.section-orange-soft,
main#contenido > section.section.clients-preview,
main#contenido > section.section.cta-section,
body > section.section.visual-story-section{
    background:var(--udc-page) !important;
    background-color:var(--udc-page) !important;
    background-image:none !important;
    border-color:var(--udc-border) !important;
}

@media (min-width:981px){
    .home-slider .container{
        width:min(1180px, calc(100% - 48px)) !important;
    }
    .home-slider-track,.home-slide-media,.home-slide-media img{
        min-height:470px !important;
    }
    .home-slide-copy{
        padding-top:44px !important;
        padding-bottom:58px !important;
    }
    .home-slide-copy h1{
        font-size:clamp(2.65rem,3.15vw,3.25rem) !important;
        line-height:1.03 !important;
        margin-bottom:18px !important;
    }
    .home-slide-copy h2{
        font-size:clamp(2.35rem,2.9vw,3rem) !important;
        line-height:1.04 !important;
        margin-bottom:18px !important;
    }
    .home-slide-lead{
        margin-bottom:24px !important;
        line-height:1.55 !important;
    }
}

@media (max-width:980px){
    header,.site-header,.main-header,.header-v2{
        background:var(--udc-page) !important;
    }
    .home-slider{padding-top:18px !important;}
    .home-slide-media::before,
    .home-slide-media::after{
        display:none !important;
        content:none !important;
        background:none !important;
    }
}