/* Ocultar el footer que ya teníamos */
footer.container {
    display: none !important;
}

/* 1. Fondo general de la página */
body {
    background-color: #2c3643 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
    color: #e5e7eb !important;
}

/* 2. Estilizar la tarjeta blanca para que sea oscura */
.wrap, 
div.container, 
body > div {
    background-color: #1e2530 !important;
    border-radius: 12px !important;
    border-top: 3px solid #06b6d4 !important;
    border-bottom: 3px solid #06b6d4 !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important;
    padding: 35px !important;
    border-left: none !important;
    border-right: none !important;
}

/* 3. Títulos y etiquetas de texto */
h1, h2, h3, label, p {
    color: #e5e7eb !important;
}

h3 {
    color: #06b6d4 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

/* 4. Estilizar los campos de texto (Inputs) */
input[type="text"],
input[type="email"] {
    width: 100% !important;
    padding: 12px !important;
    background-color: #11151c !important;
    border: 1px solid #2d2d2d !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    outline: none !important;
    transition: border-color 0.2s !important;
}

input[type="text"]:focus,
input[type="email"]:focus {
    border-color: #06b6d4 !important;
}

/* 5. El botón de Suscribirse */
input[type="submit"],
button[type="submit"] {
    width: 100% !important;
    padding: 14px !important;
    background-color: #2563eb !important;
    border: none !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    margin-top: 10px !important;
    box-shadow: none !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: #1d4ed8 !important;
}

/* 6. Enlaces inferiores (Archivo de la lista) */
a {
    color: #06b6d4 !important;
    text-decoration: none !important;
    font-size: 13px !important;
}

a:hover {
    color: #2563eb !important;
    text-decoration: underline !important;
}

/* Ajuste fino para los checkboxes de las listas */
input[type="checkbox"] {
    accent-color: #06b6d4 !important;
}