/* postpunk-style.css */

/* Fuente general */
body {
    font-family: 'Poppins', sans-serif;
    background: #000000; /* fondo oscuro estilo lienzo */
    color: #e6e6e6; /* texto principal */
    margin: 0;
    padding: 0;
}

/* Titular principal */
h1, h2, h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    color: #01c4c6; /* degradado simulado con color sólido, luego se puede hacer gradient */
}

/* Ejemplo de gradient en h1 */
h1 {
    font-size: 3rem;
    background: linear-gradient(45deg, #01c4c6, #01c4c6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Botones */
.btn-primary {
    background: linear-gradient(90deg, #1a3a56, #02adb3);
    border: none;
    color: #fff;
    font-weight: bold;
    transition: 0.3s;
}

    .btn-primary:hover {
        background: linear-gradient(90deg, #02adb3, #1a3a56);
    }

/* Navbar */
.navbar {
    background: #111; /* más oscuro que el body */
    border-bottom: 2px solid #1a3a56;
}

    .navbar .nav-link {
        color: #e6e6e6 !important;
    }

        .navbar .nav-link:hover {
            color: #1a3a56 !important;
        }

/* Footer */
.o_footer {
    background: #111;
    padding: 40px 0;
}

    .o_footer p {
        color: #e6e6e6;
    }

    .o_footer .btn-primary {
        background: linear-gradient(90deg, #1a3a56, #02adb3);
    }