/* =============================================
   NEWSLETTER FORM - Estilos de Feedback
   Mensajes de éxito/error del formulario de newsletter
   ============================================= */

/* ===========================================
   1. CONTENEDOR DE MENSAJES
   =========================================== */
.newsletter__msg {
    width: 100%;
    padding: 16px 20px;
    margin-bottom: 20px;
    border-radius: 0;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

/* ===========================================
   2. MENSAJE DE ÉXITO
   =========================================== */
.newsletter__msg.alert-success {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

/* ===========================================
   3. MENSAJE DE ERROR
   =========================================== */
.newsletter__msg.alert-danger {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* ===========================================
   4. BOTÓN DESHABILITADO DURANTE ENVÍO
   =========================================== */
.newsform .subscribeBtn:disabled,
.newsform .subscribeBtn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.newsform .subscribeBtn:disabled .btnText span,
.newsform .subscribeBtn[disabled] .btnText span {
    opacity: 0.8;
}

/* ===========================================
   5. ANIMACIÓN DE CARGA (opcional)
   =========================================== */
.newsform .subscribeBtn:disabled .btnText span::after {
    content: '...';
    animation: loadingDots 1.5s infinite;
}

@keyframes loadingDots {
    0%, 20% {
        content: '.';
    }
    40% {
        content: '..';
    }
    60%, 100% {
        content: '...';
    }
}

/* ===========================================
   6. RESPONSIVE
   =========================================== */
@media (max-width: 768px) {
    .newsletter__msg {
        padding: 14px 16px;
        font-size: 13px;
    }
}