/* Undernet Contact dark-theme pilot
   Loaded after legacy V2-B styles so the page matches the approved navy system.
   Form controls remain intentionally lighter for familiar data-entry affordance.
*/

.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;
}

/* Outrank legacy .section:nth-of-type(even) V2-B rules. */
main#contenido > section.section.contact-section,
main#contenido > section.contact-section {
    background: var(--site-bg-alt) !important;
    color: var(--text-primary) !important;
    border-top: 1px solid var(--border-subtle) !important;
    border-bottom-color: var(--border-subtle) !important;
}

.contact-intro h2 {
    color: var(--text-primary) !important;
}

.contact-intro > p:not(.eyebrow):not(.contact-note),
.contact-note,
.required-note,
.recaptcha-disclosure {
    color: var(--text-secondary) !important;
}

.contact-info-card {
    background: rgba(255,122,0,.08) !important;
    border-left-color: var(--brand-orange) !important;
}

.contact-info-card span,
.contact-info-card small {
    color: var(--text-secondary) !important;
}

.contact-info-card a {
    color: var(--text-primary) !important;
}

.contact-form-panel {
    background: var(--surface-1) !important;
    border-color: var(--border-default) !important;
    box-shadow: var(--shadow-soft) !important;
}

.contact-form label {
    color: var(--text-primary) !important;
}

/* Form controls use a light field surface for familiar data-entry affordance and strong contrast. */
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form textarea,
.phone-input-group select {
    background: #f8fafb !important;
    color: #16212a !important;
    border-color: #aeb8bf !important;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: #68757e !important;
}

.field-help,
.privacy-content {
    color: var(--text-secondary) !important;
}

.privacy-notice {
    background: var(--surface-2) !important;
    border-color: var(--border-default) !important;
}

.privacy-notice summary {
    color: var(--text-primary) !important;
}

.checkbox-row {
    color: var(--text-secondary) !important;
}

.alert.success {
    background: rgba(52,168,83,.12) !important;
    border-color: rgba(92,190,116,.55) !important;
    color: var(--text-primary) !important;
}

.alert.error {
    background: rgba(220,70,60,.12) !important;
    border-color: rgba(230,105,95,.55) !important;
    color: var(--text-primary) !important;
}

.site-footer {
    background: linear-gradient(180deg, var(--site-bg-alt) 0%, var(--site-bg) 100%) !important;
    border-top-color: var(--border-default) !important;
}