/* Undernet Home dark-theme pilot
   Loaded after legacy Home styles to align the landing page with the approved navy system.
*/

.home-slider {
    background:
        radial-gradient(circle at 88% 18%, rgba(255,122,0,.07), transparent 27%),
        var(--site-bg) !important;
}

.home-slider-shell {
    border-color: var(--border-default) !important;
    background: var(--surface-1) !important;
    box-shadow: var(--shadow-strong) !important;
}

.home-slide-copy {
    background:
        radial-gradient(circle at 20% 70%, rgba(255,122,0,.07), transparent 32%),
        linear-gradient(135deg, var(--surface-2) 0%, var(--surface-1) 100%) !important;
}

.home-slide-copy h1,
.home-slide-copy h2 {
    color: var(--text-primary) !important;
}

.home-slide-lead {
    color: var(--text-secondary) !important;
}

.home-slide-media {
    background: var(--surface-2) !important;
}

.home-slide-media::after {
    background: linear-gradient(90deg, rgba(13,24,32,.98), rgba(13,24,32,0)) !important;
}

.home-slider-arrow,
.home-slider-pause {
    background: rgba(13,24,32,.92) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-default) !important;
}

.home-slider-dots button {
    background: #5d6870 !important;
}

.home-slider-dots button.is-active {
    background: var(--brand-orange) !important;
}

/* Retire the legacy standards strip from Home. */
.standards-strip {
    display: none !important;
}

/* Preserve a clear visual boundary now that the legacy strip is gone. */
main#contenido > section#servicios {
    border-top: 1px solid var(--border-default) !important;
}

/* Keep the Home CTA aligned with the narrower editorial rhythm used across the page. */
main#contenido > section.cta-section > .container.cta-box {
    width: min(1080px, calc(100% - 48px));
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* Home service and purpose cards */
.purpose-card {
    background: var(--surface-1) !important;
    border-color: var(--border-default) !important;
    box-shadow: none !important;
}

.purpose-card:hover,
.purpose-card:focus-visible {
    background: var(--surface-2) !important;
    border-color: var(--brand-orange) !important;
    box-shadow: var(--shadow-soft) !important;
}

.purpose-card strong {
    color: var(--text-primary) !important;
}

.purpose-card small {
    color: var(--text-secondary) !important;
}

.purpose-connector::before,
.purpose-connector::after,
.purpose-connector span {
    background: rgba(255,122,0,.45) !important;
}

.visual-story-section {
    background: var(--site-bg-alt) !important;
    color: var(--text-primary) !important;
    border-top: 1px solid var(--border-subtle) !important;
}

.client-name-grid span,
.standard-pill,
.standards-core {
    background: var(--surface-1) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-default) !important;
}

@media (max-width: 980px) {
    .home-slide-media::after {
        background: linear-gradient(180deg, rgba(13,24,32,.98), rgba(13,24,32,0)) !important;
    }
}

@media (max-width: 620px) {
    main#contenido > section.cta-section > .container.cta-box {
        width: calc(100% - 28px);
    }
}