/* ═══════════════════════════════════════════════════════════════
   Patrocinadores: estado «Próximamente» y rejilla de logos.

   Una sola rejilla, sin niveles: todos los logos ocupan la misma
   caja y se ven al mismo tamaño. Añadir un patrocinador es editar
   datos/patrocinadores.json; esta hoja no cambia.
   ═══════════════════════════════════════════════════════════════ */

/* La cabecera de página (.cabecera-pagina, .antetitulo-pagina,
   .entradilla-pagina, .acciones, .nota) vive en css/style.css: estaba
   copiada palabra por palabra en esta hoja y en otras tres. */

/* ── PRÓXIMAMENTE ─────────────────────────────────────────────── */
/*
 * Mientras no hay logos, este bloque es todo el contenido de la
 * sección. No es una rejilla vacía ni un hueco reservado: es un
 * mensaje con su propio peso, para que la página no parezca rota.
 */
/* La caja (.panel + .estado-vacio-destacado) está en css/style.css.
   Aquí solo el ritmo interno del bloque. */
.proximamente h2 {
    margin: 0 0 14px;
}

.proximamente p {
    color: var(--gris);
    margin: 0;
}

/* ── REJILLA DE LOGOS ─────────────────────────────────────────── */
/*
 * Cajas iguales para todos. El logo se centra y se limita en altura
 * para que un archivo apaisado y uno cuadrado pesen lo mismo en la
 * página; object-fit: contain evita recortes.
 */
.logos {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr));
    gap: 20px;
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}

/* Caja de .panel (css/style.css); aquí solo el blanco de fondo, que un
   logo necesita, y el alto mínimo que iguala todas las casillas. */
.logo {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    background: #fff;
}

.logo img {
    max-height: 78px;
    width: auto;
    object-fit: contain;
}

/* El enlace ocupa toda la caja: objetivo táctil holgado (WCAG 2.5.8). */
.logo-enlace {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 78px;
}

/* Entidad sin archivo de logo: se publica su nombre, no un hueco. */
.logo-texto {
    font-family: var(--font-headers);
    font-size: 17px;
    font-weight: 650;
    color: var(--tinta);
    text-align: center;
}

@media print {
    .logo {
        border-color: #999;
    }
}