/* ===================================================================
   BANNER DE CIERRE (Estilo Tarjeta Gigante)
   =================================================================== */
.banner-cierre {
    width: 70%;
    margin: 0 auto; /* ¡Esta es la magia para centrarlo horizontalmente! */
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(16, 24, 40, 0.12);
    background: #000;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

    /* Un leve efecto de levitación al pasar el mouse */
    .banner-cierre:hover {
        transform: translateY(-4px);
        box-shadow: 0 24px 48px rgba(16, 24, 40, 0.18);
    }

    .banner-cierre img {
        width: 100%;
        height: auto;
        display: block;
    }

/* Responsive: En celulares achicamos el radio y agrandamos el ancho */
/* Responsive: En celulares achicamos el radio y agrandamos el ancho */
@media (max-width: 768px) {
    .banner-cierre {
        width: 90%; /* En celular se ve mejor si ocupa casi toda la pantalla */
        margin: 0 auto; /* FORZAMOS el centrado en la versión mobile */
        display: block; /* Aseguramos que se comporte como un bloque independiente */
        border-radius: 20px;
    }
}