/* Summit College · paginas/aviso-de-privacidad.css
   Solo lo propio de /aviso-de-privacidad/: el componente «Documento legal» (nuevo
   en E2 §6) de lectura larga. Hero, etiqueta y enlace de continuidad viven en
   base.css. Sin colores nuevos: todo por var(--...). */

/* Sin botón flotante (E2 §3): documento legal sin captación. El elemento sigue
   en la plantilla; lo oculta el atributo data-sin-flotante del body. */
body[data-sin-flotante] .whatsapp-float { display: none; }

/* Índice y documento: apilados en móvil; desde 64em el índice va en columna
   lateral fija mientras se lee. */
.doc-layout { display: grid; gap: var(--space-7); }
.doc-indice ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-2); font-size: var(--fs-small); line-height: var(--lh-small); }
.doc-indice li { padding-left: var(--space-4); border-left: 2px solid var(--line-on-light); }
.doc-indice a { font-weight: var(--fw-semibold); }

/* Documento: Inter, ancho acotado. Los h2 van en Cinzel a 20–24 px (nunca menos
   de 16) para que once encabezados no pesen más que el texto. */
.doc { max-width: var(--measure); }
.doc h2 { font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem); line-height: 1.3; margin: var(--space-7) 0 var(--space-4); }
.doc > h2:first-child { margin-top: 0; }
.doc ul, .doc ol { margin: 0 0 var(--space-4); padding-left: 1.4rem; }
.doc li { margin-bottom: var(--space-2); }
.doc li::marker { color: var(--color-brand); font-weight: var(--fw-semibold); }
.doc .etiqueta { margin-bottom: var(--space-4); }

/* Anexo (aviso simplificado): separado del integral por un filete. */
.doc-anexo { margin-top: var(--space-7); padding-top: var(--space-6); border-top: 1px solid var(--line-on-light); }
.doc-anexo h2 { margin-top: 0; }

/* Enlace de continuidad, variante retorno: flecha hacia atrás delante de cada enlace. */
.continuidad--retorno a::after { content: none; }
.continuidad--retorno a::before { content: "\2190"; margin-right: 0.4em; }

@media (min-width: 64em) {
  .doc-layout { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: var(--space-8); align-items: start; }
  .doc-indice { position: sticky; top: var(--space-5); }
}

/* Objetivos táctiles del índice: 44 px de alto (auditoría) */
.doc-indice a { display: block; padding-block: var(--space-2); }