/* ==============================================
   Tagline — Páginas legales
   Paleta: naranja #F35A38, fondo #0A0B0F, Poppins
   ============================================== */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#0A0B0F;color:#d1d2d5;font-family:'Poppins',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:#F35A38;text-decoration:none}
a:hover{text-decoration:underline}

/* ── NAV ── */
.lnav{position:sticky;top:0;z-index:100;background:rgba(10,11,15,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.07)}
.lnav-in{max-width:1200px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lnav-logo img{display:block;height:28px;width:auto}
.lnav-back{font-family:'Poppins',sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:8px;transition:color .2s;white-space:nowrap}
.lnav-back:hover{color:#fff;text-decoration:none}
.lnav-back svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* ── HERO DEL DOCUMENTO ── */
.lhero{padding:72px 32px 56px;border-bottom:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}
.lhero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 120% at 80% -20%,rgba(243,90,56,.08) 0%,transparent 70%);pointer-events:none}
.lhero-in{max-width:1200px;margin:0 auto;position:relative}
.lhero-lbl{display:inline-block;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#F35A38;border:1px solid rgba(243,90,56,.35);padding:5px 13px;margin-bottom:20px}
.lhero h1{font-family:'Poppins',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:700;color:#fff;line-height:1.2;margin:0 0 28px;max-width:700px}
.lhero-meta{display:flex;flex-wrap:wrap;gap:24px 48px;margin:0;list-style:none;padding:0}
.lhero-meta div{display:flex;flex-direction:column;gap:3px}
.lhero-meta dt{font-size:11px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.35)}
.lhero-meta dd{font-size:14px;font-weight:400;color:rgba(255,255,255,.8);margin:0}

/* ── LAYOUT DOCUMENTO ── */
.ldoc{max-width:1200px;margin:0 auto;padding:56px 32px 96px;display:grid;grid-template-columns:220px 1fr;gap:56px;align-items:start}

/* ── ÍNDICE LATERAL ── */
.ltoc{position:sticky;top:80px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:20px 0}
.ltoc-h{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);padding:0 20px 14px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:6px}
.ltoc ol{margin:0;padding:0;list-style:none;counter-reset:none}
.ltoc li{margin:0}
.ltoc a{display:block;font-size:12.5px;font-weight:400;color:rgba(255,255,255,.45);padding:7px 20px;border-left:2px solid transparent;transition:color .18s,border-color .18s,background .18s;line-height:1.45}
.ltoc a:hover,.ltoc a.on{color:#fff;text-decoration:none;border-left-color:#F35A38;background:rgba(243,90,56,.06)}
.ltoc a.on{color:#F35A38;font-weight:500}

/* ── CUERPO ── */
.lbody{min-width:0}
.lintro{font-size:15.5px;line-height:1.75;color:rgba(255,255,255,.7);border-left:3px solid #F35A38;padding:16px 20px;background:rgba(243,90,56,.05);margin-bottom:36px}
.lbody section{margin-bottom:40px}
.lbody h2{font-family:'Poppins',sans-serif;font-size:18px;font-weight:700;color:#fff;margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:baseline;gap:10px}
.lbody h2 .n{font-size:13px;font-weight:400;color:#F35A38;min-width:20px}
.lbody h3{font-size:14px;font-weight:600;color:rgba(255,255,255,.8);margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.lbody p{font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.6);margin-bottom:14px}
.lbody ul,.lbody ol{padding-left:20px;margin-bottom:14px}
.lbody li{font-size:14.5px;line-height:1.75;color:rgba(255,255,255,.6);margin-bottom:6px}
.lbody strong{color:rgba(255,255,255,.85);font-weight:600}

/* Definiciones */
dl.ldef{margin:0 0 14px;display:grid;grid-template-columns:1fr;gap:0}
dl.ldef div{border-bottom:1px solid rgba(255,255,255,.06);padding:14px 0}
dl.ldef div:last-child{border-bottom:none}
dl.ldef dt{font-size:13px;font-weight:600;color:#F35A38;margin-bottom:4px}
dl.ldef dd{font-size:14px;line-height:1.7;color:rgba(255,255,255,.6);margin:0}

/* Ficha institucional */
dl.lficha{margin:0 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(255,255,255,.08)}
dl.lficha div{border-bottom:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);padding:14px 18px}
dl.lficha div:nth-child(even){border-right:none}
dl.lficha dt{font-size:10.5px;font-weight:500;letter-spacing:.8px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:4px}
dl.lficha dd{font-size:13.5px;font-weight:400;color:rgba(255,255,255,.75);margin:0}

/* Nota / aviso */
.lnota{background:rgba(243,90,56,.06);border:1px solid rgba(243,90,56,.2);padding:18px 22px;margin:18px 0}
.lnota p{font-size:13.5px;margin-bottom:8px}
.lnota p:last-child{margin-bottom:0}

/* Control del documento */
.lctrl{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);padding:24px 28px;margin:36px 0}
.lctrl-h{font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:16px}
.lctrl dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0}
.lctrl dl div{border-bottom:1px solid rgba(255,255,255,.06);padding:10px 0}
.lctrl dl div:nth-last-child(-n+2){border-bottom:none}
.lctrl dt{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:3px}
.lctrl dd{font-size:13px;color:rgba(255,255,255,.7);margin:0}

/* Enlace cruzado */
.lcross{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);padding:20px 24px;margin-top:12px;transition:border-color .2s,background .2s;color:inherit;text-decoration:none}
.lcross:hover{border-color:rgba(243,90,56,.4);background:rgba(243,90,56,.04);text-decoration:none}
.lcross-t{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:4px}
.lcross-n{font-size:15px;font-weight:600;color:#fff}
.lcross-a{font-size:28px;color:rgba(255,255,255,.25);line-height:1;transition:color .2s}
.lcross:hover .lcross-a{color:#F35A38}

/* ── FOOTER (igual que el home) ── */
.mil-footer-bottom{border-top:solid 1px rgba(115,118,123,.2);padding:20px 0}
.mil-fs14{font-size:14px}
.mil-soft{color:#73767B}
.mil-accent{color:#F35A38}
.mil-group-text{display:flex;align-items:center;line-height:90%}
.mil-c-gone{transition:color .2s}
.mil-c-gone:hover{color:#fff;text-decoration:none}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .ldoc{grid-template-columns:1fr;gap:32px}
  .ltoc{position:static;display:none}
  .lhero{padding:48px 20px 40px}
  .lfooter{padding:24px 20px}
  .lfooter-in{flex-direction:column;align-items:flex-start;gap:14px}
  dl.lficha{grid-template-columns:1fr}
  dl.lficha div:nth-child(even){border-right:none}
  dl.lficha div{border-right:none}
  .lctrl dl{grid-template-columns:1fr}
  .lctrl dl div:nth-last-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}
  .lctrl dl div:last-child{border-bottom:none}
}
@media(max-width:600px){
  .lnav-in{padding:0 16px}
  .ldoc{padding:36px 16px 72px}
  .lhero{padding:36px 16px 32px}
  .lfooter{padding:20px 16px}
}
