/* ============================================================
   TOPWALLET — Noticias  (financial news desk · editorial pro)
   solid blue + cream · ink hairlines · no opacity
   ============================================================ */
:root{
  --blue:#4353FF;--blue-deep:#2B2FB3;--blue-bright:#7C8CFF;--sky:#C7CCD9;--sky-soft:#E9EDF8;
  --cream:#F7F6F2;--cream-2:#EDECE5;--cream-3:#E3E1D8;--ink:#101A30;--ink-soft:#39435C;
  --line:#DEDCD2;--up:#0f9d58;--down:#e0483a;--violet:#ffb84d;--spark:#00D5A1;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:'Space Grotesk',sans-serif;overflow-x:hidden;cursor:none;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
::selection{background:var(--blue);color:#fff}
.mono{font-family:'Space Grotesk',sans-serif}
.display{font-family:'Unbounded',sans-serif;font-weight:800;letter-spacing:-.03em;line-height:.9}
img{display:block;max-width:100%}

/* grain + cursor */
.grain{position:fixed;inset:-60%;z-index:9000;pointer-events:none;opacity:.05;mix-blend-mode:multiply}
.grain svg{width:100%;height:100%}
.cur-dot{position:fixed;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--ink);z-index:10000;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference}
.cur-ring{position:fixed;top:0;left:0;width:38px;height:38px;border:1.5px solid var(--blue);border-radius:50%;z-index:10000;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s;mix-blend-mode:difference}
.cur-ring.big{width:68px;height:68px}

/* ---------- market ticker ---------- */
.ticker{background:var(--ink);color:var(--cream);overflow:hidden;white-space:nowrap;padding:9px 0;font-family:'Space Grotesk';font-size:12px;border-bottom:1px solid var(--ink)}
.ticker .t{display:inline-block;will-change:transform}
.ticker .it{padding:0 22px;letter-spacing:.04em}
.ticker .it b{color:var(--sky)}
.ticker .up{color:#5fd49a}.ticker .down{color:#ff8a7c}

/* ---------- nav — full-width cell bar ---------- */
nav{position:sticky;top:0;z-index:80;display:flex;align-items:stretch;height:76px;background:var(--cream);border-bottom:1px solid rgba(16,24,40,.1)}
nav .brand{font-family:'Unbounded';font-weight:800;font-size:21px;display:flex;align-items:center;gap:10px;padding:0 30px;flex:0 0 auto;letter-spacing:-.02em}
nav a:not(.brand){flex:1 1 0;display:flex;align-items:center;justify-content:center;font-family:'Unbounded';font-weight:700;font-size:clamp(13px,1.3vw,19px);text-transform:uppercase;letter-spacing:.01em;color:var(--ink);white-space:nowrap;padding:0 10px;transition:background .15s,color .15s}
nav a:not(.brand):last-child{border-right:none}
nav a.on{box-shadow:inset 0 -4px 0 var(--blue);color:inherit}
nav a:not(.brand):hover:not(.on){background:var(--cream-3)}
@media(max-width:940px){nav{overflow-x:auto}nav a:not(.brand){flex:0 0 auto;padding:0 18px}}

.wrap{max-width:1340px;margin:0 auto;padding:0 4vw}

/* ---------- acciones tokenizadas (prioritaria) ---------- */
.tokact{margin:26px 0 8px;background:linear-gradient(180deg,#0E1626,#0B1020);border:1px solid rgba(124,140,255,.24);border-radius:22px;padding:26px 26px 28px;color:#fff;position:relative;overflow:hidden}
.tokact::after{content:"";position:absolute;right:-8%;top:-40%;width:46%;height:180%;background:radial-gradient(closest-side,rgba(67,83,255,.4),transparent 70%);pointer-events:none}
.ta-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:1}
.ta-badge{display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono';font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#0B1020;background:#00D5A1;border-radius:20px;padding:5px 11px}
.ta-badge i{width:7px;height:7px;border-radius:50%;background:#0B1020;animation:tapulse 1.6s ease-in-out infinite}
@keyframes tapulse{0%,100%{opacity:1}50%{opacity:.3}}
.ta-ttl h2{font-family:'Unbounded';font-weight:700;font-size:clamp(22px,3vw,34px);letter-spacing:-.02em;margin:12px 0 8px;color:#fff}
.ta-ttl p{font-size:14.5px;line-height:1.55;color:#C7CEE6;max-width:60ch}
.ta-notify{flex:none;display:inline-flex;align-items:center;gap:9px;background:var(--blue,#4353FF);color:#fff;border:1.5px solid var(--blue,#4353FF);border-radius:30px;padding:11px 18px;font-family:'Space Grotesk';font-weight:700;font-size:13.5px;cursor:pointer;transition:transform .12s,background .2s,box-shadow .2s;box-shadow:0 10px 24px -10px rgba(67,83,255,.7);white-space:nowrap}
.ta-notify svg{width:18px;height:18px}
.ta-notify:active{transform:scale(.97)}
.ta-notify.on{background:#00B488;border-color:#00B488;box-shadow:0 10px 24px -10px rgba(0,180,136,.7)}
.ta-grid{position:relative;z-index:1;margin-top:22px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.ta-card{display:flex;gap:13px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:14px 15px;transition:border-color .2s,transform .15s,background .2s}
.ta-card:hover{border-color:rgba(124,140,255,.5);transform:translateY(-2px);background:rgba(255,255,255,.08)}
.ta-logo{flex:none;width:44px;height:44px;border-radius:11px;background:#fff;display:grid;place-items:center;overflow:hidden}
.ta-logo img{width:28px;height:28px;object-fit:contain}
.ta-body{min-width:0;flex:1}
.ta-row1{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.ta-tag{font-family:'Space Mono';font-weight:700;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#7C8CFF;background:rgba(124,140,255,.16);border:1px solid rgba(124,140,255,.34);border-radius:20px;padding:2px 8px}
.ta-tag.ta-viral{color:#fff;background:#E0483A;border-color:#E0483A}
.ta-when{font-family:'Space Mono';font-size:11px;color:#8A93B0;margin-left:auto}
.ta-body h4{font-family:'Space Grotesk';font-weight:700;font-size:14.5px;line-height:1.25;color:#fff;margin:0 0 6px}
.ta-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}
.ta-src{font-size:12px;font-weight:600;color:#C7CEE6}
.ta-net{display:inline-flex;align-items:center;gap:5px;font-family:'Space Mono';font-size:11px;color:#8A93B0}
.ta-net i{width:6px;height:6px;border-radius:50%;background:#00D5A1}
@media(max-width:640px){.tokact{padding:20px 16px 22px;border-radius:18px}.ta-head{flex-direction:column;gap:14px}.ta-notify{width:100%;justify-content:center}.ta-grid{grid-template-columns:1fr}}

/* ---------- masthead ---------- */
.mast{padding:52px 0 30px;border-bottom:1px solid rgba(16,24,40,.1)}
.mast .dateline{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-family:'Space Grotesk';font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:18px}
.mast .dateline b{color:var(--blue)}
.mast h1{font-size:clamp(44px,8.5vw,128px);text-transform:uppercase;line-height:.84}
.mast h1 .ch{display:inline-block;will-change:transform}
.mast h1 .out{-webkit-text-stroke:clamp(1.5px,.3vw,3px) var(--ink);color:transparent}
.mast .tag{margin-top:14px;font-family:'Space Grotesk';font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mast .tag .sq{width:9px;height:9px;background:var(--blue)}

/* ---------- breaking ---------- */
.breaking{background:var(--blue);color:#fff;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(16,24,40,.1);display:flex;align-items:stretch}
.breaking .lbl{flex:0 0 auto;background:var(--ink);color:var(--cream);font-family:'Space Grotesk';font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:8px;padding:11px 18px;z-index:2}
.breaking .lbl i{width:8px;height:8px;border-radius:50%;background:var(--down);animation:blink 1.4s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
.breaking .bt{display:inline-block;will-change:transform;padding:11px 0;font-weight:700;font-size:14px}
.breaking .bt span{padding:0 26px}
.breaking .bt em{font-style:normal;color:var(--sky);font-family:'Space Grotesk';font-size:11px;letter-spacing:.08em;margin-right:8px}

/* ---------- feature ---------- */
.feature{display:grid;grid-template-columns:1.55fr .85fr;gap:0;border-bottom:1px solid rgba(16,24,40,.1)}
@media(max-width:920px){.feature{grid-template-columns:1fr}}
.fmain{padding:30px 34px 34px 0;border-right:none}
@media(max-width:920px){.fmain{padding-right:0}}
.fmain .fimg{position:relative;border:1px solid rgba(16,24,40,.14);border-radius:18px;overflow:hidden;box-shadow:0 18px 44px rgba(15,23,48,.15);margin-bottom:22px}
.fmain .fimg img{width:100%;aspect-ratio:16/8.5;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}
.fmain:hover .fimg img{transform:scale(1.04)}
.fmain .fimg .cat{position:absolute;top:14px;left:14px}
.cat{display:inline-flex;align-items:center;font-family:'Space Grotesk';font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:6px 12px;border-radius:20px;border:1px solid rgba(16,24,40,.18);color:#141414;white-space:nowrap}
.cat.monederos{background:var(--blue)}
.cat.dinero{background:var(--violet)}
.cat.productos{background:var(--up)}
.cat.regulacion{background:var(--down)}
.cat.seguridad{background:var(--ink);color:var(--cream)}
.fmain h2{font-size:clamp(28px,3.6vw,52px);line-height:.96;letter-spacing:-.02em}
.fmain h2:hover{color:var(--blue-deep)}
.fmain .dek{margin-top:14px;font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:var(--ink-soft);max-width:62ch}
.byline{display:flex;align-items:center;gap:10px;margin-top:16px;font-family:'Space Grotesk';font-size:11.5px;color:var(--ink-soft);flex-wrap:wrap}
.byline .av{width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px;border:1px solid rgba(16,24,40,.18)}
.byline b{color:var(--ink)}
.byline .dot2{width:3px;height:3px;border-radius:50%;background:var(--ink-soft)}

/* latest column */
.flat{padding:30px 0 30px 34px;display:flex;flex-direction:column}
@media(max-width:920px){.flat{padding-left:0;border-top:1px solid rgba(16,24,40,.1)}}
.flat .colhead{display:flex;align-items:center;justify-content:space-between;font-family:'Space Grotesk';font-weight:700;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;gap:10px}
.flat .colhead span{white-space:nowrap}
.flat .colhead .live{display:flex;align-items:center;gap:7px;color:var(--up)}
.flat .colhead .live i{width:7px;height:7px;border-radius:50%;background:var(--up);animation:blink 1.6s infinite}
.brief{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:flex-start;transition:background .15s}
.brief:last-child{border-bottom:none}
.brief:hover{background:var(--cream-2)}
.brief .tm{flex:0 0 auto;font-family:'Space Grotesk';font-size:11px;color:var(--blue);font-weight:700;padding-top:3px;min-width:56px}
.brief h4{font-size:15.5px;font-weight:700;line-height:1.3}
.brief .bcat{font-family:'Space Grotesk';font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-top:5px}

/* ---------- section heads ---------- */
.shead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:34px 0 18px;flex-wrap:wrap}
.shead h3{font-size:clamp(24px,3.4vw,44px);text-transform:uppercase;display:flex;align-items:center;gap:14px}
.shead h3 .sq{width:12px;height:12px;background:var(--blue);flex:0 0 auto}
.shead .more{font-family:'Space Grotesk';font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.06em}

/* category filter */
.fchips{display:flex;gap:8px;flex-wrap:wrap}
.fchip{border:1px solid rgba(16,24,40,.18);background:var(--cream);border-radius:30px;padding:8px 15px;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--ink);transition:.16s;white-space:nowrap}
.fchip.on{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(15,23,48,.12)}
.fchip:hover:not(.on){background:var(--cream-3);transform:translateY(-1px)}

/* ---------- feed grid ---------- */
.feed{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding:6px 0 30px}
.ncard{background:var(--cream);border:1px solid rgba(16,24,40,.18);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;will-change:transform,opacity}
.ncard:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--blue)}
.ncard .nimg{position:relative;border-bottom:1.5px solid var(--ink);overflow:hidden}
.ncard .nimg img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.ncard:hover .nimg img{transform:scale(1.05)}
.ncard .nimg .cat{position:absolute;top:12px;left:12px}
.ncard .nbody{padding:16px 18px 18px;display:flex;flex-direction:column;gap:10px;flex:1}
.ncard h4{font-size:18.5px;font-weight:800;line-height:1.22;letter-spacing:-.01em}
.ncard:hover h4{color:var(--blue-deep)}
.ncard .ndek{font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
.ncard .nfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--line);font-family:'Space Grotesk';font-size:10.5px;color:var(--ink-soft)}
.ncard .nfoot b{color:var(--ink)}
.empty{padding:60px;text-align:center;color:var(--ink-soft);font-family:'Space Grotesk';grid-column:1/-1}

/* reveals */
.fade{opacity:0;transform:translateY(26px);transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.16,1,.3,1)}
.fade.in{opacity:1;transform:none}

/* ---------- newsletter ---------- */
.news-cta{background:var(--blue);color:var(--cream);border-block:1px solid rgba(16,24,40,.1);position:relative;overflow:hidden;margin-top:20px}
.news-cta::before{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="2"/></filter><rect width="200" height="200" filter="url(%23n)" opacity="0.5"/></svg>');mix-blend-mode:overlay;opacity:.25;pointer-events:none}
.news-cta .in{max-width:1340px;margin:0 auto;padding:54px 4vw;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;position:relative;z-index:2}
@media(max-width:860px){.news-cta .in{grid-template-columns:1fr}}
.news-cta h3{font-size:clamp(26px,4vw,52px);text-transform:uppercase;line-height:.9}
.news-cta p{margin-top:12px;color:#39435C;font-size:15px;line-height:1.5;max-width:48ch}
.subform{display:flex;gap:10px;flex-wrap:wrap}
.subform input{flex:1;min-width:200px;border:1px solid rgba(16,24,40,.14);background:var(--cream);border-radius:14px;padding:15px 18px;font-family:'Space Grotesk';font-size:13.5px;color:var(--ink);outline:none}
.subform button{background:var(--ink);color:var(--cream);border:1px solid rgba(16,24,40,.14);border-radius:14px;padding:15px 26px;font-family:'Space Grotesk';font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 3px 0 var(--blue-deep);transition:.15s}
.subform button:active{transform:translateY(2px);box-shadow:none}
.subok{font-family:'Space Grotesk';font-size:13px;margin-top:10px;color:#1d5c38;display:none}
.subok.show{display:block}

footer{background:#0A1020;color:var(--ink-soft);padding:46px 4vw;font-family:'Space Grotesk';font-size:12px;letter-spacing:.08em}
footer .fw{max-width:1340px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}
footer .big{font-family:'Unbounded';font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-.02em}

/* toast */
#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(140%);background:var(--ink);color:var(--cream);padding:14px 22px;border-radius:40px;font-size:14px;font-weight:600;z-index:9999;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:10px;box-shadow:0 20px 50px rgba(15,23,48,.12)}
#toast.show{transform:translateX(-50%) translateY(0)}
#toast .dot{width:9px;height:9px;border-radius:50%;background:var(--blue-bright)}

/* preloader */
#pre{position:fixed;inset:0;z-index:11000;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--ink);transition:transform 1s cubic-bezier(.76,0,.24,1)}
#pre.done{transform:translateY(-100%)}
#pre .pw{font-family:'Unbounded';font-weight:800;font-size:clamp(30px,7vw,84px);letter-spacing:-.03em}
#pre .pd{width:min(40vw,300px);height:3px;background:var(--cream-3);overflow:hidden}
#pre .pd i{display:block;height:100%;width:0;background:var(--blue)}

/* ====== A · grafito & oro — artistic pass ====== */
.eyebrow,.label,.kicker{font-family:'Space Grotesk' !important;font-style:normal;font-weight:700;font-size:12px !important;letter-spacing:.14em !important;text-transform:uppercase !important}
.eyebrow .ln{height:1.5px !important;opacity:1}

/* mobile nav patch */
@media(max-width:760px){
  nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  nav::-webkit-scrollbar{display:none}
  nav a{white-space:nowrap}
}

/* ====== auditoría ui-ux: focus, táctil, reduced-motion ====== */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #00D5A1;outline-offset:3px;border-radius:6px}
a,button,select,label.chip,.chip{touch-action:manipulation}
@media (pointer:coarse){body{cursor:auto}.cursor,#cursor,.cur{display:none!important}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html{scroll-behavior:auto}
}

/* ====== ajuste Unbounded ====== */
.display{letter-spacing:-.015em}
.mast h1,.nhero h1{font-size:clamp(26px,4.4vw,66px);line-height:1.05}
.grain{opacity:.03!important}

/* ====== nav fit Unbounded (métrica ancha) ====== */
nav a:not(.brand){font-weight:600;font-size:clamp(10.5px,1vw,14.5px);letter-spacing:.015em;padding:0 6px}
nav .brand{font-size:17px;padding:0 18px}
@media(max-width:1080px){
  nav{overflow-x:auto;scrollbar-width:none}
  nav::-webkit-scrollbar{display:none}
  nav a:not(.brand){flex:0 0 auto;padding:0 13px}
}