/* ============================================================
   ÍNDICE DE PRENSA — la rejilla de los 33 boletines.

   Ronda 14: el índice vuelve a vestirse con el marco del SITIO
   (site.css), no con el del boletín. Antes cargaba boletin.css y por eso
   al entrar a Prensa desaparecían el menú, el fondo animado y el pie: la
   sección parecía otra web. Aquí sólo viven los estilos PROPIOS del
   índice; todo lo demás lo pone site.css.

   Las variables se declaran localmente porque site.css usa otros nombres
   (--yellow, --ink-dim…) y no conviene tocar la hoja global por una sección.
   ============================================================ */
/* En :root y no en la sección: el titular del hero vive FUERA de .pz-seccion,
   así que ahí var(--pz-am) no existía y el degradado quedaba inválido. Con el
   relleno en transparente, un degradado inválido no es un título feo: es un
   título que no se ve. Ya pasó una vez; por eso van arriba del todo. */
:root{
  --pz-t:'Archivo','Inter',system-ui,sans-serif;
  --pz-m:'IBM Plex Mono',ui-monospace,monospace;
  --pz-neon:#4FE3D0; --pz-am:#FFE14D;
  --pz-dim:#c3ccd8; --pz-mute:#8590a3; --pz-linea:rgba(255,255,255,.10);
}
.pz-seccion{position:relative;z-index:2;padding-top:0;min-height:0;padding-bottom:70px}
.pz-seccion .container{padding-top:0}
.pz-hero{position:relative;z-index:2}
.pz-tag{font-family:var(--pz-m);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--pz-neon);display:block;margin-bottom:12px}
.pz-orden{font-family:var(--pz-m);font-size:.66rem;letter-spacing:.09em;
  color:var(--pz-mute);margin:14px 0 0}

.pz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:18px}
.pz-card{border:1px solid var(--pz-linea);background:rgba(10,17,32,.62);border-radius:8px;
  overflow:hidden;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s}
.pz-card:hover{transform:translateY(-5px);border-color:rgba(79,227,208,.5)}
.pz-link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}
.pz-media{position:relative;display:block;aspect-ratio:16/9;background:#0a1120;overflow:hidden}
.pz-media img{width:100%;height:100%;object-fit:cover;display:block;opacity:.78;transition:.4s}
.pz-card:hover .pz-media img{opacity:1;transform:scale(1.05)}
.pz-num{position:absolute;left:12px;top:12px;font-family:var(--pz-m);font-size:.74rem;
  letter-spacing:.06em;background:rgba(5,11,20,.82);border:1px solid rgba(255,255,255,.2);
  color:var(--pz-am);padding:5px 10px;border-radius:2px}
.pz-body{display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px;flex:1}
.pz-body h3{font-family:var(--pz-t);font-weight:800;font-size:1rem;line-height:1.32;margin:0;
  letter-spacing:-.015em}
.pz-body p{font-size:.82rem;line-height:1.55;color:var(--pz-mute);margin:0}
.pz-mas{margin-top:auto;color:var(--pz-neon);font-size:1.05rem;align-self:flex-end}

.pz-sub{margin-top:clamp(40px,6vh,70px);padding:32px;border:1px solid var(--pz-linea);border-radius:8px;
  background:linear-gradient(120deg,rgba(79,227,208,.07),rgba(10,17,32,.6));
  display:grid;grid-template-columns:1.2fr .8fr;gap:26px 40px;align-items:center}
.pz-sub h2{font-family:var(--pz-t);font-weight:900;letter-spacing:-.025em;
  font-size:clamp(1.3rem,2.6vw,2rem);margin:.2em 0 .4em}
.pz-sub p{color:var(--pz-dim);font-size:.94rem;line-height:1.6;margin:0}
.pz-subform .bl-btn{margin-top:0}
.pz-legal{margin-top:34px}

@media(max-width:820px){ .pz-sub{grid-template-columns:1fr;padding:24px} }

/* ── Piezas que antes heredaba de boletin.css y ahora se declaran aquí ── */
.pz-hero.page-hero{min-height:auto;padding:150px 6vw 26px}
.pz-hero h1{font-family:var(--pz-t);font-weight:900;letter-spacing:-.035em;
  font-size:clamp(2.4rem,6.4vw,4.6rem);line-height:1.04;margin:0 0 16px;
  /* El degradado va con relleno transparente, así que necesita un color de
     respaldo: si por lo que sea el degradado no aplica, el título se ve
     blanco en vez de desaparecer. */
  color:#fff;
  background-image:linear-gradient(96deg,#fff 38%,var(--pz-am) 96%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  /* aire abajo y a los lados: sin esto el recorte del degradado se come las
     colas de la "p" y de la "g" — el defecto que reportó la dirección */
  padding:.06em .08em .18em;margin-left:-.08em;overflow:visible}
.pz-hero > p{font-size:1.1rem;line-height:1.68;color:var(--pz-dim);max-width:760px;
  font-weight:300;margin:0}

.pz-subform .bl-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:13px 26px;border-radius:2px;text-decoration:none;font-family:var(--pz-t);
  font-weight:700;font-size:.92rem;background:var(--pz-neon);color:#06201C;
  border:2px solid var(--pz-neon);transition:.2s}
.pz-subform .bl-btn:hover{background:#3ACBB8;border-color:#3ACBB8}
.pz-fine{font-family:var(--pz-m);font-size:.66rem;letter-spacing:.05em;
  color:var(--pz-mute);margin:10px 0 0}

.pz-legal{border-top:1px solid var(--pz-linea);padding-top:20px;max-width:1000px}
.pz-legal h3{font-family:var(--pz-m);font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--pz-mute);margin:0 0 10px;font-weight:500}
.pz-legal p{font-size:.86rem;line-height:1.7;color:var(--pz-mute);margin:0}

@media(max-width:820px){
  .pz-hero.page-hero{padding:120px 6vw 20px}
  .pz-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
}