/* =========================================================
   PÁGINAS LEGALES · Grupo Promedia
   Identidad del sitio (Lab Grotesque + Instrument Serif),
   cabecera con el glow del corazón a baja opacidad.
   ========================================================= */

/* Fuente local Lab Grotesque (mismas rutas que la home) */
@font-face { font-family:'Lab Grotesque'; src:url('../font/lab-grotesque/LabGrotesque-Light.woff2') format('woff2'),url('../font/lab-grotesque/LabGrotesque-Light.woff') format('woff'); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:'Lab Grotesque'; src:url('../font/lab-grotesque/LabGrotesque-Regular.woff2') format('woff2'),url('../font/lab-grotesque/LabGrotesque-Regular.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:'Lab Grotesque'; src:url('../font/lab-grotesque/LabGrotesque-Medium.woff2') format('woff2'),url('../font/lab-grotesque/LabGrotesque-Medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Lab Grotesque'; src:url('../font/lab-grotesque/LabGrotesque-Bold.woff2') format('woff2'),url('../font/lab-grotesque/LabGrotesque-Bold.woff') format('woff'); font-weight:700; font-style:normal; font-display:swap; }

:root {
  --ink:#000; --paper:#fff; --paper-soft:#f4f4f4;
  --azul:#8AB4C4; --azul-claro:#a9d3e0;
  --wrap:980px; --gutter:clamp(1.25rem,5vw,3rem);
}

*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  margin:0; font-family:'Lab Grotesque',sans-serif; font-weight:300;
  color:var(--ink); background:var(--paper); line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a { color:var(--azul); text-decoration:none; }
a:hover { text-decoration:underline; }

/* ---------- Barra superior ---------- */
.legal-nav {
  position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between;
  padding:1rem var(--gutter); background:rgba(255,255,255,.85); backdrop-filter:blur(10px);
  border-bottom:1px solid #ececec;
}
.legal-nav a.brand { display:inline-flex; align-items:center; }
.legal-nav a.brand img { height:30px; width:auto; display:block; }
.legal-nav a.volver { font-size:.85rem; color:var(--ink); letter-spacing:.02em; }
.legal-nav a.volver:hover { color:var(--azul); text-decoration:none; }

/* ---------- Cabecera con glow ---------- */
.legal-hero {
  position:relative; overflow:hidden; background:#fff;
  padding:clamp(3.5rem,10vh,7rem) var(--gutter) clamp(2.5rem,6vh,4rem);
  text-align:center;
}
.legal-hero-glow {
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  min-width:70%; max-width:110%; width:auto; height:auto; z-index:0;
  opacity:.14; mix-blend-mode:multiply; pointer-events:none;
}
.legal-hero-eyebrow {
  position:relative; z-index:1; margin:0 0 .6rem; font-size:.8rem; font-weight:500;
  letter-spacing:.22em; text-transform:uppercase; color:var(--azul);
}
.legal-hero h1 {
  position:relative; z-index:1; margin:0; font-weight:700; line-height:1.02;
  letter-spacing:-.02em; font-size:clamp(2.2rem,7vw,4.5rem); color:var(--ink);
}
.legal-hero h1 em { font-family:'Instrument Serif',Georgia,serif; font-style:italic; font-weight:400; }

/* ---------- Cuerpo del documento ---------- */
.legal-body { max-width:var(--wrap); margin:0 auto; padding:clamp(2rem,6vh,4rem) var(--gutter) clamp(4rem,10vh,7rem); }
.legal-body h2 {
  margin:2.6em 0 .6em; font-weight:700; font-size:clamp(1.15rem,2.6vw,1.6rem);
  letter-spacing:-.01em; line-height:1.2;
}
.legal-body h2:first-child { margin-top:0; }
.legal-body h3 { margin:1.8em 0 .4em; font-weight:500; font-size:1.05rem; }
.legal-body p { margin:0 0 1.1em; font-size:clamp(1rem,1.4vw,1.08rem); }
.legal-body ul { margin:0 0 1.3em; padding-left:1.2em; }
.legal-body li { margin:0 0 .5em; }
.legal-body strong { font-weight:500; }
.legal-body .lead { font-size:clamp(1.05rem,1.8vw,1.25rem); color:#333; }
.legal-body hr { border:0; border-top:1px solid #e5e5e5; margin:2.5em 0; }
.legal-body a { word-break:break-word; }

/* Tabla de cookies */
.legal-table-wrap { overflow-x:auto; margin:0 0 1.5em; }
.legal-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.legal-table th, .legal-table td { text-align:left; padding:.7rem .8rem; border-bottom:1px solid #ececec; vertical-align:top; }
.legal-table th { font-weight:500; background:var(--paper-soft); white-space:nowrap; }
.legal-table td:first-child { white-space:nowrap; font-weight:500; }

/* ---------- Pie ---------- */
.legal-foot {
  background:var(--ink); color:var(--paper); padding:clamp(2rem,5vh,3rem) var(--gutter);
  display:flex; flex-wrap:wrap; gap:1rem 2rem; align-items:center; justify-content:space-between;
}
.legal-foot nav { display:flex; flex-wrap:wrap; gap:1rem 1.5rem; }
.legal-foot a { color:var(--paper); font-size:.85rem; opacity:.85; }
.legal-foot a:hover { opacity:1; color:var(--azul-claro); text-decoration:none; }
.legal-foot .legal-foot-copy { font-size:.78rem; opacity:.6; }

@media (max-width:600px){
  .legal-foot { flex-direction:column; align-items:flex-start; }
}