/* Estilo de las páginas legales (privacidad, términos) y de la 404 */
@font-face { font-family: 'Archivo'; font-style: normal; font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; src: url(/fonts/archivo-0.woff2) format('woff2'); }
@font-face { font-family: 'Big Shoulders Display'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(/fonts/big-shoulders-display-1.woff2) format('woff2'); }
:root { --rosa: #f486b7; --rosa-claro: #f4c8d4; --tinta: #3a2832; --corona: #f0922f; --papel: #fffdf7; }
* { box-sizing: border-box; }
html { background: var(--rosa); }
body { margin: 0; background: var(--rosa); color: var(--tinta); font-family: 'Archivo', 'Helvetica Neue', sans-serif; font-size: 1.0625rem; line-height: 1.6; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--tinta); outline-offset: 3px; border-radius: 4px; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 20px; max-width: 920px; margin: 0 auto; }
.top img { width: 56px; height: 56px; border-radius: 50%; }
.top a.volver { font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; border: 2px solid var(--tinta); border-radius: 999px; padding: 12px 18px; text-decoration: none; }
.top a.volver:hover { background: var(--tinta); color: var(--rosa-claro); }
main { max-width: 920px; margin: 0 auto; padding: 24px 20px 80px; }
.hoja { background: var(--papel); border: 2px solid var(--tinta); border-radius: 6px; padding: clamp(22px, 5vw, 56px); box-shadow: 0 5px 0 rgba(58, 40, 50, .3); }
h1 { font-family: 'Big Shoulders Display', 'Impact', sans-serif; font-weight: 900; text-transform: uppercase; font-size: clamp(2.8rem, 10vw, 5rem); line-height: .9; letter-spacing: -.01em; margin: 0 0 8px; }
.fecha { font-weight: 600; margin: 0 0 28px; opacity: .8; }
h2 { font-family: 'Big Shoulders Display', 'Impact', sans-serif; font-weight: 900; text-transform: uppercase; font-size: 1.7rem; line-height: 1; margin: 36px 0 10px; }
p, li { max-width: 70ch; }
ul { padding-left: 1.2em; }
li { margin-bottom: 6px; }
table { border-collapse: collapse; width: 100%; margin: 12px 0; font-size: .95rem; }
th, td { border: 1.5px solid var(--tinta); padding: 8px 10px; text-align: left; vertical-align: top; }
th { background: var(--rosa-claro); }
/* dato que falta: se ve marcado para que no se pase por alto */
.pendiente { background: #ffe58a; border: 1.5px dashed var(--tinta); border-radius: 4px; padding: 0 6px; font-weight: 800; white-space: nowrap; }
.aviso { background: var(--rosa-claro); border-left: 6px solid var(--tinta); padding: 12px 16px; margin: 18px 0; font-weight: 600; }
footer { max-width: 920px; margin: 0 auto; padding: 0 20px 40px; font-weight: 600; display: flex; flex-wrap: wrap; gap: 8px 20px; }
.nf { min-height: 100vh; display: grid; place-content: center; text-align: center; padding: 24px; gap: 14px; }
.nf h1 { font-size: clamp(5rem, 28vw, 14rem); }
.nf a.btn { display: inline-block; justify-self: center; background: var(--tinta); color: var(--rosa-claro); border-radius: 999px; padding: 16px 28px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; text-decoration: none; }