/* =========================================================================
   CURSOSGRATUITOS.ES · capa de marca sobre desistimiento.css
   =========================================================================
   Valores del :root del style.css del tema hijo de esta web:
     --color-primario    #054CD6   (azul)
     --color-secundario  #EA7A2A   (naranja, fondo del footer de Elementor)
     --color-azul-oscuro #002244
     --fuente-lato       'Open Sans'

   El acento de botones es el AZUL y no el naranja: blanco sobre #054CD6 da
   6.4:1 (pasa AA), sobre #EA7A2A solo 2.9:1.
   ========================================================================= */

:root {
    --des-font: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    --des-y: #054CD6;
    --des-y-strong: #043ea9;
    --des-on-y: #ffffff;

    --des-d: #002244;
    --des-d-strong: #001529;
    --des-on-d: #ffffff;

    --des-muted: #555555;
    --des-line: #dddddd;
    --des-bg-soft: #f3f6fd;
    --des-surface: #ffffff;

    /* Footer naranja con texto blanco, igual que el resto de su contenido. */
    --des-footer-note: #ffffff;

    --des-radius-card: 10px;
    --des-radius-btn: 6px;
    --des-radius-soft: 4px;
}

/* Sombras del core en amarillo (rgba a fuego) → azul de la marca. */
.des-form__submit:hover:not(:disabled) {
    box-shadow: 0 6px 18px rgba(5, 76, 214, .3);
}

.des-form__input.des-form__input:focus {
    box-shadow: 0 0 0 3px rgba(5, 76, 214, .22);
}

.des-form__file-input:focus-visible + .des-form__file-btn {
    outline-color: rgba(5, 76, 214, .5);
}

/* Viñetas y filetes: decorativos, sin texto encima → naranja de la marca. */
.des-politica__lista li::before {
    background: #EA7A2A;
}

/* Textos del formulario SIEMPRE en negro. Las etiquetas no tenían color
 * propio y heredaban el del tema/Elementor, que en algunos casos es blanco
 * y las dejaba invisibles sobre la tarjeta blanca. !important porque el
 * color viene de reglas globales de label/input que no controlamos. */
.des-form .des-form__label,
.des-form .des-form__check,
.des-form .des-form__check span,
.des-form .des-form__file-name--set,
.des-form .des-form__input.des-form__input,
.des-form .des-form__input.des-form__input:focus {
    color: #000000 !important;
}

.des-form .des-form__input.des-form__input::placeholder {
    color: #666666 !important;
}

/* CTA del footer alineado a la izquierda, como el resto del footer. */
.des-footer-cta {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
}

/* Botón blanco con texto negro sobre el naranja. */
.des-footer-cta__btn,
.des-footer-cta__btn:hover,
.des-footer-cta__btn:focus-visible {
    background: #ffffff !important;
    color: #000000 !important;
}

.des-footer-cta__btn:hover,
.des-footer-cta__btn:focus-visible {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .18);
}

.des-footer-cta__note {
    margin-left: 0;
    margin-right: 0;
    opacity: 1;
}