/* Shaktiva · capa de página: legales (aviso legal, privacidad, cookies). 2026-10-09. */

/* ============================================================
   PLANTILLA DE MARCA DE LAS PÁGINAS LEGALES
   Se carga solo en /aviso-legal/, /politica-de-privacidad/ y /politica-de-cookies/,
   después de style.css y de la fundación.

   Un documento para leer, no una página de venta:
   · columna única de ~66 caracteres, centrada en la retícula (eje de las columnas 3-10);
   · h1 en Grand Slang al escalón display-2 (53 px en escritorio, 34 en móvil);
   · h2 Montserrat 600 a 22 px; h3-h6 Montserrat 600 a 17 px;
   · cuerpo Montserrat 500 a 17 px, interlineado 1,6; strong a 700;
   · tabla a 15 px con filetes, sin rayas de color; en móvil se desplaza dentro de su caja.
   Tamaños de la página: 13 · 15 · 17 · 22 · 32 (logotipo) · 53/34 → 6.

   Marcado (contenido en la BD):
   <section class="sk-legal"> h1 · p.sk-legal-lead · h2 · h3 · p · ul/ol · dl.sk-legal-datos (dt/dd) ·
   div.sk-legal-tabla > table (thead, th scope="col") · code · span.sk-legal-pendiente ·
   opcionales: aside.sk-legal-aviso · nav.sk-legal-indice.
   Los selectores no dependen de .sk-legal: cualquier hijo del contenido entra en la columna.
   ============================================================ */

:root{
  /* Columna de lectura: ~66 caracteres de Montserrat 500 a 17 px. */
  --sk-legal-col:37.5rem;
  --sk-legal-aire-top:64px;
  --sk-legal-aire-bottom:128px;
  --sk-legal-h2-top:64px;
}
@media (max-width:768px){
  :root{
    --sk-legal-aire-top:32px;
    --sk-legal-aire-bottom:80px;
    --sk-legal-h2-top:48px;
  }
}

/* Ámbito: html body .wp-site-blocks main .entry-content.wp-block-post-content (0,3,3).
   Gana a la fundación (§21 h2 a 32 px: 0,3,1; §17/§22 h3 a 22 px: 0,2,3) sin tocarla. */

/* ---------- 1. MARCO Y COLUMNA ---------- */
html body .wp-site-blocks main .entry-content.wp-block-post-content{
  padding:var(--sk-legal-aire-top) var(--sk-gutter) var(--sk-legal-aire-bottom) !important;
  box-sizing:border-box;
  color:var(--sk-ink);
}
/* Todo lo que cuelga del contenido se alinea en la misma columna, esté o no envuelto en .sk-legal. */
html body .wp-site-blocks main .entry-content.wp-block-post-content > *,
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal{
  width:auto;
  max-width:var(--sk-legal-col) !important;
  margin-inline:auto !important;
  padding:0;
  box-sizing:border-box;
}
/* Anclas: que la isla de cabecera no tape el título al saltar a él. */
html body .wp-site-blocks main .entry-content.wp-block-post-content [id]{scroll-margin-top:128px}

/* ---------- 2. TÍTULOS ---------- */
html body .wp-site-blocks main .entry-content.wp-block-post-content h1{
  font-family:var(--shaktiva-font-display) !important;
  font-size:var(--sk-display-2) !important;   /* 53 px a 1440 · 34 px a 390 */
  font-weight:400;font-style:normal;
  line-height:1.08;letter-spacing:-.02em;
  color:var(--sk-heading);
  margin:0 0 24px;
}
/* Entradilla: cierra la cabecera del documento con un filete de oro. */
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-lead{
  font-size:var(--sk-md);line-height:1.6;
  color:var(--sk-ink-mute);
  margin:0 0 48px;padding:0 0 40px;
  border-bottom:1px solid var(--shaktiva-oro-border);
}
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-lead + :is(h2,h3){margin-top:0 !important}

html body .wp-site-blocks main .entry-content.wp-block-post-content h2{
  font-family:var(--shaktiva-font-text) !important;
  font-size:1.375rem !important;              /* 22 px */
  font-weight:600;font-style:normal;
  line-height:1.3 !important;letter-spacing:-.005em;
  color:var(--sk-heading);
  margin:var(--sk-legal-h2-top) 0 16px;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(h3,h4,h5,h6){
  font-family:var(--shaktiva-font-text) !important;
  font-size:var(--sk-md) !important;          /* 17 px: se distingue por peso y aire, no por tamaño */
  font-weight:600 !important;font-style:normal !important;
  line-height:1.4 !important;letter-spacing:0 !important;
  color:var(--sk-heading);
  margin:32px 0 8px;
}

/* ---------- 3. TEXTO ---------- */
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(p,li,dt,dd,blockquote){
  font-size:var(--sk-md);line-height:1.6;
  color:var(--sk-ink);
  overflow-wrap:break-word;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content p{margin:0 0 16px}
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(p,li,dt,dd,td,th) :is(strong,b){font-weight:700}
html body .wp-site-blocks main .entry-content.wp-block-post-content hr{
  border:0;border-top:1px solid var(--shaktiva-oro-border);margin:48px 0;height:0;
}

/* ---------- 4. LISTAS: guion corto en oro (filete, no texto) ---------- */
html body .wp-site-blocks main .entry-content.wp-block-post-content ul{
  list-style:none;margin:0 0 24px;padding:0;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content ul > li{
  position:relative;padding-left:24px;margin:0 0 8px;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content ul > li::before{
  content:"";position:absolute;left:0;top:.8em;width:12px;height:1px;
  background:var(--shaktiva-oro-antiguo);
}
html body .wp-site-blocks main .entry-content.wp-block-post-content ol{margin:0 0 24px;padding-left:24px}
html body .wp-site-blocks main .entry-content.wp-block-post-content ol > li{margin:0 0 8px;padding-left:8px}
html body .wp-site-blocks main .entry-content.wp-block-post-content ol > li::marker{font-weight:600;color:var(--sk-ink-mute)}
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(ul,ol) :is(ul,ol){margin:8px 0 0}

/* ---------- 5. DATOS DEL TITULAR (dl.sk-legal-datos) ---------- */
/* Escritorio: rejilla de dos columnas con filete fino entre filas. Móvil: apilada. */
html body .wp-site-blocks main .entry-content.wp-block-post-content dl{
  margin:0 0 32px;padding:0;
  border-bottom:1px solid var(--sk-rule);
}
html body .wp-site-blocks main .entry-content.wp-block-post-content dt{
  font-weight:600;color:var(--sk-heading);
  margin:0;padding:16px 0 0;border-top:1px solid var(--sk-rule);
}
html body .wp-site-blocks main .entry-content.wp-block-post-content dd{margin:0;padding:0 0 16px}
@media (min-width:769px){
  html body .wp-site-blocks main .entry-content.wp-block-post-content dl{
    display:grid;grid-template-columns:10rem minmax(0,1fr);column-gap:24px;
  }
  html body .wp-site-blocks main .entry-content.wp-block-post-content dd{
    padding:16px 0;border-top:1px solid var(--sk-rule);
  }
  html body .wp-site-blocks main .entry-content.wp-block-post-content dt{padding-bottom:16px}
}

/* ---------- 6. DATO PENDIENTE (span.sk-legal-pendiente) ---------- */
/* Se ve a la primera para que nadie publique sin rellenar, pero no grita.
   Oro-luz al 40 % sobre lino ≈ #D9C8A8; tinta encima ≈ 9:1 (AA). */
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-pendiente{
  background:rgba(201,168,104,.4);              /* --shaktiva-oro-luz (#C9A868) al 40 % */
  color:var(--sk-ink);
  text-decoration:underline dotted var(--shaktiva-oro-oscuro);
  text-decoration-thickness:1px;text-underline-offset:.25em;
  padding:0 4px;border-radius:2px;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}

/* ---------- 7. ENLACES: lila, subrayado visible, hover más oscuro ---------- */
html body .wp-site-blocks main .entry-content.wp-block-post-content a:not(.shaktiva-btn-ink):not(.wp-block-button__link){
  color:var(--shaktiva-lila-espacial);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
  text-decoration-color:currentColor;
  overflow-wrap:anywhere;                       /* correos y URL largas no desbordan en 390 px */
  transition:color .2s ease,text-decoration-thickness .2s ease;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content a:not(.shaktiva-btn-ink):not(.wp-block-button__link):hover{
  color:var(--shaktiva-violeta-mid);
  text-decoration-thickness:2px;
}
/* El anillo de foco lo pone la fundación (§14.2: lila + halo claro). */
html body .wp-site-blocks main .entry-content.wp-block-post-content a:focus-visible{border-radius:2px}

/* ---------- 8. CÓDIGO (nombres de cookie): sin tercera familia ---------- */
html body .wp-site-blocks main .entry-content.wp-block-post-content code{
  font-family:var(--shaktiva-font-text);font-size:inherit;font-weight:600;
  color:var(--sk-ink);background:var(--shaktiva-lino-card);
  padding:0 4px;border-radius:2px;
  overflow-wrap:anywhere;
}
/* En tabla, el nombre de la cookie no se parte a mitad de palabra: la tabla ya se desplaza. */
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(th,td) code{white-space:nowrap;overflow-wrap:normal}

/* ---------- 9. TABLAS ---------- */
/* Contenedor: .sk-legal-tabla, figure.wp-block-table o cualquier envoltorio directo de una tabla.
   En móvil la tabla conserva una anchura legible y se desplaza dentro de su caja; la página no desborda.
   Chrome ya hace enfocables los contenedores con scroll; para el resto, en el marcado:
   tabindex="0" role="region" aria-label="…". */
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(.sk-legal-tabla,.wp-block-table,:has(> table)){
  max-width:100%;
  overflow-x:auto;
  margin:32px 0;
  padding:0;
}
/* Tabla suelta, sin envoltorio: ella misma hace de contenedor. */
html body .wp-site-blocks main .entry-content.wp-block-post-content > table{display:block;overflow-x:auto}
html body .wp-site-blocks main .entry-content.wp-block-post-content table{
  width:100%;border-collapse:collapse;border-spacing:0;
  margin:0;border:0;background:transparent;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(th,td){
  font-size:var(--sk-sm);line-height:1.5;
  text-align:left;vertical-align:top;
  padding:12px 12px 12px 0;
  border:0;border-bottom:1px solid var(--sk-rule);
  background:transparent;
  color:var(--sk-ink);
}
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(th,td):last-child{padding-right:0}
/* Cabecera: Montserrat 600 a 15 px con filete de oro. */
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(thead th,tr:first-child > th){
  font-weight:600;color:var(--sk-heading);
  padding-top:0;
  border-bottom:1px solid var(--shaktiva-oro-antiguo);
  white-space:nowrap;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content tbody th{font-weight:600}
html body .wp-site-blocks main .entry-content.wp-block-post-content tbody tr:last-child > :is(th,td){border-bottom-color:var(--sk-rule)}
/* Sin rayas de color, venga lo que venga del bloque de tabla. */
html body .wp-site-blocks main .entry-content.wp-block-post-content tbody tr{background:transparent !important}
html body .wp-site-blocks main .entry-content.wp-block-post-content :is(caption,figcaption,.wp-element-caption){
  font-size:var(--sk-sm);line-height:1.5;color:var(--sk-ink-mute);
  text-align:left;caption-side:bottom;padding-top:12px;margin:0;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-tabla:focus-visible{outline-offset:4px !important}
@media (max-width:768px){
  /* Cuatro columnas legibles: la tabla pide su anchura y el contenedor desplaza. */
  html body .wp-site-blocks main .entry-content.wp-block-post-content table{min-width:40rem}
  /* Aviso discreto de que se desplaza; fijo a la izquierda mientras se desliza la tabla. */
  html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-tabla::before{
    content:"Desliza la tabla hacia los lados \2192";
    position:sticky;left:0;display:block;
    font-size:var(--sk-xs);line-height:1.5;font-weight:500;color:var(--sk-ink-mute);
    margin:0 0 12px;
  }
}

/* ---------- 10. AVISOS (opcional: aside.sk-legal-aviso) ---------- */
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-aviso{
  background:var(--shaktiva-lino-card);
  border-left:2px solid var(--shaktiva-oro-antiguo);
  border-radius:0 2px 2px 0;
  padding:24px;margin:24px 0 32px;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-aviso > :last-child{margin-bottom:0}

/* ---------- 11. ÍNDICE (opcional) ---------- */
/* Marcado: <nav class="sk-legal-indice" aria-label="En esta página"><ol><li><a href="#id">…</a></li></ol></nav>
   y un id en cada h2. */
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-indice{
  border-left:1px solid var(--shaktiva-oro-border);
  padding:0 0 0 24px;margin:0 0 48px;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-indice :is(ol,ul){list-style:none;padding:0;margin:0}
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-indice li{
  font-size:var(--sk-sm);line-height:1.5;padding:0;margin:0;
}
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-indice li::before{content:none}
html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-indice a{display:inline-flex;align-items:center;min-height:32px}
@media (hover:none),(max-width:768px){
  html body .wp-site-blocks main .entry-content.wp-block-post-content .sk-legal-indice a{min-height:44px}
}