@font-face{font-family:'Archivo Variable';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../fonts/de2f1fe81758.woff2) format('woff2');}
@font-face{font-family:'Manrope Variable';font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/938c6e8019b6.woff2) format('woff2');}
@font-face{font-family:'JetBrains Mono Variable';font-style:normal;font-display:swap;font-weight:100 800;src:url(../fonts/b058178d7f30.woff2) format('woff2');}
@font-face{font-family:'Instrument Serif';font-style:italic;font-display:swap;font-weight:400;src:url(../fonts/bc891bdd08ad.woff2) format('woff2');}
@font-face{font-family:'Instrument Serif';font-style:normal;font-display:swap;font-weight:400;src:url(../fonts/9b8dd1ecf641.woff2) format('woff2');}
/* Layout: páginas verticales 9:16 que escalan con su ancho (1em ≈ 3.85% del ancho); una columna en teléfono, rejilla tipo revista en escritorio.
   Look: papel blanco con auras verdes en degradado, paneles de vidrio líquido esmerilado, estelas con desenfoque de movimiento.
   Tipografía: Archivo condensada en mayúsculas para títulos + Instrument Serif itálica como acento verde. */
:root{
  --paper:#FFFFFF; --mist:#F3F8F4; --ink:#0D0E0D; --ink-2:#2A2F2B;
  --muted:rgba(13,14,13,.64); --faint:rgba(13,14,13,.42); --line:rgba(13,14,13,.10);
  --green:#00CB56; --green-d:#00A346; --green-dd:#00753A; --mint:#C8F5D9; --lime:#D9FBA8;
  --good:#0A9E4A; --warn:#B87800; --bad:#D63B40;
  --display:'Archivo Variable','Archivo','Arial Narrow',Impact,sans-serif;
  --serif:'Instrument Serif','Iowan Old Style','Times New Roman',serif;
  --body:'Manrope Variable','Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'JetBrains Mono Variable','JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --ggrad:linear-gradient(100deg,#00753A 0%,#00CB56 55%,#3BE58A 100%);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--mist)}
body{margin:0;background:var(--mist);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--green-d);outline-offset:3px;border-radius:6px}
img{max-width:100%;display:block}
.num{font-variant-numeric:tabular-nums}

/* ---------- barra superior ---------- */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;display:flex;align-items:center;gap:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.6));backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid var(--line)}
.nav .brand{flex:none;display:flex}
.nav .navlinks{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;min-width:0;flex:1}
.nav .navlinks::-webkit-scrollbar{display:none}
.nav .navlinks a{flex:none;text-decoration:none;font:600 12px/1 var(--body);color:var(--muted);padding:8px 12px;border-radius:99px;transition:background .2s,color .2s}
.nav .navlinks a:hover,.nav .navlinks a.on{background:var(--ink);color:#fff}
.nav .progress{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--ggrad);box-shadow:0 0 10px var(--green)}

/* ---------- rejilla de páginas ---------- */
.deck{max-width:1320px;margin:0 auto;padding-inline:16px;padding-block:80px 56px;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr))}
.pw{container-type:inline-size;min-width:0}
.page{position:relative;isolation:isolate;overflow:hidden;font-size:3.85cqw;aspect-ratio:9/16;display:flex;flex-direction:column;
  padding:1.5em 1.45em .95em;border-radius:1em;background:var(--paper);border:1px solid rgba(13,14,13,.06);box-shadow:0 1.2em 2.6em -1.4em rgba(0,80,40,.25);scroll-margin-top:76px}
/* auras de color: dan algo que refractar al vidrio */
.page::before{content:"";position:absolute;inset:-20%;z-index:-2;pointer-events:none;
  background:
   radial-gradient(34% 22% at var(--gx,92%) var(--gy,8%),rgba(0,203,86,.42),transparent 70%),
   radial-gradient(30% 20% at calc(var(--gx,92%) - 22%) calc(var(--gy,8%) + 10%),rgba(217,251,168,.75),transparent 70%),
   radial-gradient(36% 24% at var(--hx,4%) var(--hy,96%),rgba(0,203,86,.26),transparent 70%),
   radial-gradient(28% 18% at calc(var(--hx,4%) + 24%) calc(var(--hy,96%) - 8%),rgba(150,236,255,.35),transparent 70%)}
.pbody{flex:1;min-height:0;display:flex;flex-direction:column;gap:.85em}
.pbody>*{flex-shrink:0}
.paginating .pbody{padding-bottom:1.1em}
.paginating .page{contain:strict}
.paginating #stream{contain:layout style paint}
.pfoot{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding-top:.7em;font:500 .5em/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.pfoot a{text-decoration:none;color:var(--ink);padding:.5em .9em;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.6)}
.pfoot a:hover{background:var(--ink);color:#fff}
.pfoot .pg{color:var(--ink);font-weight:700}
.pfoot .r{display:flex;gap:.8em;align-items:center}

/* estelas de movimiento */
.fx{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.fx i{position:absolute;height:.24em;border-radius:9px;background:linear-gradient(90deg,transparent,rgba(0,203,86,.55) 70%,rgba(0,163,70,.9));filter:blur(4px);opacity:.35;transform:skewX(-20deg)}
.fx i:nth-child(1){top:var(--s1,14%);left:-10%;width:55%}
.fx i:nth-child(2){top:calc(var(--s1,14%) + 1.4%);left:-6%;width:34%;opacity:.28;filter:blur(8px)}
.fx i:nth-child(3){top:var(--s2,86%);right:-8%;width:40%;opacity:.35;background:linear-gradient(90deg,rgba(0,163,70,.9),rgba(217,251,168,.8) 30%,transparent);filter:blur(6px)}

/* ---------- vidrio líquido (claro) ---------- */
.glass{position:relative;isolation:isolate;border-radius:.95em;border:1px solid rgba(255,255,255,.95);
  background:linear-gradient(150deg,rgba(255,255,255,.82),rgba(255,255,255,.45) 50%,rgba(255,255,255,.66));
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,163,70,.12),inset 0 -2.2em 2.4em -2em rgba(0,203,86,.16),0 .9em 2em -1em rgba(0,90,45,.28),0 0 0 1px rgba(13,14,13,.04);
  backdrop-filter:blur(18px) saturate(190%);-webkit-backdrop-filter:blur(18px) saturate(190%)}
.glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;
  background:radial-gradient(120% 70% at 0% 0%,rgba(255,255,255,.9),transparent 45%),radial-gradient(90% 70% at 105% 115%,rgba(0,203,86,.16),transparent 60%)}
.glass.green{color:#fff;border-color:rgba(160,255,200,.7);
  background:linear-gradient(140deg,#00B24B 0%,#00CB56 45%,#29DB7A 75%,#00A346 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1.6em 2em -1.4em rgba(0,60,25,.35),0 1em 2.2em -1em rgba(0,140,60,.55)}
.glass.green::before{background:radial-gradient(110% 80% at 0% 0%,rgba(255,255,255,.45),transparent 45%),radial-gradient(70% 60% at 100% 100%,rgba(217,251,168,.45),transparent 60%)}
.glass.ink{color:#fff;border-color:rgba(255,255,255,.18);background:linear-gradient(150deg,#1B211C,#0D0E0D 60%,#123A22);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1em 2em -1em rgba(0,0,0,.45)}
.glass.ink::before{background:radial-gradient(110% 80% at 0% 0%,rgba(255,255,255,.14),transparent 45%),radial-gradient(70% 60% at 100% 110%,rgba(0,203,86,.4),transparent 60%)}

/* ---------- tipografía ---------- */
.kick{display:flex;align-items:center;gap:.6em;flex-wrap:wrap;font:600 .56em/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--green-dd)}
.kick::before{content:"";width:1.8em;height:2px;background:var(--ggrad);box-shadow:0 0 6px rgba(0,203,86,.6)}
.badge{font:700 1em/1 var(--mono);letter-spacing:.06em;padding:.4em .6em;border-radius:.4em;background:var(--ink);color:#fff}
h1,h2,h3{font-family:var(--display);font-stretch:66%;font-weight:880;text-transform:uppercase;line-height:.9;letter-spacing:-.008em;margin:0;text-wrap:balance;color:var(--ink)}
.title{font-size:2.05em}
/* acento: serif itálica en verde degradado */
h1 em,h2 em,h3 em,.hl{font-family:var(--serif);font-style:italic;font-weight:400;font-stretch:normal;text-transform:none;letter-spacing:-.01em;font-size:1.12em;line-height:.85;
  background:var(--ggrad);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}
.trail{text-shadow:-.1em 0 .06em rgba(0,203,86,.28),-.26em 0 .18em rgba(0,203,86,.16),-.5em 0 .36em rgba(0,203,86,.07)}
.trail em{text-shadow:none;filter:drop-shadow(-.12em 0 .08em rgba(0,203,86,.35))}
p{margin:0;font-size:.84em;line-height:1.5;color:var(--ink-2);text-wrap:pretty}
p.flow+p.flow{margin-top:-.15em}
.lbl{display:flex;align-items:center;gap:.6em;font:600 .55em/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.lbl::after{content:"";flex:1;height:1px;background:var(--line)}
.runhead{font:600 .5em/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.runhead b{color:var(--green-dd);font-weight:600}
.disc{font-size:.56em;line-height:1.45;color:var(--faint)}

/* ---------- bloques ---------- */
.secband{display:flex;gap:.8em;align-items:center;padding:.85em 1em}
.secband .ic{flex:none;width:2.3em;height:2.3em;border-radius:.65em;display:grid;place-items:center;background:rgba(255,255,255,.25);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.secband .ic svg{width:1.3em;height:1.3em}
.secband b{display:block;font:900 1.5em/.92 var(--display);font-stretch:64%;text-transform:uppercase;color:#fff}
.secband span{display:block;font-size:.66em;line-height:1.35;color:rgba(255,255,255,.9);margin-top:.3em}
.photo{position:relative;border-radius:.95em;overflow:hidden;border:2px solid rgba(255,255,255,.95);box-shadow:0 1em 2em -1em rgba(0,60,30,.45),0 0 0 1px rgba(13,14,13,.06)}
.photo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 26%,transparent 62%,rgba(13,14,13,.5));pointer-events:none}
.photo .cap{position:absolute;left:.8em;bottom:.65em;z-index:1;font:600 .5em/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;padding:.5em .7em;border-radius:99px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35)}
.chart{border-radius:.95em;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 .8em 1.8em -1em rgba(0,60,30,.3)}
.chart img{width:100%;aspect-ratio:2.5/1;object-fit:cover;object-position:top left}
.bigstat{display:flex;align-items:center;gap:.7em}
.bigstat b{flex:none;font:900 2.8em/.9 var(--display);font-stretch:62%;letter-spacing:-.01em;background:var(--ggrad);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(-.1em 0 .06em rgba(0,203,86,.35)) drop-shadow(-.25em 0 .14em rgba(0,203,86,.15))}
.bigstat span{font-size:.72em;line-height:1.35;color:var(--muted);border-left:1px solid var(--line);padding-left:.8em}
.chain{display:flex;flex-wrap:wrap;gap:.35em;align-items:center}
.chain span{font:700 .6em/1 var(--body);padding:.6em .8em;border-radius:99px;background:linear-gradient(150deg,rgba(255,255,255,.9),rgba(200,245,217,.7));border:1px solid rgba(0,163,70,.25);color:var(--ink);box-shadow:inset 0 1px 0 #fff}
.chain i{font-style:normal;color:var(--green-d);font-size:.7em}
.card{padding:.85em 1em;display:flex;flex-direction:column;gap:.5em}
.card .lbl{color:var(--green-dd)}
.card.green .lbl{color:rgba(255,255,255,.9)} .card.green .lbl::after{background:rgba(255,255,255,.35)}
.card.green p{color:#fff;font-weight:700}
.keyline{position:relative;padding-left:1em;display:flex;flex-direction:column;gap:.4em}
.keyline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px;background:linear-gradient(180deg,#00CB56,#00753A)}
.keyline .lbl{color:var(--green-dd)} .keyline .lbl::after{display:none}
.keyline p{color:var(--ink);font-weight:650}
.keyline a{color:var(--green-dd)!important;font-weight:700}

/* acciones */
.stockhead{display:flex;align-items:center;gap:.75em}
.logo{width:2.7em;height:2.7em;border-radius:.75em;display:grid;place-items:center;flex:none;padding:.42em}
.logo.dark{background:linear-gradient(150deg,#232823,#0D0E0D);border-color:rgba(255,255,255,.2)}
.logo img{width:100%;height:100%;object-fit:contain}
.logo .mono{font:700 .7em/1 var(--mono);color:var(--ink)}
.tk{display:flex;flex-direction:column;gap:.25em;min-width:0}
.tk .sym{display:flex;align-items:center;gap:.45em}
.tk .sym b{font:800 1.1em/1 var(--mono)}
.tk .sym em{font:600 .5em/1 var(--mono);font-style:normal;padding:.4em .5em;border-radius:.35em;background:var(--mint);color:var(--green-dd);letter-spacing:.1em}
.tk .nm{font-size:.62em;color:var(--muted)}
.px{margin-left:auto;text-align:right}
.px b{display:block;font:800 1.2em/1 var(--mono);letter-spacing:-.02em}
.px span{font:600 .6em/1.7 var(--mono)}
.up{color:var(--good)} .down{color:var(--bad)} .flat{color:var(--muted)}
.good{color:var(--good)} .warn{color:var(--warn)} .bad{color:var(--bad)}
.ind{font-size:.84em;padding:.85em .95em .8em;display:flex;flex-direction:column;gap:.62em}
.ind .disc{font-size:.5em}
.stock-t{font-size:1.8em!important}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:.5em}
.m{padding:.6em .7em;border-radius:.7em;background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(243,248,244,.8));border:1px solid rgba(13,14,13,.06);box-shadow:inset 0 1px 0 #fff;display:flex;flex-direction:column;gap:.3em;min-width:0}
.m .lbl::after{display:none}
.m .v{font:800 .9em/1.1 var(--body)}
.m .s{font:500 .56em/1.3 var(--mono);color:var(--muted)}
.m .s b{font-weight:700}
.meter{display:flex;gap:2px}
.meter i{flex:1;height:.36em;border-radius:3px;background:rgba(13,14,13,.09)}
.meter.l1 i:nth-child(-n+1){background:var(--bad)}
.meter.l2 i:nth-child(-n+2){background:#F08A3C}
.meter.l3 i:nth-child(-n+3){background:#E9B020}
.meter.l4 i:nth-child(-n+4){background:#3FCB78}
.meter.l5 i:nth-child(-n+5){background:var(--good)}
.track{position:relative;height:4.1em;margin:0 .3em}
.track::before{content:"";position:absolute;left:0;right:0;top:2em;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(214,59,64,.65),rgba(13,14,13,.15) 50%,rgba(0,203,86,.85))}
.pin{position:absolute;top:0;bottom:0;width:0}
.pin .d{position:absolute;top:2.07em;left:0;width:.8em;height:.8em;margin:-.4em 0 0 -.4em;border-radius:50%}
.pin .lb{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.2em;white-space:nowrap;transform:translateX(-50%);bottom:2.6em}
.pin.lo .lb{bottom:auto;top:2.65em;flex-direction:column-reverse}
.pin.e0 .lb{transform:translateX(-12%);align-items:flex-start}
.pin.e1 .lb{transform:translateX(-88%);align-items:flex-end}
.pin .t{font:600 .45em/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.pin .val{font:700 .55em/1 var(--mono)}
.pin.p .d{background:var(--ink);box-shadow:0 0 0 .22em rgba(13,14,13,.12)}
.pin.f .d{background:#fff;border:2px solid var(--warn);transform:rotate(45deg);border-radius:.12em}
.pin.f .val{color:var(--warn)}
.pin.a .d{background:var(--green);box-shadow:0 0 0 .22em rgba(0,203,86,.2),0 0 .7em rgba(0,203,86,.7)}
.pin.a .val{color:var(--green-dd)}
.protip{display:flex;gap:.6em;align-items:flex-start;padding:.6em .7em;border-radius:.7em;background:linear-gradient(150deg,rgba(200,245,217,.85),rgba(217,251,168,.5));border:1px solid rgba(0,163,70,.22)}
.protip.neg{background:linear-gradient(150deg,rgba(255,224,224,.9),rgba(255,240,230,.6));border-color:rgba(214,59,64,.25)}
.protip p{font-size:.66em;line-height:1.4;color:var(--ink)}
.protip .tag{flex:none;font:700 .5em/1 var(--mono);letter-spacing:.12em;color:var(--green-dd);padding-top:.4em}
.protip.neg .tag{color:var(--bad)}
.verdict{display:flex;gap:.6em;align-items:center}
.verdict p{font-size:.62em;line-height:1.4;color:var(--muted)}
.chip{flex:none;font:700 .5em/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:.6em .75em;border-radius:99px;border:1px solid;white-space:nowrap}
.chip.descuento{color:var(--good);border-color:rgba(10,158,74,.45);background:rgba(10,158,74,.08)}
.chip.linea{color:var(--warn);border-color:rgba(184,120,0,.45);background:rgba(233,176,32,.12)}
.chip.prima{color:var(--bad);border-color:rgba(214,59,64,.45);background:rgba(214,59,64,.07)}
.links{display:flex;gap:.35em;flex-wrap:wrap}
.links a{font:600 .52em/1 var(--mono);letter-spacing:.05em;text-decoration:none;padding:.65em .8em;border-radius:99px;border:1px solid var(--line);background:rgba(255,255,255,.7);display:inline-flex;gap:.35em;color:var(--ink)}
.links a:hover{background:var(--ink);color:#fff}
.links a .ar{color:var(--green-d)}

/* portada */
.cover{padding:0;background:var(--paper)}
.cover .bg{position:absolute;inset:0 0 auto 0;height:58%;z-index:-1;overflow:hidden}
.cover .bg img{width:100%;height:100%;object-fit:cover;opacity:.55;mix-blend-mode:multiply}
.cover .bg .prn{display:none}
.cover .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.35) 50%,#fff 98%)}
.cover .in{position:relative;flex:1;display:flex;flex-direction:column;padding:1.5em 1.45em 1.2em;gap:.85em}
.logos{display:flex;align-items:center;gap:.9em;padding:.6em .8em;border-radius:.9em;align-self:flex-start}
.logos img{height:2.1em;width:auto}
.logos .sep{width:1px;height:1.9em;background:rgba(13,14,13,.25)}
.logos svg{height:2.1em;width:auto;color:var(--ink)}
.cover .date{display:inline-flex;align-self:flex-start;margin-top:auto;font:700 .58em/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:.75em 1em;border-radius:99px}
.cover h1{position:relative;font-size:8.8em;line-height:.76;font-stretch:62%;font-weight:900;letter-spacing:-.025em}
.cover h1 .g1,.cover h1 .g2{position:absolute;left:0;top:0;z-index:-1;transform-origin:left;color:var(--green)}
.cover h1 .g1{filter:blur(.06em);opacity:.55;transform:translateX(-.06em) scaleX(1.03)}
.cover h1 .g2{filter:blur(.2em);opacity:.4;transform:translateX(-.18em) scaleX(1.08);color:#9BF07A}
.cover h2{font-size:1.6em;line-height:.95}
.cover h2 em{font-size:1.25em}
.cover .tag{font-size:.98em;line-height:1.35;font-weight:600;color:var(--ink);max-width:20em}
.cover .tag em{font-family:var(--serif);font-weight:400;font-size:1.2em;color:var(--green-dd)}
.cover .chips{display:flex;flex-wrap:wrap;gap:.4em}
.cover .chips span,.cover .chips a{font:600 .62em/1 var(--body);padding:.75em .95em;border-radius:99px;text-decoration:none}
.cover .foot2{font:500 .52em/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}

/* semana en corto / números */
.bul{padding:1em 1.05em}
.bul ul{margin:0;padding:0;display:flex;flex-direction:column;gap:.6em}
.bul li{list-style:none;display:flex;gap:.7em;font-size:.8em;line-height:1.45;color:var(--ink-2)}
.bul li::before{content:"";flex:none;width:.55em;height:.55em;margin-top:.45em;border-radius:50%;background:var(--green);box-shadow:0 0 0 .2em rgba(0,203,86,.18)}
.bul li b{color:var(--ink)}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:.5em}
.nums .n{padding:.7em .8em;display:flex;flex-direction:column;gap:.25em}
.nums .n b{font:900 1.6em/1 var(--display);font-stretch:64%;display:flex;align-items:center;gap:.25em}
.nums .n b i{font-style:normal;font-size:.5em}
.nums .n span{font-size:.6em;color:var(--ink);font-weight:700;line-height:1.3}
.nums .n small{font-size:.54em;color:var(--muted);line-height:1.3}
.nums .n.green span,.nums .n.green small{color:rgba(255,255,255,.92)} .nums .n.green b,.nums .n.green b i{color:#fff!important}

/* índice */
.toc{display:flex;flex-direction:column;gap:.32em}
.toc a{display:flex;gap:.65em;align-items:center;padding:.42em .7em;text-decoration:none;border-radius:.8em}
.toc .ic{flex:none;width:1.75em;height:1.75em;border-radius:.55em;display:grid;place-items:center;background:var(--mint);color:var(--green-dd)}
.toc a.ink .ic{background:rgba(0,203,86,.25);color:#6BFFA6}
.toc a.ink .tx span{color:rgba(255,255,255,.75)} .toc a.ink b{color:#fff} .toc a.green b{color:#fff} .toc a.ink .ct{color:#6BFFA6}
.toc a.green .ic{background:rgba(255,255,255,.25);color:#fff}
.toc .ic svg{width:1.05em;height:1.05em}
.toc .tx{flex:1;min-width:0}
.toc b{display:block;font:900 .98em/1 var(--display);font-stretch:66%;text-transform:uppercase}
.toc .tx span{display:block;font-size:.55em;color:var(--muted);line-height:1.35;margin-top:.25em}
.toc a.green .tx span{color:rgba(255,255,255,.88)}
.toc .ct{flex:none;text-align:right;font:600 .5em/1.5 var(--mono);color:var(--green-dd);letter-spacing:.06em}
.toc a.green .ct{color:#fff}

/* guía */
.gcard{padding:.75em .9em;display:grid;grid-template-columns:auto 1fr;gap:.25em .8em}
.gcard .ic{grid-row:span 3;width:2.2em;height:2.2em;border-radius:.6em;display:grid;place-items:center;background:var(--ggrad);color:#fff;box-shadow:0 .4em .8em -.3em rgba(0,163,70,.6)}
.gcard .ic svg{width:1.2em;height:1.2em}
.gcard h3{font-size:1.2em}
.gcard p{font-size:.64em;line-height:1.42}
.gcard .ask{font-size:.66em;color:var(--ink);font-weight:650}
.gcard .ask i{font-family:var(--serif);font-size:1.25em;color:var(--green-dd)}
.legend{display:flex;flex-wrap:wrap;gap:.45em .7em;align-items:center;font-size:.6em;color:var(--muted)}
.legend .chip{font-size:.85em}

/* radar */
.rrow{display:grid;grid-template-columns:auto 1fr auto;gap:.2em .7em;align-items:center;padding:.55em .7em;border-radius:.8em;text-decoration:none}
.rrow:hover{border-color:var(--green)}
.rrow .logo{width:2.1em;height:2.1em;border-radius:.55em;padding:.32em;grid-row:span 2}
.rrow .a b{font:800 .8em/1 var(--mono)} .rrow .a span{font-size:.55em;color:var(--muted);margin-left:.4em}
.rrow .p{text-align:right;font:700 .66em/1 var(--mono)} .rrow .p i{font-style:normal;font-weight:600;margin-left:.4em}
.rrow .b{display:flex;gap:.6em;align-items:center;font:500 .5em/1.2 var(--mono);color:var(--muted);white-space:nowrap}
.rrow .b .meter{width:4.2em}
.rrow .chip{grid-column:3;justify-self:end;font-size:.44em}

/* rotación */
.rot{padding:.8em .95em;display:flex;flex-direction:column;gap:.45em}
.rot h3{font-size:1.15em}
.rot .rl{font-size:.64em;color:var(--muted)}
.rot .two{display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.rot .two div{font-size:.62em;line-height:1.35;color:var(--ink)}
.rot .two em{display:block;font:600 .8em/1 var(--mono);font-style:normal;letter-spacing:.1em;margin-bottom:.35em}
.rot .ben em{color:var(--good)} .rot .rsk em{color:var(--bad)}

/* qué observar */
.ev{display:grid;grid-template-columns:auto 1fr;gap:.8em;padding:.85em .95em;align-items:start}
.ev .evb{display:flex;flex-direction:column;gap:.4em;min-width:0}
.ev .no{width:1.9em;height:1.9em;border-radius:50%;display:grid;place-items:center;background:var(--ggrad);color:#fff;font:900 1em/1 var(--display);box-shadow:0 .4em .9em -.3em rgba(0,163,70,.7)}
.ev .day{font:600 .5em/1 var(--mono);letter-spacing:.14em;color:var(--green-dd);text-transform:uppercase}
.ev h3{font-size:1.12em}
.ev p{font-size:.68em;line-height:1.45}
.ev .q{padding:.55em .7em;border-radius:.6em;background:rgba(200,245,217,.55);border:1px solid rgba(0,163,70,.2);color:var(--ink)}
.ev .q b{color:var(--green-dd)}
.tks{display:flex;gap:.35em;flex-wrap:wrap}
.tks a{display:inline-flex;align-items:center;gap:.4em;text-decoration:none;font:700 .52em/1 var(--mono);padding:.3em .65em .3em .3em;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.tks a:hover{border-color:var(--green)}
.tks img{width:1.8em;height:1.8em;object-fit:contain;border-radius:50%;background:#1A1F1B;padding:.25em}

/* cierre */
.closing .pbody{justify-content:center;align-items:center;text-align:center;gap:1.2em}
.closing h2{font-size:3.4em;line-height:.85}
.closing p{font-size:.9em;max-width:18em}

/* ---------- movimiento ---------- */
@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){

    .pbody .photo img{animation:mblur linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
  }
  .cover h1 .g1{animation:drift 5s ease-in-out infinite alternate}
}
@keyframes pin{from{filter:blur(10px);transform:translateY(6%) scale(.97);opacity:.3}to{filter:none;transform:none;opacity:1}}
@keyframes mblur{from{filter:blur(12px);transform:translateX(-5%) scale(1.06)}to{filter:none;transform:none}}
@keyframes drift{from{transform:translateX(-.06em) scaleX(1.03)}to{transform:translateX(-.12em) scaleX(1.06)}}

/* ---------- PDF ---------- */
@page{size:576px 1024px;margin:0}
@media print{
  html,body{background:#fff}
  .nav{display:none}
  .deck{display:block;padding:0;max-width:none}
  .pw{width:576px}
  .page{border-radius:0;border:0;box-shadow:none;height:1024px;aspect-ratio:auto;break-after:page;animation:none!important}
  .glass,.photo .cap{backdrop-filter:none;-webkit-backdrop-filter:none}
  .photo img,.chart img,.cover h1 .g1{animation:none!important}
  .fx i{filter:none;height:.4em;opacity:.3;background:linear-gradient(90deg,transparent,rgba(0,203,86,.35) 60%,rgba(0,163,70,.6))}
  h1 em,h2 em,h3 em,.hl,.bigstat b{background:none;color:var(--green-d);filter:none!important}
  .bigstat b{text-shadow:-.08em 0 .05em rgba(0,203,86,.3),-.2em 0 .12em rgba(0,203,86,.14)}
  .cover h1 .g1,.cover h1 .g2{filter:none;color:transparent;text-shadow:0 0 .07em rgba(0,203,86,.7),-.08em 0 .2em rgba(0,203,86,.45)}
}

/* ---------- cajas oscuras (radar y detalle de acción) ---------- */
.dk{--ink:#F1F6F2;--ink-2:rgba(241,246,242,.86);--muted:rgba(241,246,242,.68);--faint:rgba(241,246,242,.48);--line:rgba(255,255,255,.14);
  --good:#4BE68B;--warn:#FFC24B;--bad:#FF7F83;--green-dd:#6BFFA6;--mint:rgba(0,203,86,.22);color:var(--ink)}
.glass.dk,.dk.glass{border-color:rgba(107,255,166,.28);
  background:radial-gradient(90% 70% at 100% 0%,rgba(0,203,86,.32),transparent 60%),linear-gradient(155deg,#0F3F25 0%,#0B2417 48%,#08110C 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1.6em 2em -1.6em rgba(0,203,86,.25),0 1em 2em -1em rgba(0,50,25,.55)}
.glass.dk::before{background:radial-gradient(110% 70% at 0% 0%,rgba(255,255,255,.14),transparent 45%),radial-gradient(70% 60% at 100% 110%,rgba(0,203,86,.3),transparent 60%)}
.dk .m{background:linear-gradient(160deg,rgba(255,255,255,.10),rgba(255,255,255,.03));border-color:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.dk .meter i{background:rgba(255,255,255,.16)}
.dk .track::before{background:linear-gradient(90deg,rgba(255,127,131,.8),rgba(255,255,255,.25) 50%,rgba(75,230,139,.95))}
.dk .pin.p .d{background:#fff;box-shadow:0 0 0 .22em rgba(255,255,255,.18),0 0 .8em rgba(255,255,255,.8)}
.dk .pin.f .d{background:#0B2417}
.dk .protip{background:linear-gradient(150deg,rgba(0,203,86,.22),rgba(0,203,86,.08));border-color:rgba(107,255,166,.3)}
.dk .protip.neg{background:linear-gradient(150deg,rgba(255,97,102,.22),rgba(255,97,102,.08));border-color:rgba(255,127,131,.35)}
.dk .protip p{color:#fff}
.dk .chip.descuento{background:rgba(75,230,139,.14);border-color:rgba(75,230,139,.5)}
.dk .chip.linea{background:rgba(255,194,75,.14);border-color:rgba(255,194,75,.5)}
.dk .chip.prima{background:rgba(255,127,131,.14);border-color:rgba(255,127,131,.5)}
.dk .links a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.dk .links a:hover{background:var(--green);color:#0D0E0D}
.dk .links a .ar{color:#6BFFA6}
.dk .card .lbl,.card.dk .lbl{color:#6BFFA6}
.dk p{color:var(--ink-2)}
.rrow.dk{border-radius:.85em}
.rrow.dk .logo{background:linear-gradient(150deg,rgba(255,255,255,.95),rgba(235,245,238,.9));border-color:rgba(255,255,255,.6)}
.rrow.dk .logo.dark{background:linear-gradient(150deg,#2A322C,#141915)}
.rrow.dk .logo .mono{color:#0D0E0D}
.rrow.dk:hover{border-color:#6BFFA6}
@media print{.glass.dk{box-shadow:inset 0 1px 0 rgba(255,255,255,.22)}}

/* ---------- PDF plano: sin transparencias suaves, sombras difusas ni filtros (se ve igual en cualquier visor y pesa poco) ---------- */
@media print{
  .page[data-g="0"]{background:#fff url(../img/16853b872df5.jpg) 0 0/100% 100% no-repeat}
  .page[data-g="1"]{background:#fff url(../img/cae3cfbf4164.jpg) 0 0/100% 100% no-repeat}
  .page[data-g="2"]{background:#fff url(../img/c6eec4f579a4.jpg) 0 0/100% 100% no-repeat}
  .page[data-g="3"]{background:#fff url(../img/de264f514bcf.jpg) 0 0/100% 100% no-repeat}
  .page[data-g="4"]{background:#fff url(../img/916c5adf8fa5.jpg) 0 0/100% 100% no-repeat}
  .page::before,.page::after,.fx,.glass::before,.photo::after,.cover .bg::after{display:none!important}
  *{box-shadow:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;mix-blend-mode:normal!important}
  .trail,.secband b{text-shadow:-.05em 0 0 rgba(0,203,86,.30),-.12em 0 0 rgba(0,203,86,.12)!important}
  .trail em{text-shadow:none!important}
  h1 em,h2 em,h3 em,.hl,.bigstat b{background:none!important;color:#00A346!important;-webkit-text-fill-color:#00A346}
  .bigstat b{text-shadow:-.05em 0 0 rgba(0,203,86,.30),-.12em 0 0 rgba(0,203,86,.12)!important}
  .cover h1 .g1,.cover h1 .g2{display:none}
  .cover h1{text-shadow:-.04em 0 0 #7BE3A6,-.09em 0 0 #C8F5D9!important}
  .cover .bg .scr{display:none!important} .cover .bg .prn{display:block!important;opacity:1}
  .glass{background:linear-gradient(150deg,#FFFFFF,#F2F8F4 55%,#FAFDFB)!important;border:1px solid #DCEBE1!important}
  .glass.green{background:linear-gradient(140deg,#00A346,#00CB56 55%,#2FD97C)!important;border-color:#00A346!important}
  .glass.ink{background:linear-gradient(150deg,#1E2620,#0D0E0D 60%,#123A22)!important;border-color:#1E2620!important}
  .glass.dk{background:radial-gradient(120% 90% at 100% 0%,#145A33 0%,#0D2A1A 55%,#08110C 100%)!important;border-color:#1E5A36!important}
  .dk .m{background:linear-gradient(160deg,#1C3B29,#122619)!important;border-color:#24452F!important}
  .dk .meter i{background:#2B4434}
  .dk .protip{background:#123F26!important;border-color:#1F6B3E!important}
  .dk .protip.neg{background:#3A1A1C!important;border-color:#6B2B2E!important}
  .dk .links a{background:#173222!important;border-color:#2C4D38!important}
  .dk .chip.descuento{background:#123F26} .dk .chip.linea{background:#3A3016} .dk .chip.prima{background:#3A1A1C}
  .dk .track::before{background:linear-gradient(90deg,#FF7F83,#5E6B62 50%,#4BE68B)}
  .track::before{background:linear-gradient(90deg,#E58A8D,#C9CFCB 50%,#3FD47F)}
  .m{background:linear-gradient(160deg,#FFFFFF,#F2F7F3)!important}
  .protip{background:linear-gradient(150deg,#DDF7E6,#ECFBD8)!important}
  .protip.neg{background:#FCE6E6!important}
  .chain span{background:linear-gradient(150deg,#FFFFFF,#DDF5E5)!important}
  .ev .q{background:#E5F7EB!important}
  .chip.descuento{background:#E6F5EC} .chip.linea{background:#FBF1D6} .chip.prima{background:#FBE7E7}
  .photo .cap{background:#0D0E0D!important;border-color:#0D0E0D!important}
  .photo{border-color:#fff}
  .rrow.dk .logo{background:#F2F7F3!important} .rrow.dk .logo.dark,.logo.dark{background:#1A1F1B!important}
  .secband .ic{background:#33D677!important}
  .toc .ic{background:#D6F5E1} .toc a.ink .ic{background:#183A26} .toc a.green .ic{background:#33D677}
  .tk .sym em{background:#D6F5E1}
  .tks img{background:#1A1F1B}
  .pfoot a{background:#fff}
  .links a{background:#fff}
  .cover .chips span{background:#fff!important}
}
@media print{
  :root{--muted:#5C615D;--faint:#8A8F8B;--line:#E2E8E4}
  .dk{--ink-2:#DCE5DF;--muted:#A9B9AF;--faint:#7F9487;--line:#2C4D38}
  .card.green .lbl{color:#E6FFF0} .card.green .lbl::after{background:#7FE5AB}
  .secband span{color:#EFFFF5}
  .toc a.green .tx span{color:#EFFFF5} .toc a.ink .tx span{color:#B9C7BE}
  .nums .n.green span,.nums .n.green small{color:#EFFFF5}
}
@media screen{
  .secband.glass.green{background:linear-gradient(115deg,#002814 0%,#00562A 28%,#00A346 55%,#00431F 80%,#001F10 100%);background-size:250% 100%;animation:bandflow 12s ease-in-out infinite alternate;border-color:rgba(107,255,166,.4)}
  .secband b{background:linear-gradient(100deg,#fff,#E9FFF1 30%,#6BFFA6 50%,#fff 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleflow 6s ease-in-out infinite}
}
.page [id]{scroll-margin-top:84px}
/* ---------- comentarios ---------- */
.cmt-sub{font-size:.8em}
.cmt{display:flex;flex-direction:column;gap:.8em;min-height:0}
.cmt-form{padding:.85em .95em;display:flex;flex-direction:column;gap:.55em}
.cmt-form .lbl{color:var(--green-dd)}
.cmt-form textarea{font:500 .8em/1.45 var(--body);color:var(--ink);background:rgba(255,255,255,.85);border:1px solid rgba(0,163,70,.25);border-radius:.7em;padding:.7em .8em;resize:vertical;min-height:4.4em;width:100%}
.cmt-form textarea:focus{outline:2px solid var(--green);outline-offset:1px}
.cmt-row{display:flex;justify-content:space-between;align-items:center;gap:.6em}
.cmt-count{font:500 .52em/1 var(--mono);color:var(--faint)}
.cmt-btn{font:800 .7em/1 var(--body);letter-spacing:.04em;text-transform:uppercase;color:#fff;border:0;border-radius:99px;padding:.85em 1.4em;cursor:pointer;background:linear-gradient(115deg,#00431F,#00A346 60%,#00CB56);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 .5em 1em -.5em rgba(0,120,55,.7)}
.cmt-btn:hover{filter:brightness(1.08)} .cmt-btn:disabled{opacity:.5;cursor:default}
.cmt-msg{font-size:.6em;color:var(--green-dd);min-height:1em} .cmt-msg.bad{color:var(--bad)}
.cmt-form.off textarea{opacity:.55}
.cmt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5em;overflow:auto;min-height:0}
.cmt-empty{font-size:.7em;color:var(--muted);padding:.8em 0}
.cmt-item{display:flex;gap:.7em;padding:.7em .85em;align-items:flex-start}
.cmt-av{flex:none;width:2em;height:2em;border-radius:50%;display:grid;place-items:center;overflow:hidden;font:800 .8em/1 var(--display);color:#fff;background:linear-gradient(140deg,#00431F,#00CB56)}
.cmt-av img{width:100%;height:100%;object-fit:cover}
.cmt-bd{min-width:0;flex:1;display:flex;flex-direction:column;gap:.25em}
.cmt-hd{display:flex;align-items:baseline;gap:.6em;flex-wrap:wrap}
.cmt-hd b{font:800 .72em/1.2 var(--body)} .cmt-hd time{font:500 .5em/1 var(--mono);color:var(--faint)}
.cmt-del{margin-left:auto;font:600 .5em/1 var(--mono);background:none;border:1px solid var(--line);border-radius:99px;padding:.4em .7em;color:var(--muted);cursor:pointer}
.cmt-del:hover{color:var(--bad);border-color:var(--bad)}
.cmt-bd p{font-size:.72em;line-height:1.45;overflow-wrap:anywhere}
.page.comments .pbody{gap:.75em}
@media print{.page.comments{display:none!important}}
@media screen{.page.comments{aspect-ratio:auto;min-height:calc(100cqw * 16 / 9)}.page.comments .pbody{flex:1 0 auto}}

/* ---------- progreso por sección en la barra ---------- */
@media screen{
.nav .navlinks{padding-bottom:6px;margin-bottom:-6px}
.nav .navlinks a{position:relative;overflow:visible}
.nav .navlinks a .pb{position:absolute;left:12px;right:12px;bottom:-5px;height:3px;border-radius:3px;background:rgba(13,14,13,.08);overflow:hidden;pointer-events:none}
.nav .navlinks a .pb i{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p,0));border-radius:inherit;
  background:linear-gradient(90deg,#00431F,#00A346 45%,#00CB56 75%,#9BF07A);box-shadow:0 0 6px rgba(0,203,86,.6);transition:transform .25s linear}
.nav .navlinks a.done .pb i{background:linear-gradient(90deg,#00753A,#00CB56)}
.nav .navlinks a.on .pb{background:rgba(0,163,70,.18)}
.nav .progress{height:3px;background:linear-gradient(90deg,#00431F,#00A346 40%,#00CB56 70%,#C8F5D9);transition:width .2s linear}
.nav .pct{flex:none;font:700 11px/1 var(--mono);letter-spacing:.06em;color:var(--green-dd);padding:7px 10px;border-radius:99px;background:linear-gradient(150deg,#fff,#E3F8EA);border:1px solid rgba(0,163,70,.25);font-variant-numeric:tabular-nums}
}

/* ---------- gráficas animadas ---------- */
@media screen and (prefers-reduced-motion: no-preference){
.anim .chart{position:relative}
.anim .chart img{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s cubic-bezier(.65,0,.25,1) .1s}
.anim .chart::after{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,transparent,#00CB56 30%,#9BF07A 70%,transparent);box-shadow:0 0 14px #00CB56,0 0 30px rgba(0,203,86,.5);opacity:0;transform:translateX(0)}
.anim .chart.in img{clip-path:inset(0 0 0 0)}
.anim .chart.in::after{animation:scan 1.6s cubic-bezier(.65,0,.25,1) .1s both}
.anim .meter i{transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.anim .in .meter i,.anim .meter.in i{transform:scaleX(1)}
.anim .meter i:nth-child(2){transition-delay:.08s}.anim .meter i:nth-child(3){transition-delay:.16s}.anim .meter i:nth-child(4){transition-delay:.24s}.anim .meter i:nth-child(5){transition-delay:.32s}
.anim .track::before{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.65,0,.25,1)}
.anim .in .track::before,.anim .track.in::before{transform:scaleX(1)}
.anim .track .pin{opacity:0;translate:0 -.6em;transition:opacity .5s,translate .6s cubic-bezier(.2,.8,.2,1)}
.anim .in .track .pin,.anim .track.in .pin{opacity:1;translate:0 0}
.anim .track .pin.p{transition-delay:.5s}.anim .track .pin.f{transition-delay:.75s}.anim .track .pin.a{transition-delay:1s}
.anim .bigstat b{transition:opacity .6s,filter .6s,transform .6s}
.anim .bigstat:not(.in) b{opacity:.15;filter:blur(8px);transform:translateX(-.15em)}
.anim .chain span{opacity:0;translate:-.6em 0;transition:opacity .4s,translate .5s}
.anim .chain.in span,.anim .in .chain span{opacity:1;translate:0 0}
.anim .chain span:nth-of-type(2){transition-delay:.12s}.anim .chain span:nth-of-type(3){transition-delay:.24s}.anim .chain span:nth-of-type(4){transition-delay:.36s}.anim .chain span:nth-of-type(5){transition-delay:.48s}.anim .chain span:nth-of-type(6){transition-delay:.6s}
}
@keyframes scan{0%{opacity:1;left:0}90%{opacity:1}100%{opacity:0;left:calc(100% - 3px)}}
@media screen and (prefers-reduced-motion: no-preference){
.anim .page{transition:opacity .7s ease,filter .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.anim .page:not(.in){opacity:.35;filter:blur(8px);transform:translateY(24px) scale(.985)}
}

/* ---------- v: panel de indicadores animado + puntos con brillo + glow en gráfica ---------- */
@media screen{ .nav .navlinks a .pb{display:none} }
@media screen and (prefers-reduced-motion: no-preference){
/* cajas de salud / valor / analistas / técnico entran en cascada */
.anim .ind .m{opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.anim .ind.in .m{opacity:1;transform:none}
.anim .ind.in .m:nth-child(2){transition-delay:.12s}.anim .ind.in .m:nth-child(3){transition-delay:.24s}.anim .ind.in .m:nth-child(4){transition-delay:.36s}
.anim .ind .m .v{background-size:250% 100%}
.anim .ind.in .m .v{animation:valflash 1.2s ease .5s both}
.anim .ind .protip,.anim .ind .verdict,.anim .ind .links{opacity:0;transform:translateY(10px);transition:opacity .5s ease 1.2s,transform .6s cubic-bezier(.2,.8,.2,1) 1.2s}
.anim .ind.in .protip,.anim .ind.in .verdict,.anim .ind.in .links{opacity:1;transform:none}
.anim .ind.in .verdict .chip{animation:chippop .6s cubic-bezier(.2,1.6,.4,1) 1.5s both}
/* puntos del precio: brillo pulsante */
.pin .d::after{content:"";position:absolute;inset:-.35em;border-radius:inherit;pointer-events:none;opacity:0}
.anim .in .track .pin .d::after,.anim .track.in .pin .d::after{animation:halo 2.2s ease-out infinite}
.pin.p .d::after{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 1em .3em rgba(255,255,255,.75)}
.pin.f .d::after{box-shadow:0 0 0 2px rgba(255,194,75,.9),0 0 1em .3em rgba(255,194,75,.7)}
.pin.a .d::after{box-shadow:0 0 0 2px rgba(0,203,86,.95),0 0 1em .35em rgba(0,203,86,.8)}
.anim .track .pin.p .d::after{animation-delay:.5s}.anim .track .pin.f .d::after{animation-delay:1.1s}.anim .track .pin.a .d::after{animation-delay:1.7s}
.dk .pin.p .d{box-shadow:0 0 0 .22em rgba(255,255,255,.2),0 0 .9em .2em rgba(255,255,255,.85)}
.dk .pin.f .d{box-shadow:0 0 .9em .15em rgba(255,194,75,.85)}
.dk .pin.a .d{box-shadow:0 0 0 .22em rgba(0,203,86,.3),0 0 1em .25em rgba(0,203,86,.95)}
.dk .pin .val{text-shadow:0 0 .8em currentColor}
.anim .in .track .pin.lb,.anim .in .track .pin .val{animation:valglow 2.2s ease-in-out 1.2s infinite alternate}
/* gráfica Investing: glow durante y después del barrido */
.anim .chart{transition:box-shadow 1s ease}
.anim .chart.in{animation:chartglow 2.4s ease .1s both}
.anim .chart::after{width:4px;background:linear-gradient(180deg,transparent,#9BF07A 20%,#fff 50%,#9BF07A 80%,transparent);box-shadow:0 0 12px 2px #00CB56,0 0 34px 8px rgba(0,203,86,.55),0 0 70px 18px rgba(0,203,86,.25)}
.anim .chart::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;opacity:0;background:linear-gradient(90deg,transparent,rgba(0,203,86,.18) 45%,rgba(155,240,122,.35) 50%,transparent 55%);background-size:300% 100%}
.anim .chart.in::before{animation:sweep 1.6s cubic-bezier(.65,0,.25,1) .1s both}
.anim .chart.in img{filter:saturate(1.15) contrast(1.03)}
}
@keyframes halo{0%{opacity:.95;transform:scale(.7)}70%{opacity:0;transform:scale(2.4)}100%{opacity:0;transform:scale(2.4)}}
@keyframes valglow{from{filter:brightness(1)}to{filter:brightness(1.35)}}
@keyframes valflash{0%{filter:brightness(1)}30%{filter:brightness(1.6) drop-shadow(0 0 .4em currentColor)}100%{filter:brightness(1)}}
@keyframes chippop{0%{transform:scale(.6);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes chartglow{0%{box-shadow:0 0 0 1px rgba(0,203,86,.2),0 0 0 0 rgba(0,203,86,0)}55%{box-shadow:0 0 0 2px rgba(0,203,86,.75),0 0 2.4em .3em rgba(0,203,86,.45)}100%{box-shadow:0 0 0 1px rgba(0,203,86,.45),0 0 1.4em -.1em rgba(0,203,86,.3)}}
@keyframes sweep{0%{opacity:1;background-position:100% 0}90%{opacity:1}100%{opacity:0;background-position:0 0}}

/* ---------- gráfica: sin barrido, ahora "enfoque" con borde de luz ---------- */
@media screen and (prefers-reduced-motion: no-preference){
.anim .chart img,.anim .chart.in img{clip-path:none!important}
.anim .chart::after,.anim .chart.in::after{display:none!important;animation:none!important}
.anim .chart{isolation:isolate}
.anim .chart::before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;
  background:conic-gradient(from var(--ang,0deg),transparent 0 55%,#00CB56 70%,#9BF07A 80%,#fff 85%,transparent 92%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  animation:none;background-size:auto}
.anim .chart.in::before{animation:ring 1.8s cubic-bezier(.4,0,.2,1) .2s both}
.anim .chart:not(.in) img{opacity:0;filter:blur(14px) saturate(.4);transform:scale(1.08)}
.anim .chart img{transform-origin:70% 50%;transition:opacity .9s ease,filter 1.2s cubic-bezier(.2,.8,.2,1),transform 1.4s cubic-bezier(.2,.8,.2,1)}
.anim .chart.in img{opacity:1;filter:saturate(1.12) contrast(1.03);transform:none}
.anim .chart.in{animation:chartglow2 2.2s ease .3s both}
}
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes ring{0%{opacity:0;--ang:0deg}15%{opacity:1}85%{opacity:1}100%{opacity:0;--ang:360deg}}
@keyframes chartglow2{0%{box-shadow:0 0 0 1px rgba(0,203,86,.15),0 0 0 0 rgba(0,203,86,0)}50%{box-shadow:0 0 0 1px rgba(0,203,86,.55),0 0 2.2em .2em rgba(0,203,86,.4)}100%{box-shadow:0 0 0 1px rgba(0,203,86,.35),0 .9em 1.8em -1em rgba(0,90,45,.35),0 0 1.2em -.2em rgba(0,203,86,.25)}}
.cmt-in{font:600 .8em/1.3 var(--body);color:var(--ink);background:rgba(255,255,255,.85);border:1px solid rgba(0,163,70,.25);border-radius:.7em;padding:.65em .8em;width:100%}
.cmt-in:focus{outline:2px solid var(--green);outline-offset:1px}
.cmt-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- vista de escritorio a pantalla completa (≥1000px) ---------- */
.wide{display:none}
@media screen and (min-width:1000px){
  .deck{display:none}
  .wide{display:block;font-size:clamp(15px,.45vw + 9.5px,20px)}
}
.wsec{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100vh - 58px);padding:clamp(56px,8vh,110px) max(5.5vw,36px) clamp(56px,8vh,100px);
  display:flex;flex-direction:column;gap:2.4em;background:var(--paper);border-bottom:1px solid var(--line);scroll-margin-top:58px}
.wsec:nth-child(even){background:#FAFDFB}
.wsec::before{content:"";position:absolute;inset:-10%;z-index:-2;pointer-events:none;
  background:
   radial-gradient(30% 34% at var(--gx,92%) var(--gy,8%),rgba(0,203,86,.30),transparent 70%),
   radial-gradient(24% 28% at calc(var(--gx,92%) - 14%) calc(var(--gy,8%) + 14%),rgba(217,251,168,.6),transparent 70%),
   radial-gradient(30% 34% at var(--hx,4%) var(--hy,96%),rgba(0,203,86,.18),transparent 70%),
   radial-gradient(22% 26% at calc(var(--hx,4%) + 16%) calc(var(--hy,96%) - 10%),rgba(150,236,255,.3),transparent 70%)}
.wsec>*{position:relative;max-width:1500px;width:100%;margin-inline:auto}
.wsec .fx{position:absolute;max-width:none}
.whead{display:flex;flex-direction:column;gap:1.1em}
.whead .secband{align-self:flex-start;min-width:26em;padding:1em 1.3em}
.whead .secband b{font-size:1.8em}
.whead .secband span{font-size:.85em}
.whead>.blk{display:flex;flex-direction:column;gap:1em}
.wide .title{font-size:4.2em;max-width:16em;line-height:.9}
.wide .stock-t{font-size:3.6em!important}
.wide .kick{font-size:.78em}
.wide .stockhead{font-size:1.35em;max-width:44em}
.wcols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4.5vw,96px);align-items:start}
.wl{display:flex;flex-direction:column;gap:1.3em;max-width:46em}
.wr{display:flex;flex-direction:column;gap:1.3em;position:sticky;top:84px}
.wide p{font-size:1.06em;line-height:1.62}
.wide .lbl{font-size:.7em}
.wide .card{padding:1.4em 1.6em;gap:.7em}
.wide .card p,.wide .keyline p{font-size:1.08em}
.wide .bigstat b{font-size:4.4em}
.wide .bigstat span{font-size:1em}
.wide .chain{font-size:1.4em}
.wide .ind{font-size:1.12em;padding:1.2em 1.3em}
.wide .ind .disc{font-size:.55em}
.wide .photo,.wide .chart{border-radius:1.2em}
.wide .photo img{aspect-ratio:16/10}
.wide .photo .cap{font-size:.62em}
.wide .chart img{aspect-ratio:2.2/1}
.wide .disc{font-size:.72em}
.wide .runhead{display:none}

/* portada + semana en corto */
.wcover{flex-direction:row;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,110px);align-items:center;padding-top:clamp(40px,6vh,80px)}
.wcover>*{max-width:none}
.wcover-l{position:relative;min-height:calc(100vh - 160px);display:flex}
.wcover .bg{position:absolute;inset:-12vh -6vw auto -6vw;height:72%;z-index:-1;overflow:hidden;border-radius:0 0 2em 0}
.wcover .bg img.scr{width:100%;height:100%;object-fit:cover;opacity:.5;mix-blend-mode:multiply}
.wcover .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.4) 55%,#FAFDFB 100%)}
.wcover .in{padding:0;gap:1.1em;flex:1}
.wcover .logos{font-size:1.25em}
.wcover h1{font-size:11em}
.wcover-l.cover{padding:0;background:none;overflow:visible}
.wcover h2{font-size:2.6em}
.wcover .tag{font-size:1.45em;max-width:22em}
.wcover .chips{font-size:1.3em}
.wcover .date{font-size:.75em}
.wcover .foot2{font-size:.68em}
.wcover-r{display:flex;flex-direction:column;gap:1.2em}
.wcover-r .title{font-size:3.6em}
.wcover-r .bul li{font-size:1.02em}
.wcover-r .nums{grid-template-columns:repeat(3,1fr);gap:.7em}
.wcover-r .nums .n{font-size:1.15em}

/* rejillas */
.wgrid{display:grid;gap:1em}
.wgrid>p,.wgrid>.legend,.g-guia>div:not(.gcard){grid-column:1/-1}
.g-toc .toc{display:grid;grid-template-columns:repeat(auto-fill,minmax(17em,1fr));gap:.9em;font-size:1.25em}
.g-toc .toc a{padding:.9em 1em;align-items:flex-start;flex-wrap:wrap}
.g-toc .toc .ct{width:100%;text-align:left;padding-left:2.4em}
.g-guia{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2em}
.g-guia>p{font-size:1.15em!important;max-width:40em}
.g-guia .gcard{font-size:1.08em;grid-template-columns:1fr;align-content:start}
.g-guia .gcard .ic{grid-row:auto}
.g-radar{grid-template-columns:repeat(auto-fill,minmax(27em,1fr));gap:.9em}
.g-radar .rrow{font-size:1.12em}
.whead .legend{font-size:.85em}
.g-rot{grid-template-columns:repeat(auto-fill,minmax(19em,1fr));gap:1em}
.g-rot .rot{font-size:1.15em}
.g-obs{grid-template-columns:repeat(auto-fill,minmax(24em,1fr));gap:1.1em}
.g-obs .ev{font-size:1.08em}

/* cierre */
.wclose{align-items:center;justify-content:center;text-align:center}
.wclose-in{display:flex;flex-direction:column;align-items:center;gap:1.4em;max-width:52em;font-size:1.4em}
.wclose-in .logos{font-size:1.2em}
.wclose-in h2{font-size:4.6em;line-height:.85}
.wclose-in .disc{max-width:40em!important}

@media (prefers-reduced-motion: no-preference){
  @supports (animation-timeline: view()){
    .wsec .whead{animation:mblur linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
  }
}
@keyframes rise{from{filter:blur(8px);transform:translateY(6%);opacity:.4}to{filter:none;transform:none;opacity:1}}
@media print{.wide{display:none!important}}

/* ---------- banda de sección a pantalla completa ---------- */
.wsec.has-band{padding-top:0}
.wsec>.wband{max-width:none;width:auto;margin:0 calc(-1 * max(5.5vw,36px));position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:58px;
  min-height:clamp(260px,38vh,420px);display:flex;align-items:flex-end;color:#fff;
  background:linear-gradient(115deg,#002814 0%,#00562A 22%,#00A346 45%,#00431F 68%,#001F10 100%);background-size:280% 100%;
  animation:bandflow 14s ease-in-out infinite alternate;box-shadow:inset 0 -1px 0 rgba(255,255,255,.12)}
.wband::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 90% at 85% 10%,rgba(107,255,166,.35),transparent 60%),radial-gradient(50% 80% at 10% 110%,rgba(217,251,168,.22),transparent 60%),linear-gradient(180deg,rgba(255,255,255,.10),transparent 35%)}
.wband::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.16) 45%,transparent 60%);background-size:250% 100%;animation:sheen 7s ease-in-out infinite}
.wband-in{position:relative;z-index:1;width:100%;max-width:1500px;margin:0 auto;padding:clamp(40px,7vh,80px) max(5.5vw,36px) clamp(32px,5vh,56px);display:flex;align-items:flex-end;justify-content:space-between;gap:3em}
.wb-l{display:flex;flex-direction:column;gap:.8em;min-width:0}
.wb-idx{font:600 .8em/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#9CF5BF;display:flex;align-items:center;gap:.8em}
.wb-idx::before{content:"";width:2.6em;height:2px;background:linear-gradient(90deg,transparent,#6BFFA6);box-shadow:0 0 8px #6BFFA6}
.wb-t{font-size:clamp(3.4em,6.4vw,7.4em);line-height:.86;font-stretch:62%;font-weight:900;color:#fff}
.wb-t span{background:linear-gradient(100deg,#FFFFFF 0%,#E9FFF1 30%,#6BFFA6 50%,#FFFFFF 70%,#E9FFF1 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:titleflow 6s ease-in-out infinite;text-shadow:none;filter:drop-shadow(-.06em 0 .04em rgba(0,203,86,.45)) drop-shadow(-.16em 0 .12em rgba(0,203,86,.25))}
.wb-d{font-size:1.25em!important;color:rgba(255,255,255,.86)!important;max-width:36em}
.wb-r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:.9em}
.wb-ic{width:5.2em;height:5.2em;border-radius:1.3em;display:grid;place-items:center;color:#fff;
  background:linear-gradient(150deg,rgba(255,255,255,.28),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 1em 2em -1em rgba(0,0,0,.5);backdrop-filter:blur(14px)}
.wb-ic svg{width:2.4em;height:2.4em}
.wb-c{font:700 .8em/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:.8em 1.1em;border-radius:99px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}
.wb-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.wb-fx i{position:absolute;height:3px;border-radius:9px;background:linear-gradient(90deg,transparent,rgba(107,255,166,.9) 70%,#fff);filter:blur(3px);opacity:.6;transform:skewX(-20deg);animation:streak 5s ease-in-out infinite}
.wb-fx i:nth-child(1){top:28%;left:-30%;width:45%}
.wb-fx i:nth-child(2){top:34%;left:-40%;width:30%;opacity:.35;filter:blur(7px);animation-delay:1.2s}
.wb-fx i:nth-child(3){top:76%;left:-35%;width:38%;opacity:.4;animation-delay:2.4s}
.has-band .whead{margin-top:clamp(36px,6vh,72px)}
/* al llegar desde la barra: destello del título */
.wband:target .wb-t,.wband.hit .wb-t{animation:hit 1.1s cubic-bezier(.2,.8,.2,1) both}
@keyframes bandflow{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes sheen{0%,100%{background-position:150% 0}50%{background-position:-50% 0}}
@keyframes titleflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes streak{0%{transform:translateX(0) skewX(-20deg);opacity:0}20%{opacity:.6}100%{transform:translateX(320%) skewX(-20deg);opacity:0}}
@keyframes hit{0%{filter:blur(14px);transform:translateX(-6%) scaleX(1.08);opacity:.2}100%{filter:none;transform:none;opacity:1}}
@media (prefers-reduced-motion: reduce){.wband,.wband::after,.wb-t span,.wb-fx i{animation:none!important}}
.wcmt{justify-content:center}
.wcmt-in{display:flex;flex-direction:column;gap:1.2em;max-width:1100px!important}
.wcmt-in .cmt{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2em;align-items:start;font-size:1.25em}
.wcmt-in .cmt-sub{font-size:1.1em}
.wcmt-in .cmt{font-size:1.1em}
.wide .cmt-bd p{font-size:.78em}
.wide .cmt-form textarea{font-size:.8em}
.wide .ind .protip p{font-size:.7em}
.wide .ind .verdict p{font-size:.66em}

/* ---------- dinamismo al hacer scroll (PC) ---------- */
@media screen and (min-width:1000px) and (prefers-reduced-motion: no-preference){
  .wsec::before{transform:translate3d(0,var(--py,0px),0);will-change:transform}
  .wsec .fx{transform:translate3d(var(--fxx,0px),0,0)}
  .wsec .photo img{transform:scale(var(--ps,1.1)) translate3d(0,var(--pi,0px),0);will-change:transform;transition:none}
  .wsec .wr{transform:translate3d(0,var(--wr,0px),0)}
  .wband .wb-t{transform:translate3d(var(--bx,0px),0,0);will-change:transform}
  .wband .wb-r{transform:translate3d(0,var(--by,0px),0)}
  .wband{background-position:var(--bp,0%) 50%}
  .wide .title,.wide .wb-t span{transform:skewX(var(--sk,0deg));transition:transform .25s ease-out}
  .js-rv .wl>*,.js-rv .wgrid>*,.js-rv .wcover-r>*{opacity:0;transform:translate3d(0,36px,0);transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}
  .js-rv .wl>.on,.js-rv .wgrid>.on,.js-rv .wcover-r>.on{opacity:1;transform:none}
  .wide .rot.on,.wide .ev.on,.wide .gcard.on,.wide .rrow.on{transition-duration:.6s,.8s}
}