/* Hoja de aviso-legal.html, privacidad.html y 404.html: el mismo estilo
   de la web (cuaderno naranja, letras de colores, Prepi) en versión sobria. */
:root{ --ink:#1F2A44; --text:#3A4560; --soft:#5E6882; --line:#F1E6D6; --blue:#1E7BD8; --blue-ink:#145EA8;
  --red:#E53935; --green:#3FA34D; --orange:#F28C18 }
*,*::before,*::after{ box-sizing:border-box }
body{ margin:0; padding:0 0 80px; color:var(--text); font-family:"Nunito",system-ui,sans-serif; font-size:17px; line-height:1.7;
  background-color:#FFFBF4; background-image:linear-gradient(rgba(244,150,60,.13) 1.5px, transparent 1.5px), linear-gradient(90deg, rgba(244,150,60,.13) 1.5px, transparent 1.5px);
  background-size:34px 34px }
.wrap{ width:min(800px, 100% - 32px); margin-inline:auto }
header.top{ padding:26px 0; margin-bottom:40px; border-bottom:2px dashed var(--line); display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap }
.brand{ display:inline-flex; align-items:flex-end; text-decoration:none; position:relative; font-size:34px; padding-right:.8em; line-height:1 }
.logo-txt{ display:flex; flex-direction:column; line-height:1 }
.logo-txt small{ font-family:Georgia,serif; color:#4A4A4A; font-size:.32em; margin:0 0 -.02em .95em }
.logo-txt b{ font-family:"Dancing Script",cursive; font-weight:700; white-space:nowrap }
.logo-txt b span:nth-child(-n+3){ color:var(--red) }
.logo-txt b span:nth-child(n+4):nth-child(-n+6){ color:var(--green) }
.logo-txt b span:nth-child(n+7):nth-child(-n+8){ color:var(--blue) }
.logo-txt b span:nth-child(n+9){ color:var(--orange) }
.brand .dino{ position:absolute; width:1.15em; height:1.15em; right:-.35em; bottom:.25em }
.back{ font-family:"Fredoka",sans-serif; font-weight:600; font-size:15.5px; color:var(--soft); text-decoration:none; display:inline-flex; align-items:center; gap:7px;
  background:#fff; padding:9px 16px; border-radius:999px; box-shadow:0 10px 24px -16px rgba(31,42,68,.4) }
.back:hover{ color:var(--blue-ink) }
h1,h2{ font-family:"Fredoka",sans-serif; font-weight:600; color:var(--ink); line-height:1.15 }
h1{ font-size:42px; margin:0 0 12px }
.lead{ color:var(--soft); margin:0 0 34px; font-size:18px }
h2{ font-size:21px; margin:36px 0 10px }
p{ margin:0 0 14px }
ul{ margin:0 0 14px; padding-left:20px }
li{ margin-bottom:7px }
a{ color:var(--blue-ink) }
.card{ border-radius:24px; padding:24px 26px; margin:0 0 22px; background:#fff; box-shadow:0 18px 40px -24px rgba(31,42,68,.3) }
.card ul{ margin:0; list-style:none; padding:0 }
.pend{ display:inline-block; font-size:13px; font-weight:700; color:#7A5A00; background:#FFF4CC; border:1px dashed #E0B940; padding:1px 9px; border-radius:999px }
footer{ margin-top:44px; padding-top:22px; border-top:2px dashed var(--line); font-size:14.5px; color:var(--soft); display:flex; gap:18px; flex-wrap:wrap }
footer a{ color:var(--soft); text-decoration:none }
footer a:hover{ color:var(--blue-ink) }
:focus-visible{ outline:3px solid var(--blue); outline-offset:3px; border-radius:8px }
@media (max-width:620px){ h1{ font-size:32px } .brand{ font-size:28px } }