/* Aviso de privacidad y términos: mismo look que entrar.html, ancho de lectura. */
:root {
  --grafito: #232528; --panel: #1C1E21; --borde: #3A3E44;
  --crema: #F1ECE2; --crema2: #B5AFA4; --crema3: #8E8A83; --acento: #F26368;
  --f: 'Archivo', 'Arial Narrow', Arial, sans-serif;
  color-scheme: dark;
}
* { box-sizing: border-box }
html, body { margin: 0 }
body { min-height: 100vh; background: var(--grafito); color: var(--crema); font: 400 16px/1.55 var(--f); -webkit-font-smoothing: antialiased;
  background-image: repeating-linear-gradient(180deg, transparent 0 79px, rgba(241,236,226,.05) 79px 80px) }
a { color: var(--acento) }
header { border-bottom: 1px solid var(--borde); background: var(--grafito) }
.fila { max-width: 720px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 18px; padding: 14px max(16px, env(safe-area-inset-left, 0px)) }
header img { height: 22px; display: block }
main { max-width: 720px; margin: 0 auto; padding: 32px max(16px, env(safe-area-inset-left, 0px)) 40px }
.banda { display: inline-flex; align-items: center; height: 30px; padding: 0 26px 0 12px; background: var(--crema); color: var(--grafito);
  font: 800 12px/1 var(--f); letter-spacing: .16em; text-transform: uppercase; clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0 100%) }
h1 { margin: 16px 0 8px; font: 900 clamp(32px, 8vw, 44px)/.95 var(--f); text-transform: uppercase; text-wrap: balance }
.fecha { margin: 0 0 18px; color: var(--crema3); font-size: 13px }
.corto { margin: 0 0 8px; border: 1px solid var(--borde); border-radius: 8px; background: var(--panel); padding: 14px 16px; color: var(--crema2) }
.corto b { color: var(--crema) }
h2 { margin: 30px 0 8px; font: 900 19px/1.15 var(--f) }
p { margin: 0 0 10px; color: var(--crema2) }
ul { margin: 0 0 10px; padding-left: 20px; color: var(--crema2) }
li { margin-bottom: 5px }
strong { color: var(--crema); font-weight: 700 }
footer { border-top: 1px solid var(--borde); color: var(--crema3); font-size: 13px }
footer a { color: var(--crema2); padding: 8px 0 }