/* Cartel que sustituye al botón de votar cuando el concurso está cerrado
   (config_sitio.php -> CONCURSO_ACTIVO). Se mide con la misma unidad que el
   resto para que no se descuadre al hacer zoom. */
.proximamente {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 0.6em;
    padding: 1.4em 2em;
    border: 2px solid var(--rojo-claro, #ff5a6e);
    border-radius: 14px;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    max-width: min(90vw, 34rem);
    font-family: 'MiFuente', sans-serif;
    color: var(--blanco, #fff);
}

.proximamente-titulo {
    font-family: 'MiFuente2', 'MiFuente', sans-serif;
    font-size: clamp(1.8rem, 5vw, 3.2rem);
    letter-spacing: 0.08em;
    color: var(--rojo-claro, #ff5a6e);
    margin: 0;
}

.proximamente-texto {
    font-size: clamp(0.95rem, 1.6vw, 1.25rem);
    line-height: 1.5;
    margin: 0;
    color: #eaeaea;
}

/* El cartel se queda centrado en el hueco entre el logo y el pie.
   Las dos reglas solo actúan cuando el cartel existe, es decir, con el
   concurso cerrado; con el concurso abierto la portada no cambia. */
.proximamente {
    /* separación propia: en PC el logo y el pie llenan la pantalla y el cartel
       quedaba pegado a los dos */
    margin: clamp(1.5rem, 5vh, 4rem) 0;
}

/* Con el concurso cerrado el logo sube un poco: deja sitio al cartel */
.div-body.cerrado .img-cartel {
    margin-top: calc(var(--alto-cabecera) + 1rem);
    max-width: 26rem;
}

.proximamente ~ .container-footer {
    margin-top: auto;
}