/* ============ PÁGINAS LEGALES ============ */
/* Aviso legal y Privacidad. Los mismos tokens que styles.css, en una hoja aparte para no cargar la portada entera */
:root{
  --sun:#f1df5c; --galaxy:#4b23b8; --emerald:#0b6b4c; --carmine:#c8102e; --ink:#111111; --cream:#f3eee4;
  --girasol:#ffbd21;
  --pad:clamp(16px,3.2vw,48px);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{background:var(--cream);color:var(--ink);font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.mono{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
a{color:inherit}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.grain{
  position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.13;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.lg-salta{position:absolute;left:var(--pad);top:-60px;z-index:95;padding:10px 16px;border-radius:99px;background:var(--ink);color:var(--cream);font:500 12px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.lg-salta:focus{top:12px}

/* la cabecera: el girasol de la portada con el título enorme */
.lg-cab{position:relative;isolation:isolate;display:grid;align-content:end;gap:clamp(12px,1.6vw,20px);min-height:clamp(300px,54svh,460px);padding:96px var(--pad) clamp(26px,3.6vw,48px);background:var(--girasol)}
.lg-nav{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--pad)}
.logo{font-weight:900;font-stretch:125%;font-size:20px;letter-spacing:-.01em;text-decoration:none}
.bag{padding:9px 16px;border:1.5px solid currentColor;border-radius:99px;font:500 12px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.bag:hover{background:var(--ink);color:var(--girasol)}
.lg-tabs{display:flex;flex-wrap:wrap;gap:8px}
.lg-tabs a{padding:8px 14px;border:1.5px solid currentColor;border-radius:99px;text-decoration:none;transition:background .2s,color .2s}
.lg-tabs a:hover,.lg-tabs a[aria-current]{background:var(--ink);color:var(--girasol)}
.lg-cab h1{font-weight:900;font-stretch:125%;font-size:clamp(34px,min(9.4vw,27svh),168px);line-height:.86;letter-spacing:-.035em;text-transform:uppercase}
.lg-fecha{opacity:.72}

/* «En corto»: lo esencial en cuatro tarjetas, con los colores y el detalle de los cuatro servicios */
.lg-corto{padding:clamp(36px,4.4vw,64px) var(--pad) 0}
.lg-corto > h2{margin-bottom:16px;opacity:.6}
.lg-cartas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,18px)}
.lg-c{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:clamp(170px,13vw,230px);padding:clamp(18px,1.6vw,26px);border-radius:22px;background:var(--c);color:var(--cream)}
.lg-c::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none}
.lg-c.t-stars::before{background-image:radial-gradient(1.4px 1.4px at 14% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 62% 12%,#fff 50%,transparent 51%),radial-gradient(1.8px 1.8px at 84% 58%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 36% 76%,rgba(255,255,255,.8) 50%,transparent 51%),radial-gradient(1.2px 1.2px at 48% 44%,#fff 50%,transparent 51%),radial-gradient(circle at 88% 88%,rgba(53,242,255,.22),transparent 55%),radial-gradient(circle at 22% 18%,rgba(255,79,216,.3),transparent 52%);background-size:170px 210px,170px 210px,170px 210px,170px 210px,170px 210px,100% 100%,100% 100%}
.lg-c.t-topo::before{background-image:repeating-radial-gradient(ellipse 120% 90% at 15% 85%,transparent 0 13px,rgba(243,238,228,.15) 13px 14px),repeating-radial-gradient(ellipse 110% 90% at 95% 5%,transparent 0 17px,rgba(243,238,228,.1) 17px 18px)}
.lg-c.t-arcos::before{background-image:repeating-radial-gradient(circle at 100% 120%,transparent 0 15px,rgba(255,255,255,.14) 15px 16.5px);-webkit-mask:linear-gradient(200deg,transparent 30%,#000);mask:linear-gradient(200deg,transparent 30%,#000)}
.lg-c.t-dots::before{background-image:radial-gradient(circle,rgba(243,238,228,.22) 32%,transparent 36%);background-size:9px 9px;-webkit-mask:radial-gradient(ellipse at 50% 36%,transparent 8%,#000 70%);mask:radial-gradient(ellipse at 50% 36%,transparent 8%,#000 70%)}
.lg-c .mono{opacity:.75}
.lg-c b{margin-top:auto;font-weight:900;font-stretch:118%;font-size:clamp(20px,1.55vw,28px);line-height:1.04;letter-spacing:-.02em;text-wrap:balance}
.lg-c p{font-size:clamp(14px,.95vw,16px);line-height:1.4;opacity:.9;text-wrap:pretty}

/* el texto completo: índice fijo a la izquierda, letra cómoda a la derecha */
.lg-cuerpo{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:clamp(32px,6vw,120px);padding:clamp(44px,5vw,80px) var(--pad) clamp(64px,7vw,110px)}
.lg-indice{position:sticky;top:28px;align-self:start}
.lg-indice > p{margin-bottom:14px;opacity:.6}
.lg-indice ol{list-style:none;padding:0;display:grid;gap:2px;font-size:15px;font-weight:600;line-height:1.25}
.lg-indice a{display:flex;gap:12px;padding:7px 0;text-decoration:none;box-shadow:0 1px 0 rgba(17,17,17,.12);transition:padding .2s}
.lg-indice a .mono{flex:none;width:2.2em;padding-top:2px;font-size:11px;opacity:.55}
.lg-indice a:hover{padding-left:6px}
/* el texto, a lo ancho de una lectura cómoda; la tabla aprovecha el hueco de la derecha */
.lg-texto{display:grid;grid-template-columns:minmax(0,46rem) minmax(0,1fr);align-content:start;font-size:clamp(16px,.42vw + 11px,18.5px);line-height:1.62;text-wrap:pretty}
.lg-texto > *{grid-column:1}
/* justificado, como en un documento; los guiones al partir palabras evitan los huecos grandes entre ellas */
.lg-texto p,.lg-texto li{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.lg-texto > h2{display:flex;align-items:baseline;gap:.7em;margin:2.6em 0 .8em;font-weight:800;font-stretch:112%;font-size:clamp(22px,1.6vw,30px);line-height:1.12;letter-spacing:-.015em}
.lg-texto > h2:first-child{margin-top:0}
.lg-texto > h2 .mono{flex:none;font-size:12px;padding:.35em .7em;border-radius:99px;background:var(--ink);color:var(--girasol);translate:0 -.2em}
.lg-texto p + p,.lg-texto p + ul,.lg-texto ul + p,.lg-texto .lg-ficha + p,.lg-texto .lg-tabla + p{margin-top:.9em}
.lg-texto ul{margin-top:.6em;padding-left:1.2em}
.lg-texto li + li{margin-top:.45em}
.lg-texto li::marker{color:var(--carmine)}
.lg-texto strong{font-weight:700}
.lg-texto a{text-decoration-thickness:1.5px;text-underline-offset:3px}
.lg-texto a:hover{text-decoration-color:var(--carmine)}

/* los datos del titular, como una ficha */
.lg-ficha{display:grid;margin-top:1.1em;border-radius:18px;background:#fff;box-shadow:0 0 0 1.5px var(--ink)}
.lg-ficha > div{display:grid;grid-template-columns:11.5em minmax(0,1fr);gap:16px;padding:12px 18px}
.lg-ficha > div + div{box-shadow:0 -1px 0 rgba(17,17,17,.14)}
.lg-ficha dt{padding-top:.3em;font-size:11px;opacity:.6}
.lg-ficha dd{font-weight:600}

/* qué datos y para qué: tabla en pantalla grande, fichas apiladas en el móvil */
.lg-tabla{grid-column:1/-1;width:100%;max-width:72rem;margin-top:1.1em;border-collapse:separate;border-spacing:0;border-radius:18px;background:#fff;box-shadow:0 0 0 1.5px var(--ink);font-size:.86em;line-height:1.45}
.lg-tabla th{padding:12px 14px;text-align:left;font:500 11px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.6}
.lg-tabla td{padding:14px;vertical-align:top;box-shadow:0 -1px 0 rgba(17,17,17,.14)}
.lg-tabla td:first-child{font-weight:700}

/* el pie de las páginas legales: la última fila del pie de la portada */
.lg-pie{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px calc(var(--pad)*.8);padding:22px var(--pad);background:var(--ink);color:var(--cream)}
.lg-pie > *{opacity:.72}
.lg-pie a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .25s}
.lg-pie a:hover{background-size:100% 1.5px}
.lg-pie a[aria-current]{background-size:100% 1.5px}

@media (max-width:1100px){
  .lg-cartas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg-cuerpo{grid-template-columns:minmax(0,1fr)}
  .lg-indice{position:static}
  .lg-indice ol{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));column-gap:24px}
}
@media (max-width:640px){
  .lg-cab{min-height:310px;padding-top:84px}
  .lg-cab h1{font-size:11.6vw}   /* lo más grande con lo que PRIVACIDAD cabe en una línea */
  .bag{padding:8px 13px}
  .lg-cartas{grid-template-columns:minmax(0,1fr)}
  .lg-c{min-height:0}
  .lg-c b{margin-top:6px}
  .lg-ficha > div{grid-template-columns:minmax(0,1fr);gap:2px}
  .lg-tabla,.lg-tabla tbody,.lg-tabla tr,.lg-tabla td{display:block}
  .lg-tabla thead{display:none}
  .lg-tabla tr + tr{box-shadow:0 -1.5px 0 var(--ink)}
  .lg-tabla td{padding:10px 16px;box-shadow:none}
  .lg-tabla td:first-child{padding-top:16px}
  .lg-tabla td:last-child{padding-bottom:16px}
  .lg-tabla td::before{content:attr(data-k);display:block;margin-bottom:2px;font:500 10.5px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;opacity:.55}
  .lg-pie{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}
@media print{
  .grain,.lg-nav,.lg-indice,.lg-salta{display:none}
  .lg-cab{min-height:0;padding-top:24px}
  .lg-cuerpo{grid-template-columns:minmax(0,1fr)}
}