body{margin:0}
/* Contrastar v3 · capa visual: más color, íconos y tips para estudiantes y docentes */
.ico{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;display:inline-block;vertical-align:middle}
:root{--yellow:#FFD23F;--yellow-ink:#0E0E10;--green:#19C39C;--green-ink:#0E0E10;--pink:#FF8FB8}

/* ---------- hero ---------- */
.hero-v{position:relative;overflow:hidden;background:var(--blue);color:#fff;padding-block:64px 40px}
.hero-v .eyebrow.hv-eye{color:#DDE3FF}
.hero-v h1 em{color:var(--orange)}
.hero-v .lede{color:#EEF1FF}
.btn-w{background:#fff;color:#0E0E10}
.btn-w:hover{filter:brightness(.95)}
.hero-shapes span{position:absolute;border-radius:22px;opacity:.16;background:#fff}
.hero-shapes .s1{width:180px;height:300px;right:-40px;top:-60px;transform:rotate(12deg)}
.hero-shapes .s2{width:140px;height:240px;left:-50px;bottom:-80px;transform:rotate(-14deg);background:var(--orange);opacity:.35}
.hero-shapes .s3{width:90px;height:150px;left:46%;top:-70px;transform:rotate(22deg)}
.hero-v .hero-grid{position:relative;z-index:1}

.tipcard{background:var(--yellow);color:var(--yellow-ink);border-radius:24px;padding:26px 28px;display:flex;flex-direction:column;gap:12px;box-shadow:12px 12px 0 var(--orange);transform:rotate(-1.2deg);max-width:520px;justify-self:end;width:100%}
.tip-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.tip-badge{display:inline-flex;align-items:center;gap:6px;background:#0E0E10;color:var(--yellow);padding:6px 14px;border-radius:999px;font:700 13px var(--f-body);letter-spacing:.08em;text-transform:uppercase}
.tip-n{font:800 18px var(--f-display);opacity:.6}
.tip-ico{width:72px;height:72px;border-radius:20px;background:#fff;display:grid;place-items:center;color:var(--blue)}
.tip-t{font-size:clamp(26px,3vw,36px);line-height:1.05}
.tip-d{font-size:18px;line-height:1.5}
.tip-more{font-weight:700;color:#0E0E10;text-decoration:none;margin-top:4px}
.tip-more:hover{text-decoration:underline}

.hoy{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.hoy a{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.12);color:#fff;text-decoration:none;border:1.5px solid rgba(255,255,255,.22)}
.hoy a:hover{background:rgba(255,255,255,.2)}
.hoy b{font:800 40px/1 var(--f-display);font-variant-numeric:tabular-nums}
.hoy b.w{font-size:28px;line-height:1.1;text-transform:lowercase;word-break:break-word}
.hoy span{font-size:15px;color:#DDE3FF;line-height:1.35}
.hoy-0 b{color:var(--yellow)}.hoy-1 b{color:#fff}.hoy-2 b{color:var(--orange)}.hoy-3 b{color:var(--green)}
@media (max-width:900px){.tipcard{justify-self:stretch;max-width:none;transform:none;box-shadow:6px 6px 0 var(--orange)}.hoy{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- 6 pasos ---------- */
.sec-leer{background:var(--paper)}
.pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.paso{position:relative;border-radius:22px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:12px;min-width:0;transition:transform .15s}
.paso:hover{transform:translateY(-3px)}
.paso h3{font-size:24px;line-height:1.1}
.paso p{font-size:16.5px;line-height:1.5}
.paso-n{position:absolute;top:18px;right:20px;font:800 54px/1 var(--f-display);opacity:.22}
.paso-ico{width:60px;height:60px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.85);color:#0E0E10}
.p0{background:var(--blue);color:#fff}
.p1{background:var(--orange);color:#0E0E10}
.p2{background:var(--yellow);color:#0E0E10}
.p3{background:var(--green);color:#0E0E10}
.p4{background:var(--ink);color:var(--paper)}
.p4 .paso-ico{background:var(--paper);color:var(--ink)}
.p5{background:var(--pink);color:#0E0E10}
.mas-tips{margin-top:20px;border:1.5px solid var(--line);border-radius:18px;background:var(--card)}
.mas-tips summary{cursor:pointer;list-style:none;padding:18px 22px;font:800 18px var(--f-display);display:flex;justify-content:space-between;align-items:center}
.mas-tips summary::-webkit-details-marker{display:none}
.mas-tips summary::after{content:"+";color:var(--orange);font-size:26px}
.mas-tips[open] summary::after{content:"–"}
.tips-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 22px 22px}
.tipmini{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--paper)}
.tipmini>span{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none}
.tipmini b{display:block;margin-bottom:2px}
.tipmini p{font-size:15px;color:var(--ink-2)}
@media (max-width:900px){.pasos{grid-template-columns:repeat(2,minmax(0,1fr))}.tips-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.pasos{grid-template-columns:minmax(0,1fr)}}

/* ---------- tema del día ---------- */
.sec-hoy{background:var(--blue-soft)}
.hoy-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:start}
.hoy-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px}
.hoy-side h2{font-size:clamp(30px,4vw,48px)}
.hoy-side>p{color:var(--ink-2);font-size:18px}
.leyenda{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.leyenda li{display:flex;align-items:center;gap:12px;font-size:15.5px}
.leyenda .chip{min-width:132px;justify-content:center}
.mini-tip{display:flex;gap:12px;align-items:flex-start;background:var(--yellow);color:#0E0E10;border-radius:16px;padding:14px 16px}
.mini-tip p{font-size:16px}
.sec-hoy .compare{background:transparent}
.sec-hoy .cmp{border-width:0;box-shadow:0 10px 0 -2px rgba(47,75,255,.18),0 18px 30px -22px rgba(14,14,16,.6)}
@media (max-width:900px){.hoy-grid{grid-template-columns:minmax(0,1fr)}.hoy-side{position:static}}

/* ---------- ticker ---------- */
.ticker{background:var(--orange);color:#0E0E10;overflow:hidden;border-block:2px solid #0E0E10}
.ticker-in{display:flex;gap:40px;width:max-content;padding:14px 0;animation:tk 70s linear infinite;font:800 17px var(--f-display);letter-spacing:-.01em;white-space:nowrap}
.ticker-in span{display:inline-flex;align-items:center;gap:10px}
@keyframes tk{to{transform:translateX(-50%)}}

/* ---------- tapas ---------- */
.como-tapa{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;background:var(--ink);color:var(--paper);border-radius:20px;padding:18px 22px;margin-bottom:24px}
.ct-t{display:flex;align-items:center;gap:10px;font:800 18px var(--f-display);color:var(--yellow)}
.como-tapa ol{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;counter-reset:ct}
.como-tapa li{counter-increment:ct;font-size:15px;color:#D9D9D2;padding-left:34px;position:relative}
.como-tapa li::before{content:counter(ct);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:7px;background:var(--orange);color:#0E0E10;font:800 13px/24px var(--f-display);text-align:center}
.como-tapa li b{color:#fff}
.tapa .sheet-img{transition:transform .2s,box-shadow .2s;box-shadow:0 14px 26px -18px rgba(14,14,16,.7)}
.tapa .sheet-img:hover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 24px 36px -20px rgba(14,14,16,.75)}
.tapa figcaption b{font-family:var(--f-display);font-size:17px}
.tapa dl{background:var(--card);border-radius:12px;padding:10px 12px;border:1.5px solid var(--line)}
@media (max-width:900px){.como-tapa{grid-template-columns:minmax(0,1fr)}.como-tapa ol{grid-template-columns:minmax(0,1fr)}}

/* ---------- comparativos ---------- */
#comparativos{background:var(--paper)}
.ccard{border-width:0;box-shadow:0 0 0 1.5px var(--line),8px 8px 0 var(--blue-soft)}
.ccard:nth-child(3n+2){box-shadow:0 0 0 1.5px var(--line),8px 8px 0 var(--orange-soft)}

/* ---------- diccionario ---------- */
.sec-dic{background:var(--ink);color:var(--paper);border-top:0}
.sec-dic .eyebrow{color:var(--yellow)}
.sec-dic .sec-head p{color:#C9C9C2}
.dic{display:grid;align-items:start;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dcard{border-radius:18px;min-width:0}
.dcard summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:20px;font:800 19px/1.1 var(--f-display);min-height:84px}
.dcard summary::-webkit-details-marker{display:none}
.dcard summary i{font-style:normal;font-size:24px;transition:transform .2s}
.dcard[open] summary i{transform:rotate(45deg)}
.dcard p{padding:0 20px 20px;font-size:15.5px;line-height:1.45}
.d0{background:var(--blue);color:#fff}.d1{background:var(--orange);color:#0E0E10}.d2{background:var(--yellow);color:#0E0E10}.d3{background:var(--green);color:#0E0E10}
@media (max-width:900px){.dic{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.dic{grid-template-columns:minmax(0,1fr)}}

/* ---------- secciones con color ---------- */
#estudiantes{background:var(--orange-soft)}
#docentes{background:var(--blue-soft)}
.sec-head .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue)}
.sec-head .eyebrow::before{content:"";width:10px;height:16px;border-radius:3px;background:var(--blue);box-shadow:6px 3px 0 var(--orange)}
.sec-dic .sec-head .eyebrow::before{background:var(--yellow)}

/* ---------- nota individual ---------- */
.antes{background:var(--yellow);color:#0E0E10;border-radius:20px;padding:20px 24px;margin-bottom:32px;box-shadow:8px 8px 0 var(--orange)}
.antes-t{display:flex;align-items:center;gap:10px;font:800 20px var(--f-display);margin-bottom:10px}
.antes ol{margin:0;padding-left:22px;display:grid;gap:6px;font-size:17px}
.tip-nota{transform:none;max-width:none;margin-top:40px;justify-self:auto}
.tip-row{display:flex;gap:18px;align-items:flex-start}
.tip-row .tip-t{font-size:clamp(22px,2.6vw,30px);margin-bottom:6px}
@media (max-width:560px){.tip-row{flex-direction:column}}

@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tipmini{background:#111114}}
@media (prefers-reduced-motion:reduce){.ticker-in{animation:none}}

/* ---------- noticias para leer bien ---------- */
.sec-noticias{background:var(--paper)}
.ngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ncard{background:var(--card);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0;box-shadow:0 0 0 1.5px var(--line);border-top:8px solid var(--blue);transition:transform .15s}
.ncard:hover{transform:translateY(-3px)}
.nc1{border-top-color:var(--orange)}.nc2{border-top-color:var(--yellow)}.nc3{border-top-color:var(--green)}
.ncard.n-big{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px 28px;padding:30px;background:var(--blue);color:#fff;border-top:0;box-shadow:10px 10px 0 var(--orange)}
.n-big .nc-top,.n-big h3,.n-big .nc-baj,.n-big .nc-tip{grid-column:1}
.n-big .nc-res{grid-column:2;grid-row:1/span 4;align-self:center}
.nc-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;color:var(--muted)}
.n-big .nc-top{color:#DDE3FF}
.nc-sec{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:12px;padding:4px 10px;border-radius:999px;background:var(--blue-soft);color:var(--ink)}
.n-big .nc-sec{background:var(--yellow);color:#0E0E10}
.ncard h3{font-size:21px;line-height:1.15}
.n-big h3{font-size:clamp(26px,3.2vw,40px)}
.ncard h3 a{text-decoration:none;color:inherit}
.ncard h3 a:hover{text-decoration:underline}
.nc-baj{font-size:16px;color:var(--ink-2)}
.n-big .nc-baj{color:#EEF1FF;font-size:18px}
.nc-res{margin:0;padding:0;list-style:none;display:grid;gap:10px;counter-reset:r}
.nc-res li{counter-increment:r;background:rgba(255,255,255,.12);border-radius:14px;padding:12px 14px 12px 50px;position:relative;font-size:16px;line-height:1.4}
.nc-res li::before{content:counter(r);position:absolute;left:12px;top:11px;width:26px;height:26px;border-radius:8px;background:var(--orange);color:#0E0E10;display:grid;place-items:center;font:800 14px var(--f-display)}
.nc-tip{margin-top:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:8px 12px;border-radius:12px;background:var(--yellow);color:#0E0E10;text-decoration:none;font-size:14px}
.nc-tip:hover{filter:brightness(.96)}
.n-all{margin-top:20px}
@media (max-width:900px){.ngrid{grid-template-columns:minmax(0,1fr)}.ncard.n-big{grid-template-columns:minmax(0,1fr);box-shadow:6px 6px 0 var(--orange)}.n-big .nc-res{grid-column:1;grid-row:auto}}

/* nota explicada */
.n-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-12px 0 20px}
.n-min{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:15px}
.n-resumen{background:var(--blue);color:#fff;border-radius:20px;padding:22px 24px;margin-bottom:16px;box-shadow:8px 8px 0 var(--orange)}
.n-resumen ol{margin:0;padding-left:22px;display:grid;gap:8px;font-size:18px;line-height:1.45}
.n-tip{display:flex;gap:16px;align-items:flex-start;background:var(--yellow);color:#0E0E10;border-radius:18px;padding:18px 20px;margin-bottom:32px}
.n-tip-ico{width:54px;height:54px;border-radius:14px;background:#fff;color:var(--blue);display:grid;place-items:center;flex:none}
.n-tip-k{font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.n-tip-k b{text-transform:none;letter-spacing:0;font-size:16px}
.guia{margin-top:44px}
.guia-head h2{font-size:clamp(28px,3.4vw,40px);margin:8px 0 20px}
.guia-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.g{border-radius:18px;padding:20px 22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.g h3{font-size:19px;display:flex;align-items:center;gap:8px}
.g ul{margin:0;padding-left:20px;display:grid;gap:6px;font-size:16px;line-height:1.45}
.g p{font-size:16px;line-height:1.5}
.g .g-k{font-size:14px;opacity:.8}
.g-dato{background:var(--blue-soft)}
.g-op{background:var(--orange-soft)}
.g-voz{background:var(--card);box-shadow:0 0 0 1.5px var(--line)}
.g-voz li span{color:var(--muted)}
.g-falta{background:var(--yellow);color:#0E0E10}
.g-pal{background:var(--card);box-shadow:0 0 0 1.5px var(--line)}
.g-pal ul{list-style:none;padding:0}
.pal{display:inline-block;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--orange);color:#0E0E10;margin-right:4px}
.g-preg{background:var(--ink);color:var(--paper)}
.fuentes{margin-top:18px;background:var(--card);border-radius:18px;padding:20px 22px;box-shadow:0 0 0 1.5px var(--line)}
.fuentes h3{font-size:19px}
.fuentes ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.fuentes a{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:var(--paper);text-decoration:none;color:var(--ink)}
.fuentes a b{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.fuentes a:hover span{text-decoration:underline}
@media (max-width:760px){.guia-grid{grid-template-columns:minmax(0,1fr)}}