/* =========================================================
   InjuryX · Estilos de las páginas legales
   Comparten paleta y tipografía con la landing.
   ========================================================= */
:root{
  --navy:#22314A;
  --navy-mid:#2E4160;
  --navy-deep:#161F31;
  --slate:#64748B;
  --slate-light:#94A3B8;
  --bg:#EEF2F6;
  --bg-soft:#F7F9FB;
  --panel:#FFFFFF;
  --line:#D3DAE4;
  --line-strong:#B9C3D1;
  --ix-red:#E1401F;
  --ix-orange:#FF7A1A;
  --ix-yellow:#FFC72C;
  --font:'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --wrap:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;font-family:var(--font);color:var(--navy);background:var(--bg);
  line-height:1.7;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}

/* ---------- Header ---------- */
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60;}
.header-inner{
  max-width:var(--wrap);margin:0 auto;padding:8px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.logo img{height:58px;width:auto;}
.header-actions{display:flex;align-items:center;gap:16px;}
.volver{
  font-size:14px;font-weight:600;color:var(--navy-mid);text-decoration:none;
  border-bottom:2px solid transparent;padding:4px 0;
}
.volver:hover{color:var(--ix-red);border-bottom-color:var(--ix-orange);}
.tel-link{
  display:flex;align-items:center;gap:7px;font-weight:700;font-size:14.5px;
  color:var(--navy);text-decoration:none;white-space:nowrap;
}
.tel-link:hover{color:var(--ix-red);}

/* ---------- Portada ---------- */
.portada{background:linear-gradient(140deg,var(--navy-deep),var(--navy-mid));color:#fff;padding:46px 0 42px;}
.eyebrow{
  font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;
  color:var(--ix-yellow);margin-bottom:12px;
}
.portada h1{font-size:38px;line-height:1.15;margin:0 0 14px;letter-spacing:-.5px;}
.portada p{color:#C4D0E0;font-size:16px;max-width:70ch;margin:0;}
.fecha{
  margin-top:20px;font-size:13px;color:#8D9CB2;
  padding-top:16px;border-top:1px solid rgba(255,255,255,.15);
}

/* ---------- Cuerpo ---------- */
.contenido{padding:44px 0 60px;}
.layout{display:grid;grid-template-columns:250px 1fr;gap:44px;align-items:start;}

/* Índice lateral */
.indice{position:sticky;top:96px;}
.indice h4{
  font-size:10.5px;letter-spacing:.8px;text-transform:uppercase;color:var(--slate);
  margin:0 0 12px;font-weight:800;
}
.indice ol{list-style:none;margin:0;padding:0;counter-reset:i;}
.indice li{counter-increment:i;}
.indice a{
  display:block;padding:7px 0 7px 26px;position:relative;
  font-size:13.5px;color:var(--navy-mid);text-decoration:none;line-height:1.45;
  border-left:2px solid var(--line);transition:color .25s ease,border-color .25s ease;
}
.indice a:before{
  content:counter(i);position:absolute;left:10px;
  font-size:11px;color:var(--slate-light);font-weight:700;
}
.indice a:hover{color:var(--ix-red);border-left-color:var(--ix-orange);}

/* Aviso de revisión */
.nota{
  background:#FFF8E6;border:1px solid #F0DFB0;border-left:4px solid var(--ix-orange);
  border-radius:8px;padding:16px 20px;margin-bottom:32px;
  font-size:14px;color:#6B5310;line-height:1.65;
}
.nota strong{color:#4A3A08;}

/* Secciones */
article section{margin-bottom:34px;scroll-margin-top:96px;}
article h2{
  font-size:21px;margin:0 0 14px;letter-spacing:-.2px;
  padding-bottom:10px;border-bottom:1px solid var(--line);
}
article h3{font-size:16px;margin:22px 0 8px;}
article p{margin:0 0 14px;font-size:15px;color:#3A4759;}
article ul{margin:0 0 16px;padding-left:22px;font-size:15px;color:#3A4759;}
article li{margin-bottom:7px;}
article a{color:var(--ix-red);}
article strong{color:var(--navy);}

.destacado{
  background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--ix-red);
  border-radius:8px;padding:16px 20px;margin:18px 0;font-size:14.5px;
}
.destacado p:last-child{margin-bottom:0;}

/* ---------- Footer ---------- */
footer{background:var(--navy-deep);color:#A9B6C8;padding:44px 0 22px;font-size:14px;}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px;margin-bottom:32px;}
.footer-logo{background:#fff;border-radius:8px;padding:9px 12px;display:inline-block;margin-bottom:14px;}
.footer-logo img{height:30px;}
.footer-brand p{font-size:13.5px;line-height:1.7;max-width:38ch;margin:0;}
.footer-contact{margin-top:14px;font-size:14px;line-height:2;}
.footer-contact a{color:#fff;font-weight:700;text-decoration:none;}
.footer-contact a:hover{color:var(--ix-orange);}
.footer-col h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.6px;margin:0 0 14px;}
.footer-col ul{list-style:none;margin:0;padding:0;font-size:13.5px;line-height:2.1;}
.footer-col a{text-decoration:none;color:#A9B6C8;}
.footer-col a:hover{color:var(--ix-orange);}
.footer-legal{border-top:1px solid #2B384F;padding-top:18px;font-size:12px;color:#7E8BA3;line-height:1.75;}
.footer-bottom{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#7E8BA3;}
.footer-bottom a{text-decoration:none;color:#7E8BA3;}

@media(max-width:900px){
  .layout{grid-template-columns:1fr;gap:26px;}
  .indice{position:static;border-bottom:1px solid var(--line);padding-bottom:18px;}
  .indice ol{columns:2;column-gap:20px;}
  .footer-top{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .portada{padding:32px 0 30px;}
  .portada h1{font-size:27px;}
  .logo img{height:46px;}
  .tel-link span{display:none;}
  .indice ol{columns:1;}
  article h2{font-size:19px;}
}
@media(prefers-reduced-motion:reduce){*{transition:none !important;scroll-behavior:auto;}}