/* =========================================================================
   EDUCA.NET · capa de marca sobre desistimiento.css
   =========================================================================
   Valores de themes/hello-theme-child-master/style.css:
     footer (.educa-footer)    #06354A, texto blanco
     hover de enlaces footer   #FFD00F (amarillo)
     --color-primario          #012840
     --fuente-lato             'Lato'

   El acento de botones es el amarillo con texto negro, como los hovers del
   footer: negro sobre #FFD00F da ~15:1.
   ========================================================================= */

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

    --des-y: #FFD00F;
    --des-y-strong: #e6b800;
    --des-on-y: #000000;

    --des-d: #06354A;
    --des-d-strong: #012840;
    --des-on-d: #ffffff;

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

    /* Footer azul oscuro con texto blanco. */
    --des-footer-note: #ffffff;

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

/* Sombras del core en amarillo Pharos (rgba a fuego) → amarillo de la marca. */
.des-form__submit:hover:not(:disabled) {
    box-shadow: 0 6px 18px rgba(255, 208, 15, .4);
}

.des-form__input.des-form__input:focus {
    box-shadow: 0 0 0 3px rgba(6, 53, 74, .18);
}

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

/* Textos del formulario SIEMPRE en negro: las etiquetas no tienen color
 * propio y heredan el del tema/Elementor, que puede ser blanco. */
.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, en la misma retícula de 1200px
 * que .educa-footer-container. */
.des-footer-cta {
    text-align: left;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
}

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

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

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