/* Camilo Veterinario · páginas legales (/legal/terminos/ y /legal/privacidad/)
   Solo lo propio de un documento largo (índice, secciones, aviso). Fuentes, tokens, cabecera, pie y botones salen de base.css,
   que se carga antes. Sin estilos en línea y sin JavaScript. */
main{max-width:820px}
.fecha{margin:0 0 28px;color:var(--muted);font-size:15px}
.intro{margin:0 0 28px;font-size:19px;line-height:1.6;max-width:62ch}

.indice{margin:0 0 40px;padding:22px 24px;border-radius:24px;background:var(--white);box-shadow:0 1px 0 var(--line)}
.indice h2{margin:0 0 10px;font-family:var(--f-ui);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.indice ol{margin:0;padding-left:1.4em;columns:2 260px;column-gap:32px}
.indice li{margin:0 0 4px;font-size:16px;line-height:1.5;break-inside:avoid}
.indice a{display:block;padding:10px 0;text-decoration:none}
.indice a:hover{text-decoration:underline}

.doc h2{margin:44px 0 12px;font-family:var(--f-display);font-weight:600;font-size:clamp(1.4rem,4vw,1.8rem);line-height:1.2;letter-spacing:-.03em;scroll-margin-top:16px;text-wrap:balance}
.doc p{margin:0 0 16px;max-width:68ch;overflow-wrap:anywhere}
.doc strong{font-weight:700}
.aviso{margin:0 0 20px;padding:16px 20px;border-radius:20px;background:var(--warn-tint);color:var(--warn);font-weight:600;max-width:68ch}
.aviso p{margin:0}

@media print{
  .indice,.pie nav{display:none}
  main{max-width:none;padding:0}
  .doc h2{break-after:avoid}
}