/* Observatorio SuperLeads · estilos · guía de estilos SuperLeads v3.4 · RLR */
:root{
  --green:#56EF9F;--navy:#002582;--navy-deep:#001240;--green-d:#2BC878;--navy-mid:#001a5e;
  --blue:#0039C8;--blue-mid:#2A89FB;--blue-soft:#F4F7FF;--blue-softer:#EEF2FF;
  --ink:#1a1a1a;--border:#e0e8f8;--muted:#5b6478;--dim:#98a1b0;
  --chart-1:#2a78d6;--chart-2:#eb6834;--chart-3:#1baf7a;--neutro:#c6ccd8;
  --sobre:#c3d0ec;--etiqueta:#a9bbe3;
  --ease:cubic-bezier(.16,1,.3,1);
  --shadow-sm:0 1px 2px rgba(0,37,130,.04);--shadow-card:0 10px 32px rgba(0,37,130,.08);
  --shadow-btn:0 10px 28px rgba(0,37,130,.22);--shadow-cta:0 10px 28px rgba(86,239,159,.28);
  --z:1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;font-family:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--blue-soft);font-size:16px;line-height:1.7}
main,footer.pie,section.sistema{zoom:var(--z)}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue)}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.lectura{max-width:46rem}
.saltar{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;border-radius:8px;z-index:200}
.saltar:focus{left:8px}
:focus-visible{outline:2px solid var(--blue-mid);outline-offset:2px}
.u{display:inline-block;font-size:.58em;font-weight:800;letter-spacing:.06em;vertical-align:.32em;padding:.18em .5em;margin-left:.28em;border-radius:6px;background:rgba(0,57,200,.09);color:var(--blue);font-style:normal;line-height:1.2}
.oscuro .u,.u.o{background:rgba(86,239,159,.14);color:var(--green)}

/* ── nav ── */
.nav{position:sticky;top:0;z-index:100;background:rgba(0,18,64,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:.5px solid rgba(86,239,159,.1)}
.nav .wrap{display:flex;align-items:center;gap:20px;height:64px;max-width:1280px}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.marca img{width:138px;height:auto}
.marca span{color:#fff;font-weight:700;font-size:14px;letter-spacing:.2px;padding-left:14px;border-left:.5px solid rgba(255,255,255,.25)}
.nav-links{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav-links a{color:#a9bbe3;text-decoration:none;font-size:14px;font-weight:600;padding:8px 10px;white-space:nowrap;border-radius:8px;transition:color .2s}
.nav-links a:hover,.nav-links a[aria-current=page]{color:#fff}
.nav-links a.btn-primary,.nav-links a.btn-primary:hover{color:var(--navy);padding:9px 16px;margin-left:6px}
.herr{display:flex;gap:4px;align-items:center}
.herr button{background:none;border:.5px solid rgba(255,255,255,.18);color:#c3d0ec;font:700 12px/1 inherit;font-family:inherit;padding:7px 8px;border-radius:8px;cursor:pointer;transition:border-color .2s,color .2s}
.herr .idioma{color:#fff;text-decoration:none;font:800 12px/1 inherit;font-family:inherit;letter-spacing:.06em;padding:8px 9px;border-radius:8px;border:.5px solid rgba(86,239,159,.45);margin-right:2px;transition:border-color .2s,color .2s}
.herr .idioma:hover{color:var(--green);border-color:var(--green)}
.herr button:hover{color:#fff;border-color:rgba(86,239,159,.5)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:8px;border:none;font:700 15px/1.2 inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s,border-color .2s,color .2s}
.btn:hover{transform:translateY(-2px)}.btn:active{transform:none;box-shadow:none}
.btn-primary{background:var(--green);color:var(--navy)}.btn-primary:hover{box-shadow:var(--shadow-cta)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-mid);box-shadow:var(--shadow-btn)}
.btn-linea{background:transparent;color:#fff;border:.5px solid rgba(255,255,255,.35)}.btn-linea:hover{border-color:var(--green);color:var(--green)}
.btn-claro{background:#fff;color:var(--navy);border:.5px solid var(--border)}.btn-claro:hover{border-color:rgba(0,57,200,.35);box-shadow:var(--shadow-card)}
.btn-sm{padding:9px 16px;font-size:13px}
.menu-btn{display:none;margin-left:auto;background:none;border:.5px solid rgba(255,255,255,.25);color:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}
@media (max-width:1060px){
  .nav-links{display:none;position:fixed;inset:64px 0 0 0;background:var(--navy-deep);flex-direction:column;align-items:stretch;padding:24px;gap:6px;margin:0;overflow:auto}
  .nav-links.abierto{display:flex}
  .nav-links a{font-size:18px;padding:14px 12px;border-bottom:.5px solid rgba(255,255,255,.07)}
  .nav-links .btn{margin-top:12px}
  .menu-btn{display:block}
  .herr{margin-left:0}
}
@media (max-width:520px){.marca img{width:112px}.marca span{font-size:12px;padding-left:10px}.herr button{display:none}}

/* ── hero ── */
.oscuro{background:var(--navy-deep);color:#fff;position:relative;overflow:hidden}
.oscuro::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 420px at 85% -10%,rgba(42,137,251,.28),transparent 60%),radial-gradient(700px 380px at -10% 110%,rgba(86,239,159,.12),transparent 60%);pointer-events:none}
.oscuro::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000 0%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);pointer-events:none}
.oscuro>*{position:relative;z-index:1}
.hero{padding:72px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:center}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr;gap:32px}.hero{padding:44px 0 40px}}
.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);flex:none}
.eyebrow span{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:var(--blue)}
.oscuro .eyebrow::before{background:var(--green)}.oscuro .eyebrow span{color:var(--green)}
h1{font-size:clamp(34px,5.2vw,58px);line-height:1.06;letter-spacing:-1.8px;font-weight:800;margin:0 0 18px}
h1 em,h2 em{font-style:italic;color:var(--blue)}
.oscuro h1 em,.oscuro h2 em{color:var(--green)}
.sub{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--sobre);margin:0 0 28px;max-width:38rem}
.acciones{display:flex;flex-wrap:wrap;gap:12px}
.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;margin-top:44px}
.cifras div{background:var(--navy-deep);padding:18px 20px}
.cifras b{display:block;font-size:30px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;line-height:1.1}
.cifras span{font-size:13px;color:var(--etiqueta);line-height:1.4;display:block;margin-top:4px}
.heroe-dato{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:.5px solid rgba(255,255,255,.12);border-radius:24px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.heroe-dato .num{font-size:clamp(84px,11vw,128px);font-weight:800;letter-spacing:-5px;line-height:.9;color:var(--green);font-variant-numeric:tabular-nums}
.heroe-dato p{font-size:20px;line-height:1.45;font-weight:700;margin:14px 0 18px}
.heroe-dato small{display:block;color:var(--etiqueta);font-size:13px;line-height:1.5}
.barra-ocup{height:12px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin:20px 0 8px}
.barra-ocup i{display:block;height:100%;width:46%;background:var(--green);border-radius:99px}
.heroe-dato a{color:var(--green);font-weight:700;text-decoration:none;font-size:14px}
.firma-rlr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:28px;color:var(--etiqueta);font-size:13px}
.firma-rlr img{height:22px;width:auto}

/* ── secciones ── */
.sec{padding:72px 0}
.sec.blanco{background:#fff}
.sec.compacta{padding:48px 0}
@media (max-width:700px){.sec{padding:44px 0}}
h2{font-size:clamp(26px,3.2vw,36px);line-height:1.12;letter-spacing:-.8px;font-weight:800;margin:0 0 12px;color:var(--navy)}
.oscuro h2{color:#fff}
h3{font-size:20px;letter-spacing:-.3px;line-height:1.25;margin:0 0 8px;color:var(--navy)}
.intro{color:var(--muted);font-size:17px;max-width:44rem;margin:0 0 32px}
.oscuro .intro{color:var(--sobre)}
.cabeza{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.cabeza .intro{margin:0}

/* ── tarjetas de dato ── */
.rejilla{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.dcard{background:#fff;border:.5px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.dcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:rgba(0,57,200,.25)}
.dcard img{aspect-ratio:16/9;width:100%;object-fit:cover;background:var(--navy-deep)}
.dcard .t{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1}
.dcard .s{font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--blue)}
.dcard b{font-size:16.5px;line-height:1.35;color:var(--navy);font-weight:800;letter-spacing:-.2px}
.dcard .f{margin-top:auto;padding-top:8px;font-size:12.5px;color:var(--muted)}
.dcard[hidden]{display:none}
.destacados{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}
.dest{background:var(--navy-deep);color:#fff;border-radius:16px;padding:26px;text-decoration:none;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s;min-height:230px}
.dest::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(42,137,251,.35),transparent 70%)}
.dest:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,18,64,.35)}
.dest .n{font-size:54px;font-weight:800;letter-spacing:-2.4px;line-height:1;color:var(--green);font-variant-numeric:tabular-nums}
.dest .n .u{font-size:.32em}
.dest p{margin:0;font-size:17px;line-height:1.45;font-weight:700}
.dest small{margin-top:auto;color:var(--etiqueta);font-size:12.5px;line-height:1.5}
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:26px}
.chip{border:.5px solid var(--border);background:#fff;color:var(--navy);font:700 13.5px/1 inherit;font-family:inherit;padding:10px 16px;border-radius:999px;cursor:pointer;transition:border-color .2s,background .2s,color .2s}
.chip:hover{border-color:rgba(0,57,200,.4)}
.chip[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.buscar{flex:1 1 260px;max-width:420px;position:relative}
.buscar input{width:100%;font:500 15px inherit;font-family:inherit;padding:12px 14px 12px 40px;border-radius:999px;border:1px solid #c4d0ea;background:#fff;color:var(--ink)}
.buscar svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--dim)}
.vacio{color:var(--muted);padding:24px 0}

/* ── página de dato ── */
.migas{font-size:13px;color:var(--etiqueta);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px}
.migas a{color:var(--sobre);text-decoration:none}.migas a:hover{color:#fff}
.dato-hero{padding:48px 0 36px}
.dato-hero h1{font-size:clamp(30px,4.4vw,50px);max-width:56rem}
.dato-hero .sub{max-width:52rem;margin-bottom:22px}
.lamina{margin:0;background:var(--navy-deep);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,18,64,.28);border:.5px solid rgba(255,255,255,.08)}
.lamina img{width:100%;height:auto;aspect-ratio:16/9;cursor:zoom-in}
.lamina-wrap{margin-top:-4px;padding-bottom:8px}
.oscuro+.lamina-sec{background:linear-gradient(var(--navy-deep) 0 38%,var(--blue-soft) 38%)}
.lamina-sec{padding:0 0 12px}
.bajo-lamina{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:14px 4px 0;font-size:13px;color:var(--muted)}
.descargas{display:flex;flex-wrap:wrap;gap:8px}
.cuerpo{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start;padding:40px 0 64px}
@media (max-width:980px){.cuerpo{grid-template-columns:1fr;gap:32px}}
.texto p{font-size:18px;line-height:1.78;margin:0 0 20px;color:#222}
.pregunta{border-left:3px solid var(--blue);padding:4px 0 4px 20px;margin:28px 0;font-size:21px;line-height:1.45;font-weight:700;color:var(--navy);font-style:italic}
.caja{background:#fff;border:.5px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:24px}
.caja h2,.caja h3{font-size:18px;margin-bottom:12px}
.caja .eyebrow{margin-bottom:8px}
.fuente{font-size:15px;color:#3b4252;line-height:1.65}
.fuente p{margin:0 0 10px}
table.datos{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
table.datos th{text-align:left;font-size:12px;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:.5px solid var(--border)}
table.datos td{padding:10px;border-bottom:.5px solid var(--border);vertical-align:top}
table.datos td.v,table.datos th.v{text-align:right;white-space:nowrap;font-weight:700;color:var(--navy)}
table.datos tr:last-child td{border-bottom:none}
.tabla-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
aside.lado{position:sticky;top:84px;display:flex;flex-direction:column;gap:0}
@media (max-width:980px){aside.lado{position:static}}
.tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}
.tabs button{border:.5px solid var(--border);background:var(--blue-soft);color:var(--navy);font:700 12.5px/1 inherit;font-family:inherit;padding:8px 11px;border-radius:8px;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.cita-txt{background:var(--blue-soft);border:.5px solid var(--border);border-radius:10px;padding:14px;font-size:14px;line-height:1.6;color:#222;white-space:pre-wrap;word-break:break-word;margin:0 0 12px;font-family:inherit;max-height:260px;overflow:auto}
.cita-txt.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}
.compartir{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.compartir a,.compartir button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:10px;border:.5px solid var(--border);background:#fff;color:var(--navy);font:700 11.5px/1.2 inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s}
.compartir a:hover,.compartir button:hover{transform:translateY(-2px);border-color:rgba(0,57,200,.35);box-shadow:var(--shadow-card)}
.compartir svg{width:22px;height:22px}
.compartir-hero{display:flex;flex-wrap:wrap;gap:8px}
.compartir-hero a,.compartir-hero button{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:.5px solid rgba(255,255,255,.22);background:rgba(255,255,255,.04);color:#fff;font:700 13px/1 inherit;font-family:inherit;text-decoration:none;cursor:pointer;transition:border-color .2s,color .2s,transform .2s var(--ease)}
.compartir-hero a:hover,.compartir-hero button:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}
.compartir-hero svg{width:16px;height:16px}
.mini-cta{background:var(--navy-deep);color:#fff;border-radius:16px;padding:24px;position:relative;overflow:hidden}
.mini-cta h3{color:#fff;font-size:20px}
.mini-cta p{color:var(--sobre);font-size:15px;line-height:1.6;margin:0 0 16px}
.video-v{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center}
.video-v video{width:200px;border-radius:14px;background:var(--navy-deep);aspect-ratio:9/16}
@media (max-width:520px){.video-v{grid-template-columns:1fr}.video-v video{width:100%;max-width:280px}}
.yt{aspect-ratio:9/16;max-width:320px;border-radius:14px;overflow:hidden;background:var(--navy-deep)}
.yt iframe{width:100%;height:100%;border:0}
.nav-dato{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.nav-dato a{display:block;background:#fff;border:.5px solid var(--border);border-radius:12px;padding:16px 18px;text-decoration:none;color:var(--navy);font-weight:700;line-height:1.4;transition:transform .2s var(--ease),box-shadow .2s}
.nav-dato a:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}
.nav-dato small{display:block;color:var(--muted);font-weight:600;font-size:12px;margin-bottom:4px}
.nav-dato a:last-child{text-align:right}

/* ── CTA Rayos X ── */
.cta-rayos{padding:72px 0}
.cta-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
@media (max-width:860px){.cta-grid{grid-template-columns:1fr}}
.cta-rayos ul{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:10px}
.cta-rayos li{color:var(--sobre);font-size:16.5px;padding-left:28px;position:relative}
.cta-rayos li::before{content:"";position:absolute;left:0;top:.55em;width:14px;height:8px;border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}
.cta-caja{background:rgba(255,255,255,.04);border:.5px solid rgba(255,255,255,.12);border-radius:20px;padding:28px}
.cta-caja p{color:var(--sobre);margin:0 0 16px;font-size:15px}
.cta-caja .btn{width:100%;margin-bottom:10px}
.wa-rapidos{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.wa-rapidos a{font-size:13px;color:#fff;text-decoration:none;border:.5px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:999px;transition:border-color .2s,color .2s}
.wa-rapidos a:hover{border-color:var(--green);color:var(--green)}

/* ── corte ── */
.grupos{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.panel[hidden]{display:none}
.rango{display:block;width:160px;height:16px}
.n{color:var(--muted);font-weight:500;font-size:13px}
.barra{display:grid;grid-template-columns:minmax(120px,1.1fr) 2fr 64px;gap:12px;align-items:center;padding:7px 0;font-size:15px}
.barra .pista{height:12px;border-radius:4px;background:var(--blue-softer);overflow:hidden}
.barra .pista i{display:block;height:100%;background:var(--chart-1);border-radius:0 4px 4px 0}
.barra .v{text-align:right;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.apilada{display:flex;height:34px;border-radius:6px;overflow:hidden;gap:2px;margin:10px 0 8px}
.apilada i{display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-weight:800;font-size:13px;min-width:0;white-space:nowrap;overflow:hidden}
.leyenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--muted)}
.leyenda span::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-right:6px;vertical-align:-1px}
.cols2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:24px}

/* ── compara ── */
.form-c{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px 20px}
.campo label{display:block;font-size:14px;font-weight:700;color:var(--navy);margin-bottom:6px}
.campo input{width:100%;font:700 20px inherit;font-family:inherit;padding:12px 14px;border-radius:8px;border:1px solid #c4d0ea;background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}
.campo input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(0,57,200,.12)}
.campo small{display:block;color:var(--muted);font-size:12.5px;margin-top:5px;line-height:1.45}
.res{display:grid;gap:14px}
.res-fila{background:#fff;border:.5px solid var(--border);border-radius:14px;padding:18px 20px}
.res-fila .cab{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:baseline}
.res-fila b{font-size:16px;color:var(--navy)}
.res-fila .tu{font-size:22px;font-weight:800;color:var(--navy);font-variant-numeric:tabular-nums}
.escala{position:relative;height:30px;margin:14px 0 6px}
.escala .linea{position:absolute;left:0;right:0;top:13px;height:4px;border-radius:4px;background:var(--blue-softer)}
.escala .iqr{position:absolute;top:9px;height:12px;border-radius:4px;background:#bcd3f2}
.escala .med{position:absolute;top:5px;width:2px;height:20px;background:var(--chart-1)}
.escala .yo{position:absolute;top:3px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:var(--chart-2);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.res-fila .leer{font-size:14.5px;color:#333;margin:4px 0 0}
.res-fila .ref{font-size:12.5px;color:var(--muted)}

/* ── análisis ── */
article.art .texto h2{font-size:28px;margin:44px 0 14px}
article.art .texto blockquote{margin:28px 0;padding:18px 24px;border-left:3px solid var(--blue);background:#fff;border-radius:0 12px 12px 0;font-size:20px;line-height:1.5;font-weight:700;color:var(--navy)}
article.art .texto ol,article.art .texto ul{font-size:18px;line-height:1.7;padding-left:24px;margin:0 0 20px}
article.art figure{margin:30px 0}
article.art figure img{border-radius:14px;width:100%;height:auto;aspect-ratio:16/9;background:var(--navy-deep)}
article.art figcaption{font-size:13.5px;color:var(--muted);margin-top:10px;line-height:1.5}
.firma-art{border-top:.5px solid var(--border);margin-top:40px;padding-top:24px;color:#333}
.firma-art p{margin:0 0 4px}
.art-card{display:grid;grid-template-columns:1fr;background:#fff;border:.5px solid var(--border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;height:100%;transition:transform .3s var(--ease),box-shadow .3s}
.art-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}
.art-card img{aspect-ratio:1200/630;width:100%;object-fit:cover}
.art-card div{padding:18px 20px 22px}
.art-card b{display:block;font-size:18px;line-height:1.35;color:var(--navy);margin:6px 0 8px}
.art-card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}

/* ── texto largo (metodología, citar) ── */
.doc h2{margin-top:48px}
.doc h3{margin-top:28px}
.doc p,.doc li{font-size:17.5px;line-height:1.75;color:#262b36}
.doc ul,.doc ol{padding-left:22px}
.doc li{margin-bottom:8px}
.reglas{counter-reset:r;list-style:none;padding:0;display:grid;gap:14px}
.reglas li{counter-increment:r;background:#fff;border:.5px solid var(--border);border-radius:12px;padding:16px 18px 16px 58px;position:relative;margin:0}
.reglas li::before{content:counter(r);position:absolute;left:18px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}

/* ── sistema y pie ── */
.sistema{background:#fff;padding:64px 0;border-top:.5px solid var(--border)}
.piezas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:28px 36px;margin-top:24px}
.piezas div{border-top:3px solid var(--blue);padding-top:16px}
.piezas h3{font-size:22px;margin:0 0 8px}
.piezas p{margin:0;color:var(--muted);line-height:1.6;font-size:15.5px}
.remate{margin:32px 0 0;font-size:18px;color:#333}
.remate a{font-weight:700;text-decoration:none}
footer.pie{background:var(--navy-deep);color:#fff;font-size:14px}
.pie-prop{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:28px 56px;padding:48px 0 36px}
.pie-prop div{border-left:3px solid var(--green);padding-left:22px}
.pie-prop span{display:block;color:var(--green);font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.pie-prop p{margin:0;color:var(--sobre);font-size:16px;line-height:1.65}
.pie-cols{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;padding:32px 0;border-top:.5px solid rgba(255,255,255,.08)}
@media (max-width:860px){.pie-cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pie-cols{grid-template-columns:1fr}}
.pie-cols h4{margin:0 0 12px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--etiqueta)}
.pie-cols a{display:block;color:var(--sobre);text-decoration:none;font-size:14.5px;padding:4px 0}
.pie-cols a:hover{color:var(--green)}
.pie-cols p{color:var(--sobre);font-size:14px;line-height:1.6;margin:10px 0 0}
.pie-cols .logo{width:140px}
.pie-barra{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:20px 0 28px;border-top:.5px solid rgba(255,255,255,.08);color:var(--etiqueta);font-size:13.5px}
.pie-barra nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.pie-barra a{color:var(--sobre);text-decoration:none}.pie-barra a:hover{color:var(--green)}

/* ── avisos y visor ── */
.aviso{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--navy-deep);color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:600;display:flex;gap:10px;align-items:center;box-shadow:0 14px 40px rgba(0,18,64,.35);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease);z-index:300;border:.5px solid rgba(86,239,159,.25)}
.aviso.ver{opacity:1;transform:translate(-50%,0)}
.aviso svg{color:var(--green)}
.visor{position:fixed;inset:0;background:rgba(0,10,36,.92);z-index:250;display:none;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}
.visor.ver{display:flex}
.visor img{max-height:92vh;width:auto;border-radius:12px}
@media print{.nav,.compartir,.compartir-hero,.descargas,aside .mini-cta,.cta-rayos,.sistema,.menu-btn,.herr,.aviso{display:none!important}body{background:#fff}.oscuro{background:#fff!important;color:#000}.oscuro h1,.oscuro .sub{color:#000}}
/* RLR · Ricardo López Reyero */