body {
    font-family: 'Montserrat', sans-serif;
}

.bg-navy-dark {
    background-color: #05162e;
}

.bg-navy-card {
    background-color: #0b2240;
}

.text-canacintra-red {
    color: #d61118;
}

.bg-canacintra-red {
    background-color: #d61118;
}

/* Línea animada para el menú */
.nav-link {
    position: relative;
}

    .nav-link::after {
        content: '';
        position: absolute;
        width: 0;
        height: 3px;
        bottom: -6px;
        left: 0;
        background-color: #d61118;
        transition: width 0.3s ease;
    }

    .nav-link.active::after, .nav-link:hover::after {
        width: 100%;
    }
.correo-validando {
    background-image: url('data:image/svg+xml,...'); /* Spinner */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
}

.correo-ok {
    border-color: #22c55e !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%2322c55e" stroke-width="2"><path d="M20 6L9 17l-5-5"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
}

.correo-error {
    border-color: #ef4444 !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23ef4444" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px;
}