/* Páginas legales de NavegaCurso (18/09/2026). Hoja propia y ligera: no dependen de la landing ni del aula,
   así que se pueden abrir aunque todo lo demás falle. Mismos colores que el resto de la marca. */
:root{--tinta:#0B2545;--cobalto:#1B4F9C;--gris:#5A6B80;--linea:#DCE5EF;--papel:#fff;--hielo:#F2F6FB;
  --f-tit:'Outfit',system-ui,sans-serif;--f-tx:'Inter',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--hielo);color:var(--tinta);font-family:var(--f-tx);font-size:16.5px;line-height:1.65;-webkit-text-size-adjust:100%}
/* (Mario, 22/09) el logo de verdad, y alineado con la columna del texto, no pegado a la esquina */
.barra{background:var(--tinta);padding:13px 20px}
.barra-in{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.barra a{color:#fff;text-decoration:none;font-family:var(--f-tit);font-weight:700;font-size:19px;letter-spacing:-.2px;display:inline-flex;align-items:center;gap:10px}
.barra img{width:34px;height:34px;display:block}
main{max-width:760px;margin:0 auto;padding:30px 20px 70px}
.doc{background:var(--papel);border:1px solid var(--linea);border-radius:16px;padding:32px 34px}
h1{font-family:var(--f-tit);font-size:31px;line-height:1.2;margin:0 0 6px}
h2{font-family:var(--f-tit);font-size:21px;line-height:1.3;margin:34px 0 10px;padding-top:18px;border-top:1px solid var(--linea)}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-family:var(--f-tit);font-size:17px;margin:22px 0 6px}
p,li{margin:0 0 12px}
ul,ol{padding-left:22px;margin:0 0 14px}
a{color:var(--cobalto)}
.fecha{color:var(--gris);font-size:14.5px;margin:0 0 4px;font-family:'IBM Plex Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}
.lead{font-size:17.5px;color:var(--gris);margin:0 0 8px}
.datos{background:var(--hielo);border:1px solid var(--linea);border-radius:12px;padding:16px 18px;margin:16px 0}
.datos p{margin:0 0 4px;font-size:15.5px}
.datos p:last-child{margin:0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--linea);vertical-align:top}
th{font-family:var(--f-tit);font-size:14px;color:var(--gris);text-transform:uppercase;letter-spacing:.04em}
.aviso{background:#EAF1FB;border-radius:12px;padding:14px 16px;font-size:15.5px;margin:16px 0}
.pie{margin:26px auto 0;max-width:760px;padding:0 20px;font-size:14px;color:var(--gris);text-align:center}
.pie a{color:var(--gris);margin:0 8px;display:inline-block}
@media(max-width:600px){main{padding:18px 14px 50px}.doc{padding:22px 18px;border-radius:14px}h1{font-size:26px}h2{font-size:19px}body{font-size:16px}}

/* (22/09) tablas en el móvil: cada fila pasa a ser una ficha con su etiqueta (la de privacidad tiene 4 columnas y no cabía) */
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:600px){
  .tabla-scroll table,.tabla-scroll tbody,.tabla-scroll tr,.tabla-scroll td{display:block;width:100%;box-sizing:border-box}
  .tabla-scroll thead{display:none}
  .tabla-scroll tr{border-bottom:1px solid var(--linea);padding:10px 0}
  .tabla-scroll td{border:0;padding:4px 0}
  .tabla-scroll td::before{content:attr(data-label);display:block;font-family:var(--f-tit);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris);margin-bottom:1px}
}