/* ── Hoja de las páginas legales de Jimenez Building Group ───────────────
   Mismo idioma visual que la portada, pero en modo lectura: fondo hueso,
   tinta oscura, medida de línea corta y jerarquía clara. */
:root{ --rojo:#E8171E; --tinta:#08090B; --hueso:#F5F2EC; --papel:#FBF9F5; --gris:#5F636B; }
*{margin:0;box-sizing:border-box}
html{background:var(--papel)}
body{background:var(--papel);color:#16181C;
  font-family:Archivo,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  line-height:1.65}

header{background:var(--tinta);color:var(--hueso);padding:1.3rem 0}
header .caja{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
header b{font-weight:900;letter-spacing:-.012em;font-size:clamp(.72rem,2.4vw,.95rem);
  text-transform:uppercase;white-space:nowrap}
header b i{color:var(--rojo);font-style:normal}
header a{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:#8D939C;text-decoration:none;white-space:nowrap}
header a:hover{color:var(--hueso)}

.caja{width:min(92vw,44rem);margin:0 auto}

.encabezado{padding:3.4rem 0 2.2rem;border-bottom:1px solid #E2DDD1;margin-bottom:2.4rem}
.ceja{display:flex;align-items:center;gap:.65rem;font-size:.6rem;font-weight:700;letter-spacing:.24em;
  text-transform:uppercase;color:#16181C}
.ceja s{text-decoration:none;flex:1;max-width:3.2rem;height:1px;background:rgba(22,24,28,.22)}
.ceja u{text-decoration:none;color:var(--rojo)}
h1{margin-top:1rem;font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.025em;
  font-size:clamp(1.9rem,6vw,3.4rem);text-wrap:balance}
h1 em{display:block;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;
  text-transform:none;font-size:.44em;color:var(--rojo);margin-top:.35rem;letter-spacing:-.005em}
.fecha{margin-top:1.1rem;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#8A8E96}

main{padding-bottom:4rem}
h2{margin-top:2.6rem;font-weight:900;text-transform:uppercase;letter-spacing:-.015em;
  font-size:clamp(1.05rem,2.6vw,1.35rem);line-height:1.1;display:flex;gap:.7rem;align-items:baseline}
h2 u{text-decoration:none;color:var(--rojo);font-size:.74em;font-variant-numeric:tabular-nums;flex:none}
p{margin-top:.85rem;max-width:40rem;color:#33363C}
ul{margin-top:.85rem;padding-left:1.1rem;max-width:40rem;color:#33363C}
li{margin-top:.4rem}
a{color:#16181C;text-underline-offset:2px}
a:hover{color:var(--rojo)}
strong{font-weight:700;color:#16181C}

/* lo que Juan tiene que completar antes de publicar */
.pendiente{background:#FFF3F3;border-left:3px solid var(--rojo);padding:.9rem 1.1rem;margin-top:1.4rem;
  font-size:.82rem;color:#7A1015;max-width:40rem}
.pendiente b{font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem;display:block;
  margin-bottom:.25rem}

.datos{margin-top:1rem;padding:1.2rem 1.4rem;background:#F1EEE6;border:1px solid #E2DDD1;max-width:40rem}
.datos p{margin-top:.2rem;font-size:.9rem}

footer{background:var(--tinta);color:#8D939C;padding:1.6rem 0;font-size:.68rem}
footer .caja{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center}
footer a{color:#8D939C;text-decoration:none}
footer a:hover{color:var(--hueso);text-decoration:underline}

.volver{display:inline-block;margin-top:2.6rem;padding:.9rem 1.5rem;background:var(--rojo);color:#fff;
  font-weight:900;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;text-decoration:none}
.volver:hover{background:#C5131A;color:#fff}

:focus-visible{outline:2px solid var(--rojo);outline-offset:3px}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) html,
  :root:not([data-theme="light"]) body{background:#101215;color:#E8E5DE}
  :root:not([data-theme="light"]) p,
  :root:not([data-theme="light"]) ul{color:#C3C0B8}
  :root:not([data-theme="light"]) .encabezado{border-bottom-color:#2A2D33}
  :root:not([data-theme="light"]) .datos{background:#191C21;border-color:#2A2D33}
  :root:not([data-theme="light"]) .ceja,
  :root:not([data-theme="light"]) strong,
  :root:not([data-theme="light"]) a{color:#E8E5DE}
  :root:not([data-theme="light"]) .pendiente{background:#2A1416;color:#F0B9BC}
}

/* ── el interruptor de idioma en las páginas legales ── */
#idioma{display:flex;align-items:center;gap:.4rem;flex:none}
#idioma button{font:inherit;font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:#8D939C;background:none;border:0;padding:.35rem .1rem;cursor:pointer;min-height:32px;transition:color .2s}
#idioma button.sel{color:var(--hueso);border-bottom:2px solid var(--rojo)}
#idioma button:hover{color:var(--hueso)}
#idioma .sep{color:rgba(141,147,156,.5);font-size:.7rem}
header .derecha{display:flex;align-items:center;gap:1.1rem;flex:none}