/* =====================
   FOOTER COMPACTO (Ajustado al texto)
===================== */

.footer {
    /* Control Vertical: Reducimos los paddings al mínimo */
    margin-top: auto;
    padding: 1rem 1rem; /* Espacio mínimo alrededor del texto */

    background: rgba(0,0,0,0.45);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    /* Mantenemos el borde superior sutil */
    border-top: 1px solid rgba(212,175,55,0.2);
    position: relative;
    z-index: 10;
    box-shadow: 0 -10px 40px rgba(0,0,0,0.6);
}

.footer-container {
    /* Control Horizontal: 'fit-content' hace que la caja solo mida lo que mide el texto */
    width: fit-content;
    max-width: 90%;
    margin: auto; /* Centra la cajita resultante */

    display: block; /* Cambiamos de grid a block para evitar espacios de columnas */
    text-align: center;
}

/* Eliminamos la línea dorada superior si quieres que sea aún más pequeña,
   o la dejamos muy pegadita: */
.footer::before {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    margin: 0 auto 0.8rem; /* Menos margen inferior */
    background: linear-gradient(to right, transparent, var(--dorado), transparent);
}

.footer-bottom {
    /* Eliminamos márgenes innecesarios */
    margin-top: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

.footer-bottom p {
    font-size: 0.75rem;
    color: rgba(255,255,255,0.6);
    margin: 0; /* Importante para que no empuje la caja hacia abajo */
}