/* -------------------------------------------------------
   FOOTER — ESTILOS GENERALES
------------------------------------------------------- */

.footer {
    text-align: center;
    padding: 20px;
    background: #111;
    color: #fff;
    font-size: 0.95rem;
    letter-spacing: 0.3px;
    border-top: 3px solid #b30000; /* línea superior corporativa */
}

/* Enlaces dentro del footer */
.footer a {
    color: #d4a017;
    text-decoration: none;
    font-weight: bold;
    transition: 0.2s ease;
}

.footer a:hover {
    text-decoration: underline;
    color: #ffcc4d;
}

/* -------------------------------------------------------
   RESPONSIVE
------------------------------------------------------- */

@media (max-width: 768px) {
    .footer {
        padding: 18px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .footer {
        padding: 16px;
        font-size: 0.85rem;
    }
}