/* ================= FOOTER ================= */
footer {
    background-color: #1e1e2d;
    color: #ccc;
    text-align: center;
    padding: 15px;
    width: 100%;
    margin-top: auto;
}


footer a {
    color: #ffcc00;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

/* ================= FLEX PARA STICKY FOOTER ================= */
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.main-wrapper {
    flex: 1; /* hace que crezca el contenido y empuje el footer */
    display: flex;
    flex-direction: column;
}

.main-content {
    flex: 1; /* contenido principal ocupa todo el espacio disponible */
}