/* =========================================================
   EGEL Plus MERCA · estilos compartidos de las páginas de estudio
   Se carga después de /css/sitio.css. No toca la portada.
   ========================================================= */

/* ---------- índice pegajoso ---------- */
.indice{position:sticky;top:var(--nav);z-index:20;background:rgba(245,247,250,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--borde-c)}
.indice .wrap{display:flex;align-items:center;gap:6px;height:60px;overflow-x:auto;scrollbar-width:none}
.indice .wrap::-webkit-scrollbar{display:none}
.indice .g{flex:none;margin:0 2px 0 8px;font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--suave-c)}
.indice .g:first-child{margin-left:0}
.indice a{flex:none;display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--borde-c);background:#fff;font-size:14px;font-weight:700;color:var(--tinta);text-decoration:none;transition:border-color .25s,background .25s,color .25s}
.indice a:hover{border-color:var(--acc)}
.indice a.act{background:var(--acc-osc);border-color:var(--acc-osc);color:#fff}

/* ---------- ficha "en el examen" ---------- */
.ficha{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ficha div{padding:20px 20px 18px;border-radius:20px;background:var(--nube);border:1px solid #e3e9f0}
.ficha b{display:block;font-weight:900;font-size:clamp(30px,3vw,40px);line-height:1;letter-spacing:-.03em;color:var(--tinta)}
.ficha b small{font-size:.45em;letter-spacing:0;margin-left:4px;color:var(--suave-c)}
.ficha span{display:block;margin-top:8px;font-size:14.5px;line-height:1.45;color:var(--suave-c)}
.blanco .ficha div{background:var(--nube)}
.nube .ficha div{background:#fff}

/* ---------- texto de estudio ---------- */
.prosa{max-width:820px;margin:0 auto;font-size:17.5px;line-height:1.7;color:#1f2937}
.prosa>*:first-child{margin-top:0}
.prosa h2{margin:56px 0 0;font-weight:900;font-size:clamp(26px,3vw,36px);line-height:1.12;letter-spacing:-.02em;color:var(--tinta);scroll-margin-top:150px}
.prosa h2 span{color:var(--acc-osc)}
.prosa h3{margin:34px 0 0;font-weight:900;font-size:21px;line-height:1.25;letter-spacing:-.01em;color:var(--tinta);scroll-margin-top:150px}
.prosa p{margin:14px 0 0}
.prosa ul,.prosa ol{margin:14px 0 0;padding-left:1.3em}
.prosa li{margin:6px 0 0}
.prosa li::marker{color:var(--acc-osc);font-weight:900}
.prosa a{color:var(--acc-osc);font-weight:700;text-decoration:none;border-bottom:1.5px solid #cfe9fb}
.prosa a:hover{border-color:var(--acc-osc)}
.prosa b,.prosa strong{color:var(--tinta);font-weight:900}
.prosa .sobre{margin:0;font-size:12.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--acc-osc)}
.prosa .sobre+h2{margin-top:8px}
.prosa hr{margin:48px 0 0;border:0;border-top:1px solid #e3e9f0}
.prosa .ej{margin:16px 0 0;padding:14px 16px;border-radius:14px;background:#f5f7fa;border-left:3px solid var(--acc-osc);font-size:16.5px;line-height:1.6}
.prosa .ej b:first-child{display:block;margin-bottom:4px;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--acc-osc)}
.prosa .par{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:16px 0 0}
.prosa .par div{padding:14px 16px;border-radius:14px;font-size:16px;line-height:1.55}
.prosa .par .si{background:#ecfdf5;border:1.5px solid #a7f3d0;color:#065f46}
.prosa .par .no{background:#fef2f2;border:1.5px solid #fecaca;color:#7f1d1d}
.prosa .par div>b:first-child{display:block;margin-bottom:4px;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase}
.prosa .par .si>b:first-child{color:#047857}.prosa .par .no>b:first-child{color:#b91c1c}

/* ---------- avisos ---------- */
.aviso-c{margin:20px 0 0;padding:16px 18px;border-radius:16px;font-size:16px;line-height:1.6}
.aviso-c>b:first-child{display:block;margin-bottom:4px;font-size:11.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.aviso-c.trampa{background:#fef2f2;border:1.5px solid #fecaca;color:#7f1d1d}.aviso-c.trampa>b:first-child{color:#b91c1c}
.aviso-c.ojo{background:#fffbeb;border:1.5px solid #fde68a;color:#78350f}.aviso-c.ojo>b:first-child{color:#b45309}
.aviso-c.clave{background:#f5f3ff;border:1.5px solid #ddd6fe;color:#3b0764}.aviso-c.clave>b:first-child{color:#6d28d9}
.aviso-c.examen{background:#f0f9ff;border:1.5px solid #bae6fd;color:#0c4a6e}.aviso-c.examen>b:first-child{color:var(--acc-osc)}
.aviso-c b{color:inherit}

/* ---------- tablas ---------- */
.tabla-w{margin:20px 0 0;overflow-x:auto;border-radius:18px;box-shadow:0 0 0 1px #e3e9f0,0 24px 50px -38px rgba(16,23,41,.4);background:#fff}
.tabla{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.tabla.ancha{min-width:620px}
.q-lectura{margin:0 0 18px;padding:24px 26px;border-radius:24px;background:#fff;border:1px solid #e3e9f0;border-left:4px solid var(--acc-osc);scroll-margin-top:150px}
.q-lectura .et{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#eef6fc;color:var(--acc-osc);font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.q-lectura h3{margin:10px 0 0;font-size:20px;font-weight:900;letter-spacing:-.01em}
.q-lectura p{margin:12px 0 0;font-size:17px;line-height:1.7;color:#1f2937}
.q-lectura .nota{font-size:13px;color:var(--suave-c)}
.tabla th{text-align:left;font-size:12px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--suave-c);background:var(--nube);padding:12px 16px;vertical-align:bottom}
.tabla td{padding:12px 16px;border-top:1px solid #edf1f5;vertical-align:top;color:#334155}
.tabla td:first-child{font-weight:900;color:var(--tinta)}
.tabla tr.sec td{background:#f7fbfe;font-size:12.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--acc-osc);padding:9px 16px}
.tabla .num{text-align:right;font-weight:900;white-space:nowrap}
.tabla .hoy td{background:#f0f9ff}
.tabla-nota{margin:10px 0 0;font-size:13.5px;color:var(--suave-c)}
.tabla-nota a{color:var(--acc-osc)}

/* ---------- tarjetas de concepto ---------- */
.tarjetas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 0}
.tarjetas.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.tarj{padding:20px 20px 18px;border-radius:20px;background:#fff;border:1px solid #e3e9f0;box-shadow:0 20px 50px -44px rgba(3,105,161,.6)}
.nube .tarj,.blanco .prosa .tarj{background:#fff}
.blanco .tarj{background:var(--nube)}
.tarj .et{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#eef6fc;color:var(--acc-osc);font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.tarj h3,.tarj h4{margin:10px 0 0;font-size:18.5px;font-weight:900;line-height:1.25;color:var(--tinta)}
.tarj p{margin:8px 0 0;font-size:15.5px;line-height:1.55;color:var(--suave-c)}
.tarj p b{color:var(--tinta)}
.tarj ul{margin:8px 0 0;padding-left:1.1em;font-size:15.5px;line-height:1.5;color:var(--suave-c)}

/* ---------- pasos numerados ---------- */
.pasos-n{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px;counter-reset:pn}
.pasos-n>li{position:relative;padding:18px 18px 18px 64px;border-radius:18px;background:#fff;border:1px solid #e3e9f0;font-size:16px;line-height:1.55;color:#334155}
.blanco .pasos-n>li{background:var(--nube)}
.pasos-n>li::before{counter-increment:pn;content:counter(pn);position:absolute;left:18px;top:16px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--acc-osc);color:#fff;font-size:15px;font-weight:900}
.pasos-n>li b:first-child{display:block;color:var(--tinta);font-size:17px;margin-bottom:2px}

/* ---------- práctica (reactivos) ---------- */
.practica{background:var(--nube);padding:30px 0 90px}
.practica.blanco{background:#fff}
.q-col{max-width:820px;margin:0 auto}
.q-intro{margin:0 0 22px}
.q-intro h2{margin:0;font-weight:900;font-size:clamp(28px,3.2vw,40px);line-height:1.1;letter-spacing:-.02em}
.q-intro h2 span{color:var(--acc-osc)}
.q-intro p{margin:10px 0 0;color:var(--suave-c);font-size:17px}
.q-card{position:relative;margin:0 0 18px;padding:28px 30px 24px;border-radius:24px;background:#fff;border:1px solid #e3e9f0;box-shadow:0 1px 0 rgba(16,23,41,.03),0 26px 60px -40px rgba(3,105,161,.45);scroll-margin-top:150px}
.practica.blanco .q-card{background:#fff}
.q-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.q-num{font-size:13px;font-weight:900;letter-spacing:.06em;color:var(--acc-osc)}
.q-sub{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;background:#eef2f6;color:var(--suave-c);font-size:12.5px;font-weight:700}
.q-texto{margin:0 0 14px;padding:16px 18px;border-radius:14px;background:#f5f7fa;border-left:3px solid var(--acc-osc)}
.q-texto>span{display:block;margin-bottom:6px;font-size:11.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--acc-osc)}
.q-texto p{margin:0;font-size:16.5px;line-height:1.65}
.q-texto p+p{margin-top:10px}
.q-stem{margin:0 0 8px;font-size:19px;line-height:1.5;color:var(--tinta);text-wrap:pretty}
.q-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:12px 0 0}
.q-cols div{padding:12px 14px;border-radius:14px;background:#f5f7fa;font-size:15.5px;line-height:1.5}
.q-cols b{display:block;margin-bottom:4px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-osc)}
.q-cols ol{margin:0;padding-left:1.4em}
.q-cols ol.letras{list-style:lower-alpha}
.q-opts{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.q-op{width:100%;display:grid;grid-template-columns:34px 1fr 26px;gap:14px;align-items:center;text-align:left;padding:14px 16px;border-radius:16px;border:1.5px solid var(--borde-c);background:#fff;
  font:400 17px/1.45 var(--sans);color:var(--tinta);cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}
.q-op .l{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef6fc;color:var(--acc-osc);font-weight:900;font-size:15px;transition:background .25s,color .25s}
.q-op .m{width:24px;height:24px;display:none}
.q-op:not(:disabled):hover{border-color:var(--acc);box-shadow:0 10px 26px -14px rgba(3,105,161,.5);transform:translateY(-2px)}
.q-op:focus-visible{outline:3px solid rgba(56,189,248,.5);outline-offset:2px}
.q-op:disabled{cursor:default}
.q-op.bien{border-color:var(--correcto);background:#ecfdf5}.q-op.bien .l{background:var(--correcto);color:#fff}.q-op.bien .m-ok{display:block;color:var(--correcto)}
.q-op.mal{border-color:var(--incorrecto);background:#fef2f2}.q-op.mal .l{background:var(--incorrecto);color:#fff}.q-op.mal .m-no{display:block;color:var(--incorrecto)}
.q-op.apagada{opacity:.55}
.q-acc{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.q-hint{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--suave-c)}
.q-hint::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px rgba(56,189,248,.2)}
.q-ver{border:0;background:none;padding:4px 0;font:700 14px var(--sans);color:var(--acc-osc);cursor:pointer;border-bottom:1.5px solid #cfe9fb}
.q-ver:hover{border-color:var(--acc-osc)}
.q-card.resuelto .q-acc{display:none}
.q-fb{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.q-fb>div{overflow:hidden}
.q-card.resuelto .q-fb{grid-template-rows:1fr}
.q-ver-r{display:flex;align-items:center;gap:8px;margin:20px 0 8px;font-size:19px;font-weight:900}
.q-ver-r>span{display:none;align-items:center;gap:8px}
.q-ver-r svg{width:22px;height:22px}
.q-card.bien .q-ver-r .si{display:inline-flex;color:#047857}
.q-card.mal .q-ver-r .no{display:inline-flex;color:#b91c1c}
.q-card.visto-r .q-ver-r .vi{display:inline-flex;color:var(--acc-osc);font-size:17px}
.q-exp-h{margin:0 0 8px;font-size:12.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--suave-c)}
.q-args{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.q-args li{font-size:16px;line-height:1.55;color:var(--suave-c)}
.q-args b{color:var(--acc-osc);font-weight:900}
.q-args li.ok,.q-args li.ok b{color:#047857}
.q-regla{margin:16px 0 0;padding-top:14px;border-top:1px solid #edf1f5;font-size:14.5px;color:var(--suave-c)}
.q-regla b{color:var(--tinta)}
.q-marcador{position:sticky;top:calc(var(--nav) + 70px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #e3e9f0;font-size:14.5px;font-weight:700;color:var(--suave-c)}
.q-marcador b{color:var(--tinta);font-weight:900}
.q-marcador .barra{flex:1;height:8px;border-radius:8px;background:#e4ebf2;overflow:hidden;position:relative;max-width:260px}
.q-marcador .barra i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:8px;background:linear-gradient(90deg,var(--acc-osc),var(--acc));transition:width .6s var(--ease)}
.q-final{display:none;margin:24px 0 0;padding:24px 26px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0B2A5B,#071833);box-shadow:0 30px 60px -30px rgba(7,24,51,.7)}
.q-final.ver{display:block}
.q-final h3{margin:0;font-size:24px;font-weight:900;letter-spacing:-.01em}
.q-final p{margin:10px 0 0;font-size:16.5px;line-height:1.55;color:var(--suave-o)}
.q-final p b{color:#fff}
.q-final .botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.q-final .btn-otro{color:#fff;border:1.5px solid var(--borde-o);background:var(--tarjeta-o)}

/* ---------- calculadora ---------- */
.calc{margin-top:26px;padding:22px 24px;border-radius:22px;background:var(--nube);border:1px solid #e3e9f0}
.nube .calc{background:#fff}
.calc-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
.calc-h h3{margin:0;font-size:18px;font-weight:900}
.calc-h span{font-size:13.5px;color:var(--suave-c)}
.calc-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.calc label{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;font-size:13px;font-weight:700;color:var(--suave-c)}
.calc input,.calc select{height:46px;padding:0 12px;border-radius:12px;border:1.5px solid var(--borde-c);background:#fff;font:700 17px var(--sans);color:var(--tinta);font-variant-numeric:tabular-nums;width:100%;min-width:0}
.calc input:focus,.calc select:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px rgba(56,189,248,.18)}
.calc-out{margin-top:14px;padding:16px 18px;border-radius:16px;background:#fff;border:1.5px solid #cfe9fb;font-size:16px;line-height:1.55;color:var(--suave-c);min-height:58px}
.nube .calc-out{background:var(--nube)}
.calc-out b{color:var(--tinta);font-weight:900}
.calc-out .gr{font-size:24px;color:var(--acc-osc)}
.calc-out .err{color:#b91c1c}

/* ---------- calendario ---------- */
.cuenta{display:flex;flex-wrap:wrap;align-items:center;gap:20px 34px;margin:30px 0 0;padding:22px 24px;border-radius:24px;border:1.5px solid var(--borde-o);background:var(--tarjeta-o);max-width:760px}
.cuenta .n{font-weight:900;font-size:clamp(48px,6vw,72px);line-height:.9;letter-spacing:-.04em;color:#fff}
.cuenta .n small{font-size:.3em;letter-spacing:0;margin-left:6px;color:var(--suave-o)}
.cuenta p{margin:0;font-size:16px;line-height:1.5;color:var(--suave-o);max-width:30em}
.cuenta p b{color:#fff}
.crono{list-style:none;margin:26px 0 0;padding:0;position:relative;display:grid;gap:16px}
.crono::before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(to bottom,#cfe9fb 0 6px,transparent 6px 12px)}
.crono li{position:relative;padding:18px 20px 18px 62px;border-radius:20px;background:#fff;border:1px solid #e3e9f0;box-shadow:0 20px 50px -44px rgba(3,105,161,.6)}
.crono li::before{content:"";position:absolute;left:11px;top:22px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--acc)}
.crono li.pasada{opacity:.62}
.crono li.pasada::before{border-color:#cbd5e1}
.crono li.proxima{border-color:#7dd3fc;box-shadow:0 0 0 3px rgba(56,189,248,.18),0 26px 60px -40px rgba(3,105,161,.6)}
.crono li.proxima::before{background:var(--acc);border-color:var(--acc-osc)}
.crono .et{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#eef6fc;color:var(--acc-osc);font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.crono li.proxima .et{background:var(--acc-osc);color:#fff}
.crono h3{margin:8px 0 0;font-size:21px;font-weight:900;letter-spacing:-.01em}
.crono dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0}
.crono dt{font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--suave-c)}
.crono dd{margin:2px 0 0;font-size:15.5px;font-weight:700;color:var(--tinta)}

/* ---------- experiencia ---------- */
.linea-t{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:12px}
.linea-t li{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #e3e9f0}
.blanco .linea-t li{background:var(--nube)}
.linea-t time{font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--acc-osc);padding-top:3px}
.linea-t p{margin:0;font-size:16px;line-height:1.55;color:#334155}
.linea-t p b{color:var(--tinta)}
.resultado-mau{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:center;margin:22px 0 0}
.resultado-mau img{width:100%;height:auto;border-radius:16px;box-shadow:0 30px 60px -36px rgba(3,105,161,.6)}
.res-tabla{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.res-tabla li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#fff;border:1.5px solid var(--borde-c);font-size:15.5px}
.blanco .res-tabla li{background:var(--nube)}
.res-tabla li b{font-weight:900}

/* ---------- biblioteca (página de recursos) ---------- */
.bib{display:grid;gap:34px}
.bib-g h2{margin:0 0 4px;font-weight:900;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em}
.bib-g>p{margin:0 0 16px;color:var(--suave-c);font-size:16.5px}
.bib .rec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.rec .tag-a{align-self:flex-start;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#eef6fc;color:var(--acc-osc);font-size:11.5px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}

/* ---------- autor ---------- */
.autor{display:flex;align-items:center;gap:14px;max-width:820px;margin:40px auto 0;padding:16px 18px;border-radius:18px;background:var(--nube);border:1px solid #e3e9f0;font-size:14.5px;line-height:1.5;color:var(--suave-c)}
.nube .autor{background:#fff}
.autor img{width:44px;height:44px;flex:none}
.autor b{color:var(--tinta)}
.autor a{color:var(--acc-osc);font-weight:700}

/* ---------- responsivo ---------- */
@media (max-width:940px){
  .ficha{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tarjetas.tres{grid-template-columns:minmax(0,1fr)}
  .bib .rec-grid{grid-template-columns:minmax(0,1fr)}
  .resultado-mau{grid-template-columns:minmax(0,1fr)}
  .resultado-mau img{max-width:320px}
  .calc-g{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .indice .wrap{height:54px}
  .ficha{grid-template-columns:minmax(0,1fr);gap:10px}
  .ficha div{padding:16px}
  .prosa{font-size:16.5px;line-height:1.65}
  .prosa h2{margin-top:44px}
  .prosa .par{grid-template-columns:minmax(0,1fr)}
  .tarjetas{grid-template-columns:minmax(0,1fr)}
  .tabla-w{overflow:visible;background:none;box-shadow:none;border-radius:0}
  .tabla,.tabla.ancha{min-width:0;font-size:15px}
  .tabla thead{display:none}
  .tabla tbody tr{display:block;margin:0 0 10px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #e3e9f0}
  .blanco .tabla tbody tr{background:var(--nube)}
  .tabla td{display:block;padding:2px 0;border:0}
  .tabla td:first-child{font-size:16px;padding-bottom:4px}
  .tabla td[data-label]:not(:first-child)::before{content:attr(data-label);display:block;margin-top:6px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--suave-c)}
  .tabla tr.sec{background:none;box-shadow:none;padding:6px 2px 0;margin:4px 0 6px}
  .tabla tr.sec td{background:none;padding:0}
  .tabla .num{text-align:left}
  .q-lectura{padding:20px 16px}
  .q-lectura p{font-size:16px}
  .pasos-n>li{padding:16px 14px 16px 56px}
  .pasos-n>li::before{left:14px}
  .practica{padding:20px 0 64px}
  .q-card{padding:22px 16px 18px;border-radius:20px}
  .q-stem{font-size:17.5px}
  .q-texto{padding:14px}
  .q-texto p{font-size:15.5px}
  .q-cols{grid-template-columns:minmax(0,1fr)}
  .q-op{grid-template-columns:30px 1fr 22px;gap:10px;padding:12px;font-size:15.5px}
  .q-op .l{width:30px;height:30px}
  .q-args li{font-size:15px}
  .q-marcador{top:calc(var(--nav) + 62px);padding:10px 12px;font-size:13.5px}
  .q-marcador .barra{display:none}
  .q-final{padding:20px 18px}
  .q-final .btn{flex:1 1 100%}
  .calc{padding:18px 14px}
  .calc-g{grid-template-columns:minmax(0,1fr);gap:10px}
  .calc input,.calc select{font-size:16px}
  .cuenta{padding:18px}
  .crono li{padding:16px 14px 16px 52px}
  .crono::before{left:15px}
  .crono li::before{left:7px}
  .crono dl{grid-template-columns:minmax(0,1fr)}
  .linea-t li{grid-template-columns:minmax(0,1fr);gap:4px}
  .autor{margin-top:30px}
}
@media (prefers-reduced-motion:reduce){
  .q-op,.q-fb{transition:none}
}

/* ---------- Sobresaliente en dorado sobre fondo claro (más contraste) ---------- */
.blanco .oro,.nube .oro,.autor .oro{color:transparent!important;background-image:linear-gradient(100deg,#8A5A12 0%,#B07A1E 40%,#C9962B 62%,#8A5A12 100%);-webkit-background-clip:text;background-clip:text;font-weight:900}

/* ---------- ejemplo resuelto ---------- */
.prosa .resuelto{margin:20px 0 0;padding:20px 22px;border-radius:20px;background:var(--nube);border:1.5px solid #cfe9fb;font-size:16.5px;line-height:1.6;color:#334155}
.nube .prosa .resuelto{background:#fff}
.prosa .resuelto .caso-t{margin:0 0 6px;font-size:11.5px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--acc-osc)}
.prosa .resuelto p{margin:0}
.prosa .resuelto p+.caso-t{margin-top:16px}
.prosa .resuelto ol{margin:4px 0 0;padding-left:1.25em}
.prosa .resuelto li{margin:6px 0 0}
.prosa .resuelto b{color:var(--tinta)}
.prosa .resuelto .conc{margin-top:14px;padding-top:14px;border-top:1px dashed #b9dcf5}
.calc-g.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.calc-g.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:640px){.calc-g.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bib-g h2 span{color:var(--acc-osc)}