/**
 * Botón "Pedir código por mail" + mensajes de estado.
 * Paleta "Comunicación" del funnel OC (aapas-checkout/oc-funnel.css):
 * azul #014593 (hover #013470), naranja #f28705, naranja pálido #fdf1e1,
 * tostado #dabf84 / pálido #f4ecda.
 * FunnelKit pisa los <button> del form con reglas de mucha especificidad,
 * por eso el selector lleva #wfacp-e-form y !important.
 */
#wfacp-e-form .aapas-oc-btn,
.aapas-oc-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 10px 24px !important;
    background: #014593 !important;
    color: #ffffff !important;
    border: 1.5px solid #014593 !important;
    border-radius: 999px !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 1.3;
    cursor: pointer;
    box-shadow: none !important;
    transition: background .15s ease, border-color .15s ease, opacity .15s ease;
}
#wfacp-e-form .aapas-oc-btn:hover:not([disabled]),
.aapas-oc-btn:hover:not([disabled]) {
    background: #013470 !important;
    border-color: #013470 !important;
}
#wfacp-e-form .aapas-oc-btn:focus-visible,
.aapas-oc-btn:focus-visible {
    outline: 2px solid #f28705;
    outline-offset: 2px;
}
#wfacp-e-form .aapas-oc-btn[disabled],
.aapas-oc-btn[disabled] {
    background: #f4ecda !important;
    border-color: #dabf84 !important;
    color: #8a7d5c !important;
    cursor: not-allowed;
    opacity: 1;
}

.aapas-oc-msg {
    margin-top: 8px;
    padding: 9px 14px;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    line-height: 1.45;
    min-height: 0;
}
.aapas-oc-msg:empty { display: none; }
.aapas-oc-msg.is-ok {
    background: #e8f5e9;
    color: #1b5e20;
    border: 1px solid #c8e6c9;
}
.aapas-oc-msg.is-err {
    background: #fdecea;
    color: #b71c1c;
    border: 1px solid #f5c2c0;
}
.aapas-oc-msg.is-info {
    background: #fdf1e1;
    color: #014593;
    border: 1px solid #f2a74b;
}