/* Paginas por puerta /audit/, /appcc/ y /supply/ (11-10-2026, ronda 2). Van
   DESPUES de base.css y legal.css: reutilizan la pagina de lectura de las
   legales (nav, h1, p, footer) y aqui solo lo que esas no tienen: la etiqueta
   de producto, el CTA dorado y el texto solo para lectores de pantalla, con
   los mismos valores que la tarjeta de la puerta en la home (el <style> de
   index.html), para que la pagina se vea como su puerta. */

.nav-home { display: inline-flex; }

.puerta-pagina .producto-tag {
  display: inline-block;
  font-family: var(--f-head);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold-text);
  border: 1px solid var(--gold);
  padding: .25rem .7rem;
  margin-bottom: 1rem;
}

.puerta-pagina h1 { margin-bottom: .8rem; }

/* La entradilla es la segunda parte del data-title de la puerta. */
.puerta-lead { font-size: 1.2rem; color: var(--dark); margin-bottom: 1.5rem; }
.puerta-pagina .puerta-texto { font-size: 1.05rem; max-width: 560px; }
/* Como se empieza (14-10-2026): misma linea que en la tarjeta de la home. */
.puerta-pagina .puerta-oferta { font-size: .95rem; max-width: 560px; margin-top: 1.2rem; padding-left: .9rem; border-left: 2px solid var(--gold); }

/* El CTA de la puerta. legal.css pinta `main a` con --link (#996400), que
   sobre el dorado daria 2,52:1: aqui el color es el oscuro de la home. */
.puerta-pagina .hero-cta {
  margin-top: 1.5rem;
  display: inline-block;
  background: var(--gold);
  color: var(--dark);
  font-family: var(--f-head);
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-decoration: none;
  padding: .85rem 2.4rem;
  transition: opacity .2s;
}
.puerta-pagina .hero-cta:hover { opacity: .88; }

/* Texto solo para lectores de pantalla (aviso de pestaña nueva del CTA de APPCC). */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* Pagina 404 (14-10-2026): lista de salidas. */
.puerta-404-lista { margin: 1.2rem 0 0 1.2rem; line-height: 1.9; }