/** Branding BXM — páginas públicas de Listmonk (correos.bachilleratopormadurez.com) */
/* Colores BXM: azul oscuro #192335, azul acento #0078BF, amarillo #FFDE00 */

/* Fondo general */
body {
    background-color: #F5F7FA;
}

/* Header con el logo */
.header {
    background-color: #FFFFFF;
    border-bottom: 3px solid #FFDE00;
    padding: 20px 0;
}

/* Logo (X azul de BXM) */
.logo img {
    max-height: 40px;
    width: auto;
}

/* Título principal */
.container h2 {
    color: #192335;
    font-weight: 700;
}

/* Labels */
label {
    color: #192335;
    font-weight: 600;
}

/* Campos de texto */
input[type="email"], input[type="text"] {
    border: 1.5px solid #CBD5E1;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 15px;
}
input[type="email"]:focus, input[type="text"]:focus {
    border-color: #0078BF;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 120, 191, 0.15);
}

/* Checkbox de lista */
.lists input[type="checkbox"] {
    accent-color: #0078BF;
}

/* Botón Suscribirse — amarillo BXM con texto oscuro */
.button, button[type="submit"] {
    background-color: #FFDE00;
    color: #192335;
    font-weight: 700;
    border-radius: 6px;
    border: none;
    padding: 12px 28px;
    cursor: pointer;
}
.button:hover, button[type="submit"]:hover {
    background-color: #E6C800;
}

/* Links */
a {
    color: #0078BF;
}

/* Footer */
.footer {
    color: #64748B;
    font-size: 13px;
}