/* Undernet Clients dark-theme pilot
   Loaded after legacy V2-B styles so the page matches the approved navy system.
*/

.site-header {
    background: linear-gradient(
        90deg,
        #454b4f 0%,
        #394147 18%,
        #29343b 36%,
        #17232b 58%,
        #0b141b 80%,
        #071018 100%
    ) !important;
    border-bottom-color: var(--border-default) !important;
}

main,
#contenido {
    background: var(--site-bg) !important;
}

main#contenido > section.page-hero {
    background:
        radial-gradient(circle at 88% 12%, rgba(255,122,0,.08), transparent 30%),
        linear-gradient(112deg, #071018 0%, #09131b 48%, #0d1820 78%, #09131b 100%) !important;
    border-bottom: 1px solid var(--border-default) !important;
    color: var(--text-primary) !important;
}

main#contenido > section.section {
    background: var(--site-bg) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-subtle) !important;
}

main#contenido > section.section.section-soft {
    background: var(--site-bg-alt) !important;
}

.section-heading > p:last-child {
    color: var(--text-secondary) !important;
}

/* Keep client/logo cards light for logo compatibility, but integrate them into the dark page. */
.cms-client-card {
    background: #f7f8f9 !important;
    border-color: rgba(255,255,255,.16) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.18) !important;
}

.cms-client-card.is-featured {
    border-color: var(--brand-orange) !important;
}

.cms-client-logo {
    background: #fff !important;
    border-color: #dde2e6 !important;
}

.cms-client-copy strong,
.cms-client-copy a {
    color: #151b20 !important;
}

.cms-client-copy a:hover,
.cms-client-copy a:focus-visible {
    color: #c96500 !important;
}

.cms-client-copy small {
    color: #b95c00 !important;
}

.cms-clients-empty {
    background: var(--surface-1) !important;
    border-color: var(--border-default) !important;
}

.cms-clients-empty p:last-child {
    color: var(--text-secondary) !important;
}

main#contenido > section.section.cta-section {
    background: var(--site-bg-soft) !important;
}