/* ── Páginas legales de Empresa Inteligente ──────────────────────────────
   Mismo mundo visual que la película: azul-negro #0F131A y oro #D8B95B,
   pero en modo lectura. El texto es el de César, copiado de las páginas
   que vivían dentro de la app; solo se les restituyeron los acentos. */
:root{
  --tinta:#0F131A; --oro:#D8B95B; --hueso:#E8EAEE; --crema:#FBF7ED;
  --superficie:#171C25; --frio:#8A93A3; --linea:#252B37;
}
*{margin:0;box-sizing:border-box}
html{background:var(--tinta)}
body{background:var(--tinta);color:var(--hueso);line-height:1.7;
  font-family:Archivo,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}

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

header{border-bottom:1px solid var(--linea);padding:1.3rem 0}
header .caja{display:flex;justify-content:space-between;align-items:center;gap:1rem}
header .lockup{display:flex;align-items:center;gap:.6rem}
header .ce{display:grid;place-items:center;width:1.85rem;height:1.85rem;flex:none;
  border:1px solid var(--oro);color:var(--oro);font-size:.6rem;font-weight:900;letter-spacing:.04em}
header b{font-weight:900;letter-spacing:-.012em;font-size:clamp(.7rem,2.3vw,.9rem);
  text-transform:uppercase;white-space:nowrap}
header b i{color:var(--oro);font-style:normal}
header a.volver{font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--frio);text-decoration:none;white-space:nowrap;flex:none}
header a.volver:hover{color:var(--hueso)}

.encabezado{padding:3.6rem 0 2.2rem;border-bottom:1px solid var(--linea);margin-bottom:2.4rem}
.ceja{display:flex;align-items:center;gap:.65rem;font-size:.58rem;font-weight:700;
  letter-spacing:.26em;text-transform:uppercase;color:var(--oro)}
.ceja s{text-decoration:none;flex:1;max-width:3.2rem;height:1px;background:rgba(216,185,91,.4)}
h1{margin-top:1rem;font-weight:900;text-transform:uppercase;line-height:.94;letter-spacing:-.025em;
  font-size:clamp(1.8rem,5.6vw,3.2rem);text-wrap:balance}
.bajada{margin-top:.9rem;font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:300;
  font-size:clamp(1rem,2.4vw,1.35rem);color:var(--crema);opacity:.9;line-height:1.35;max-width:34rem}

main{padding-bottom:4rem}
main p{margin-top:1.3rem;color:#C2C8D2;max-width:38rem;font-size:clamp(.95rem,1.35vw,1.05rem)}
main p:first-child{margin-top:0}
strong{color:var(--hueso);font-weight:700}

.volver-boton{display:inline-block;margin-top:2.8rem;padding:1rem 1.7rem;background:var(--oro);
  color:#171310;font-weight:900;font-size:.74rem;letter-spacing:.11em;text-transform:uppercase;
  text-decoration:none;transition:background .18s,transform .18s}
.volver-boton:hover{background:#E6C86B;transform:translateY(-1px)}

footer{border-top:1px solid var(--linea);padding:1.6rem 0;font-size:.66rem;color:var(--frio)}
footer .caja{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;align-items:center}
footer a{color:var(--frio);text-decoration:none}
footer a:hover{color:var(--oro);text-decoration:underline}
footer a[aria-current]{color:var(--hueso)}

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