/* ============================================================
   Estilos que existen SOLO en el LIVE.
   `vector-v3.css` es un artefacto del build de vector-web y se regenera
   entero en cada port, así que nada escrito a mano puede vivir ahí.
   Hoy: el estado "próximamente" del Centro de Estudios, que es la única
   divergencia autorizada respecto del preview (work-order §12).
   ============================================================ */

/* Reemplaza al bloque de publicaciones mientras no haya informes publicados. */
.lp-proximamente {
  margin-top: 48px;
  padding: 40px 36px;
  border: 1px dashed var(--border-strong);
  border-radius: 14px;
  background: var(--surface);
  max-width: 760px;
}
.lp-prox-sello {
  display: inline-block;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--prod-acento, var(--accent));
  padding: 6px 12px;
  border: 1px solid var(--prod-acento, var(--accent));
  border-radius: 999px;
  margin-bottom: 20px;
}
.lp-proximamente p {
  font-size: clamp(16px, 1.5vw, 19px);
  line-height: 1.65;
  color: var(--text-mid);
  margin: 0;
  max-width: 58ch;
}

/* Botón que ocupa el lugar de un CTA que todavía no tiene destino.
   Es un <span>, no un <a>: no debe ser enfocable ni parecer accionable. */
/* La especificidad tiene que ganarle a `.pagina-home .btn-primary`, si no el
   botón sigue viéndose lleno de verde y se lee como un CTA activo. */
.pagina-home .btn-primary.btn-inactivo,
.pagina-home .btn-primary.btn-inactivo:hover {
  cursor: default;
  background: transparent;
  color: var(--text-mid);
  border: 1px solid var(--border-strong);
  box-shadow: none;
  transform: none;
}

@media (max-width: 720px) {
  .lp-proximamente { padding: 28px 22px; }
}