:root{
  --fondo:oklch(0.15 0.007 187);--fondo-claro:oklch(0.19 0.009 187);--superficie:oklch(0.225 0.012 187);--superficie-2:oklch(0.285 0.016 187);
  --texto:oklch(0.95 0.005 187);--texto-oscuro:oklch(0.16 0.008 187);--muted:oklch(0.72 0.011 187);--linea:oklch(0.34 0.016 187);
  --acento:oklch(0.8 0.130 187);--acento-2:oklch(0.84 0.111 225);--amarillo:oklch(0.86 0.150 95);--rojo:oklch(0.7 0.190 27);
  --display:"Outfit", system-ui, sans-serif;--body:"Plus Jakarta Sans", system-ui, sans-serif;--ancho:1200px;--radio:14px;
}
html[data-theme="light"]{
  --fondo:oklch(0.99 0.004 187);--fondo-claro:oklch(0.965 0.006 187);--superficie:oklch(0.98 0.006 187);--superficie-2:oklch(0.94 0.010 187);
  --texto:oklch(0.26 0.012 187);--texto-oscuro:oklch(0.99 0.004 187);--muted:oklch(0.52 0.016 187);--linea:oklch(0.9 0.010 187);
  --acento:oklch(0.56 0.137 187);--acento-2:oklch(0.6 0.123 225);--amarillo:oklch(0.66 0.150 80);--rojo:oklch(0.56 0.200 27);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--texto);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased;font-size-adjust:from-font}
img{max-width:100%;height:auto;display:block}
a{color:var(--acento-2)}
h1,h2,h3{font-family:var(--display);line-height:1.15;font-size-adjust:from-font}
.container-n1ofnxj{width:min(100% - 2rem,var(--ancho));margin-inline:auto}
/* Defer rendering of heavy BELOW-the-fold sections (article body, author, related, footer): the browser
   skips their layout/paint until they near the viewport. contain-intrinsic-size reserves height (auto =
   remember the real size after first render) so the scrollbar never jumps. Never on hero/ranking (the
   first screen). Unsupported browsers ignore it -> render normally. */
.cv-n1ofnxj{content-visibility:auto;contain-intrinsic-size:auto none auto 600px}
.skip-n1ofnxj{position:absolute;left:-9999px;top:0;background:var(--acento);color:var(--texto-oscuro);padding:.6rem 1rem;z-index:200}
.skip-n1ofnxj:focus{left:0}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--acento-2);outline-offset:2px;border-radius:2px}
@property --ng{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes ng-rot{to{--ng:360deg}}
@keyframes cta-flow{to{background-position:200% 50%}}
@media(prefers-reduced-motion:no-preference){.btn-n1ofnxj,.nav-cta-n1ofnxj,.t-cta-n1ofnxj{animation:cta-flow 3s linear infinite}}

.site-header-n1ofnxj{border-bottom:1px solid var(--linea);background:var(--fondo-claro);position:sticky;top:0;z-index:50}
.bar-n1ofnxj{position:relative;display:flex;align-items:center;gap:1.5rem;padding:.9rem 0}
.brand-n1ofnxj{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:700;color:var(--texto);text-decoration:none}
.brand-mark-n1ofnxj{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex}
.brand-mark-n1ofnxj svg{width:100%;height:100%;display:block}
.foot-brand-n1ofnxj .brand-mark-n1ofnxj{width:2.3rem;height:2.3rem}
.glyph-n1ofnxj{display:grid;place-items:center;width:2rem;height:2rem;border-radius:calc(var(--radio) * .6);background:var(--acento);color:var(--texto-oscuro);font-weight:700}
.glyph-n1ofnxj svg{width:64%;height:64%;display:block}
.nav-n1ofnxj{display:flex;gap:1.1rem;margin-left:auto;align-items:center;min-width:0}
/* ONE ROW at every desktop width (owner: no 2-row header). Pillars never wrap; under width pressure a
   pillar shrinks + ellipsizes, while "Más" and the CTA keep their full width and stay visible. */
.nav-links-n1ofnxj{display:flex;gap:1.1rem;align-items:center;flex-wrap:nowrap;min-width:0}
.nav-links-n1ofnxj a{color:var(--texto);text-decoration:none;font-weight:500}
.nav-links-n1ofnxj a:hover{color:var(--acento)}
.nav-links-n1ofnxj>a{flex:0 1 auto;min-width:0;max-width:14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-links-n1ofnxj>.mega-wrap-n1ofnxj{flex:0 0 auto}
.bar-n1ofnxj>.brand-n1ofnxj{flex:0 0 auto}
/* "Más" MEGA-MENU (CSS-only <details>): the panel is anchored to the sticky .site-header (a positioned
   ancestor) and centred, width-capped to the viewport, so it never overflows at any width. */
.mega-btn-n1ofnxj{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;list-style:none;color:var(--texto);font-weight:500}
.mega-btn-n1ofnxj::-webkit-details-marker{display:none}
.mega-btn-n1ofnxj::after{content:"\25BE";color:var(--muted);font-size:.8em;transition:transform .2s ease}
.mega-wrap-n1ofnxj[open] .mega-btn-n1ofnxj{color:var(--acento)}
.mega-wrap-n1ofnxj[open] .mega-btn-n1ofnxj::after{transform:rotate(180deg)}
.mega-n1ofnxj{position:absolute;right:0;left:auto;top:calc(100% + .3rem);z-index:60;width:max-content;max-width:min(44rem,92vw);padding:1.15rem 1.25rem;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:0 24px 60px -22px rgba(0,0,0,.7)}
/* Mobile-only FLAT money-page links (owner 21.07: no "Mere" tap on mobile — vertical room is free).
   Hidden on desktop; the mobile media query hides the .mega dropdown and shows these instead. */
.mflat-n1ofnxj{display:none}
.mega-grid-n1ofnxj{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.35rem 1.5rem}
.mcol-n1ofnxj{display:flex;flex-direction:column;min-width:0}
.mh-n1ofnxj{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--acento);margin:0 0 .5rem;padding-bottom:.45rem;border-bottom:1px solid var(--linea)}
.mcol-n1ofnxj a{padding:.38rem .5rem;border-radius:calc(var(--radio) * .5);text-decoration:none;color:var(--texto);font-size:.9rem;line-height:1.3}
.mcol-n1ofnxj a:hover{background:var(--superficie-2);color:var(--acento)}
.burger-n1ofnxj{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0;background:transparent;border:1px solid var(--linea);border-radius:10px;cursor:pointer}
.burger-n1ofnxj span{display:block;width:20px;height:2px;margin:0 auto;background:var(--texto);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.burger-n1ofnxj[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger-n1ofnxj[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger-n1ofnxj[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.hero-n1ofnxj{padding:2.5rem 0 1rem}
#ranking{padding-top:1rem}
.hero-n1ofnxj h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 1rem}
.kicker-n1ofnxj{color:var(--acento);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;margin:0 0 .5rem}
/* hero mini top-3 billboard (element "mini-top3" @ hero.top3) — same vocabulary as base-css.ts. */
.hero-split-n1ofnxj .hero-g-n1ofnxj{display:grid;grid-template-columns:1.05fr .95fr;gap:2.6rem;align-items:center}
.m3-n1ofnxj{display:grid;gap:.7rem}
.m3-row-n1ofnxj{display:grid;grid-template-columns:36px 1fr auto auto;gap:.9rem;align-items:center;background:var(--superficie);border:1px solid var(--linea);border-radius:12px;padding:.7rem .95rem}
.m3-first-n1ofnxj{border-color:var(--acento);box-shadow:0 14px 38px -18px var(--acento)}
.m3-pos-n1ofnxj{font-family:var(--display);font-weight:800;font-size:1.15rem;color:var(--muted);text-align:center}
.m3-first-n1ofnxj .m3-pos-n1ofnxj{color:var(--acento)}
.m3-who-n1ofnxj{min-width:0}
.m3-who-n1ofnxj b{display:block;font-size:.95rem}
.m3-who-n1ofnxj small{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m3-score-n1ofnxj{font-family:var(--display);font-weight:800;color:var(--acento)}
.m3-go-n1ofnxj{white-space:nowrap;font-size:.88rem;padding:.5em 1.05em}
@media (max-width:900px){.hero-split-n1ofnxj .hero-g-n1ofnxj{grid-template-columns:1fr}.m3-who-n1ofnxj small{white-space:normal}}
@media (max-width:640px){.m3-row-n1ofnxj{grid-template-columns:28px 1fr auto;row-gap:.3rem}.m3-score-n1ofnxj{display:none}.m3-go-n1ofnxj{min-height:44px;display:inline-flex;align-items:center}}
.lede-n1ofnxj{font-size:1.15rem;width:100%;text-align:justify;text-align-last:left}
.actions-n1ofnxj{margin-top:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap}
.byline-n1ofnxj{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin:.4rem 0 1.6rem;padding-bottom:1.4rem;border-bottom:1px solid var(--linea);font-size:.9rem}
.byline-id-n1ofnxj{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--texto)}
.byline-img-n1ofnxj{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:1px solid var(--linea)}
.byline-who-n1ofnxj{display:flex;flex-direction:column;line-height:1.3}
.byline-name-n1ofnxj{font-family:var(--display);font-weight:700;font-size:1rem}
.byline-by-n1ofnxj{color:var(--muted);font-weight:400}
.byline-id-n1ofnxj:hover .byline-name-n1ofnxj{color:var(--acento)}
.byline-role-n1ofnxj{color:var(--muted);font-size:.85rem}
.byline-date-n1ofnxj{color:var(--muted);margin-left:auto}
.byline-date-n1ofnxj time{color:var(--texto);font-weight:600}
.byline-bio-n1ofnxj{flex-basis:100%;margin:0;color:var(--muted);font-size:.95rem;line-height:1.5;max-width:72ch}
@media(max-width:560px){.byline-date-n1ofnxj{margin-left:0;flex-basis:100%}}

.section-n1ofnxj{padding:2rem 0}
.section-n1ofnxj h2{font-size:clamp(1.4rem,3vw,2rem);margin:.2rem 0 1rem}
.card-n1ofnxj{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:1.25rem}
.grid-n1ofnxj{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.btn-n1ofnxj{display:inline-block;background:linear-gradient(110deg,var(--acento),var(--acento-2),var(--acento));background-size:200% 100%;color:var(--texto-oscuro);font-weight:700;padding:.7rem 1.2rem;border-radius:999px;text-decoration:none;border:0;cursor:pointer;box-shadow:0 6px 20px -7px color-mix(in srgb,var(--acento) 70%,transparent);transition:filter .2s ease,box-shadow .2s ease}
.btn-n1ofnxj:hover{filter:brightness(1.07) saturate(1.05);box-shadow:0 9px 26px -7px color-mix(in srgb,var(--acento-2) 75%,transparent)}
.btn-ghost-n1ofnxj{display:inline-block;background:transparent;color:var(--texto);font-weight:600;padding:.7rem 1.2rem;border-radius:999px;text-decoration:none;border:1px solid var(--linea)}
.nav-cta-n1ofnxj{position:relative;isolation:isolate;display:inline-block;background:linear-gradient(110deg,var(--acento),var(--acento-2),var(--acento));background-size:200% 100%;color:var(--texto-oscuro);font-weight:700;padding:.5rem .95rem;border-radius:999px;text-decoration:none;white-space:nowrap;font-size:.92rem;box-shadow:0 4px 16px -6px color-mix(in srgb,var(--acento) 65%,transparent);transition:filter .2s ease}
.nav-cta-n1ofnxj:hover{filter:brightness(1.08) saturate(1.05)}
.nav-cta-n1ofnxj::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--ng),transparent 0deg,rgba(255,255,255,.9) 14%,transparent 34%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.nav-cta-n1ofnxj::before{animation:ng-rot 5s linear infinite}}
.header-cta-n1ofnxj{display:none;align-items:center;background:linear-gradient(110deg,var(--acento),var(--acento-2),var(--acento));background-size:200% 100%;color:var(--texto-oscuro);font-weight:700;padding:.5rem .9rem;border-radius:999px;text-decoration:none;white-space:nowrap;font-size:.9rem}
.nav-brand-n1ofnxj{display:none}
.home-ic-n1ofnxj{display:none}
.menu-cta-n1ofnxj{display:inline-flex;gap:.6rem;align-items:center;flex:0 0 auto}
.nav-cta2-n1ofnxj{display:none;align-items:center;justify-content:center;background:var(--superficie-2);border:1px solid var(--acento);color:var(--texto);font-weight:700;padding:.5rem .95rem;border-radius:999px;text-decoration:none;white-space:nowrap;font-size:.9rem;line-height:1.2}
.foot-cookies-n1ofnxj{background:none;border:0;padding:0;color:var(--muted);font:inherit;cursor:pointer;text-decoration:underline}
.foot-cookies-n1ofnxj:hover{color:var(--acento)}
.note-n1ofnxj{background:var(--superficie-2);border-left:3px solid var(--amarillo);padding:1rem 1.25rem;border-radius:var(--radio)}
.disclaimer-n1ofnxj{color:var(--muted);font-size:.85rem}
.tabla-n1ofnxj caption{padding:.85rem 1rem;text-align:left;line-height:1.45}
.promo-n1ofnxj{position:relative;z-index:2;display:inline-flex;align-items:center;gap:.35rem;background:var(--superficie-2);border:1px solid var(--linea);border-radius:6px;padding:.16rem .5rem;color:var(--texto);font-family:inherit;font-weight:700;font-size:.8rem;letter-spacing:.03em;cursor:pointer;transition:border-color .15s ease,color .15s ease}
.promo-n1ofnxj:hover{border-color:var(--acento);color:var(--acento)}
.promo-ic-n1ofnxj{width:13px;height:13px;opacity:.65}
.promo-off-n1ofnxj{display:none;color:var(--acento)}
.promo-n1ofnxj.is-copied{border-color:var(--acento)}
.promo-n1ofnxj.is-copied .promo-on-n1ofnxj,.promo-n1ofnxj.is-copied .promo-ic-n1ofnxj{display:none}
.promo-n1ofnxj.is-copied .promo-off-n1ofnxj{display:inline}
.rank-promo-n1ofnxj{margin:.4rem 0 0;font-size:.78rem;color:var(--muted);display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;position:relative;z-index:2}
/* BREADCRUMBS ARE IN THE MARKUP, NOT ON THE SCREEN (owner, 27.08.2026: "хлібні крихти... в коді хай
   будуть, але візуально сховаємо"). The trail still ships: the nav element, its links and aria-current
   stay in the DOM and in the accessibility tree, and the BreadcrumbList JSON-LD in SchemaGraph is a
   separate node that never depended on this CSS. Only the pixels are gone.
   The visually-hidden pattern, not display:none — the latter drops the trail out of the a11y tree too,
   which would hide it from the screen reader that is the one reader still using it.
   The wrap used to RESERVE the hero's top padding and the hero dropped its own (.has-crumbs), so the H1
   sat at the same Y on home and on sub-pages. With the strip gone the compensation has to go with it,
   or every sub-page hero would open flush against the header — so that rule is deleted rather than
   left dangling, and the hero keeps its normal padding everywhere. */
.crumbs-wrap-n1ofnxj{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.smap-n1ofnxj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 2.5rem}
.smap-n1ofnxj h2{font-family:var(--display);font-size:1rem;margin:0 0 .8rem;color:var(--acento)}
.smap-n1ofnxj ul{margin:0;padding-left:1.1rem;display:grid;gap:.45rem}
.smap-n1ofnxj a{color:var(--texto);text-decoration:none}
.smap-n1ofnxj a:hover{color:var(--acento)}

.trust-n1ofnxj{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem 1.5rem;margin:0;padding:1.15rem 0;list-style:none;border-block:1px solid var(--linea)}
.trust-i-n1ofnxj{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.82rem;line-height:1.25}
.trust-ic-n1ofnxj{flex:0 0 auto;display:inline-flex;color:var(--acento)}
.trust-ic-n1ofnxj svg{width:24px;height:24px;display:block}
.trust-tx-n1ofnxj strong{display:block;color:var(--texto);font-family:var(--display);font-weight:700;font-size:.92rem}

.ranking-n1ofnxj{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}
.rank-n1ofnxj{position:relative;isolation:isolate;display:grid;grid-template-columns:140px minmax(160px,1fr) minmax(220px,auto);gap:.6rem 1.25rem;align-items:center;background:var(--superficie);border-radius:var(--radio);padding:1rem 1.25rem;box-shadow:0 8px 28px rgba(0,0,0,.35);transition:box-shadow .25s ease;cursor:pointer}
.rank-n1ofnxj::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ng),var(--linea),var(--acento) 25%,var(--acento-2) 42%,var(--linea) 62%,var(--linea) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.rank-n1ofnxj:hover{box-shadow:0 0 24px -7px color-mix(in srgb,var(--acento) 55%,transparent),0 12px 36px rgba(0,0,0,.5)}
@media(prefers-reduced-motion:no-preference){.rank-n1ofnxj::before{animation:ng-rot 6s linear infinite}}
.rank-brand-n1ofnxj{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;min-width:0}
.rank-logo-n1ofnxj{width:120px;height:56px;object-fit:contain;object-position:left center;background:transparent}
.stars-n1ofnxj{position:relative;display:inline-block;color:var(--linea);font:.9rem/1 Arial,sans-serif;letter-spacing:.12em}
.stars-n1ofnxj::before{content:"★★★★★"}
.stars-on-n1ofnxj{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;width:calc(var(--r)/5*100%);color:var(--amarillo)}
.stars-on-n1ofnxj::before{content:"★★★★★"}
.rank-offer-n1ofnxj{min-width:0}
.rank-name-n1ofnxj{font-family:var(--display);font-weight:700;margin:0 0 .15rem;font-size:1.05rem}
.rank-bonus-n1ofnxj{margin:0;font-weight:600;color:var(--texto);line-height:1.35;font-size:.95rem}
.rank-bonus-n1ofnxj small{display:block;color:var(--muted);font-weight:400;font-size:.78rem;margin-top:.15rem}
.pay-n1ofnxj{display:flex;flex-wrap:wrap;gap:.3rem;margin:.55rem 0 0;padding:0;list-style:none}
.pay-i-n1ofnxj{display:inline-flex;align-items:center;background:var(--superficie-2);border:1px solid var(--linea);border-radius:5px;padding:0 .5rem;height:26px}
.pay-ic-n1ofnxj{display:inline-flex}
.pay-ic-n1ofnxj svg{height:15px;width:auto;display:block}
.sr-only-n1ofnxj{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rank-logo-link-n1ofnxj{display:inline-block;line-height:0;position:relative;z-index:2}
.tip-n1ofnxj{position:relative}
.tip-n1ofnxj::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 7px);background:var(--fondo-claro);color:var(--texto);border-radius:6px;padding:.3rem .55rem;font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;box-shadow:0 8px 22px rgba(0,0,0,.55);z-index:40}
.tip-n1ofnxj:hover::after,.tip-n1ofnxj:focus-visible::after{opacity:1;transform:translateY(0)}
.rank-side-n1ofnxj{display:flex;flex-direction:column;gap:.5rem;justify-self:stretch}
.stats-n1ofnxj{display:flex;gap:.5rem}
.stat-n1ofnxj{flex:1;display:grid;justify-items:center;gap:.05rem;background:var(--superficie-2);border:1px solid var(--linea);border-radius:calc(var(--radio) * .7);padding:.5rem .4rem;min-width:72px}
.stat-n1ofnxj svg{color:var(--acento)}
.stat-n1ofnxj strong{font-family:var(--display);font-size:1.05rem;color:var(--texto);line-height:1.1}
.stat-n1ofnxj span{font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.rank-cta-n1ofnxj{text-align:center;width:100%}
.rank-cta-n1ofnxj::after{content:"";position:absolute;inset:0;z-index:1}
.badge-n1ofnxj{display:inline-block;font-size:.7rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;border:1px solid var(--linea);color:var(--muted);white-space:nowrap}
.badge-pending-n1ofnxj{color:var(--amarillo);border-color:transparent;background:color-mix(in srgb,var(--amarillo) 14%,transparent)}

.table-wrap-n1ofnxj{overflow-x:auto;min-width:0;border:1px solid var(--linea);border-radius:var(--radio)}
.tabla-n1ofnxj{width:100%;border-collapse:collapse;min-width:520px}
.tabla-n1ofnxj th,.tabla-n1ofnxj td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--linea)}
.tabla-n1ofnxj thead th{font-family:var(--display);color:var(--acento);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}
.tabla-n1ofnxj tbody tr{transition:background .18s ease}
.tabla-n1ofnxj tbody tr:hover{background:var(--superficie)}
.tabla-n1ofnxj tbody tr:hover th{color:var(--acento)}
.t-cta-n1ofnxj{display:inline-block;background:linear-gradient(110deg,var(--acento),var(--acento-2),var(--acento));background-size:200% 100%;color:var(--texto-oscuro);font-weight:700;font-size:.82rem;padding:.42rem .9rem;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px -6px color-mix(in srgb,var(--acento) 70%,transparent);transition:filter .15s ease,transform .15s ease}
.t-cta-n1ofnxj:hover{filter:brightness(1.08) saturate(1.05);transform:translateY(-1px)}

.faq-n1ofnxj{display:grid;gap:.5rem}
.faq-n1ofnxj details{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:.4rem .9rem}
.faq-n1ofnxj summary{cursor:pointer;font-weight:600;padding:.5rem 0}
.faq-n1ofnxj summary::-webkit-details-marker{display:none}

.author-n1ofnxj{display:flex;gap:1rem;align-items:center;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:1.1rem}
.author-img-n1ofnxj{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.author-info-n1ofnxj h3{margin:0 0 .2rem}
.author-info-n1ofnxj p{margin:0;color:var(--muted);font-size:.92rem}

.steps-n1ofnxj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}
.step-n1ofnxj{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:1.1rem 1.25rem;transition:border-color .2s ease}
.step-n1ofnxj:hover{border-color:color-mix(in srgb,var(--acento) 45%,var(--linea))}
.step-n1ofnxj:last-child:nth-child(odd){grid-column:1 / -1}
.step-num-n1ofnxj{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--acento),var(--acento-2));color:var(--texto-oscuro);font-family:var(--display);font-weight:800;font-size:1rem;box-shadow:0 4px 14px -5px color-mix(in srgb,var(--acento) 70%,transparent)}
.step-c-n1ofnxj{padding-top:.1rem;min-width:0}
.step-c-n1ofnxj h3{margin:0 0 .3rem;font-size:1.06rem}
.step-c-n1ofnxj p{margin:0;color:var(--muted);line-height:1.55}

.related-n1ofnxj{margin:3rem 0 0;background:var(--superficie);border:1px solid var(--linea);border-radius:18px;padding:1.6rem 1.75rem}
.related-h-n1ofnxj{font-family:var(--display);font-size:1.05rem;margin:0 0 1rem;color:var(--acento)}
.related-list-n1ofnxj{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.55rem 1.75rem}
.related-list-n1ofnxj a{display:inline-flex;align-items:center;gap:.5rem;color:var(--texto);text-decoration:none;font-size:.95rem;font-weight:600;transition:color .15s ease}
.related-list-n1ofnxj a::before{content:"\2192";color:var(--acento);font-weight:700;font-size:.85em}
.related-list-n1ofnxj a:hover{color:var(--acento)}

.art-n1ofnxj h2{margin-top:2rem}
.art-n1ofnxj h3{margin:1.6rem 0 .5rem;font-size:1.1rem}
.art-n1ofnxj p{line-height:1.6}
/* Article list block (ArticleBody kind:"list") — clear markers + spacing so it never reads as a paragraph. */
.art-list-n1ofnxj{margin:1.15rem 0;padding-left:1.75rem;display:flex;flex-direction:column;gap:.55rem;line-height:1.6}
.art-list-n1ofnxj li{padding-left:.3rem}
.art-list-n1ofnxj li::marker{color:var(--acento);font-weight:700}
/* Article table block (ArticleBody kind:"table") — bordered card, accent header, zebra rows: unmistakably a table. */
.art-tbl-n1ofnxj,.art-n1ofnxj .art-tbl{overflow-x:auto;min-width:0;margin:1.5rem 0;border:1px solid var(--linea);border-radius:var(--radio)}
.art-tbl-n1ofnxj table,.art-n1ofnxj .art-tbl table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:480px}
.art-tbl-n1ofnxj caption,.art-n1ofnxj .art-tbl caption{caption-side:bottom;color:var(--muted);font-size:.8rem;text-align:left;padding:.55rem .85rem}
.art-tbl-n1ofnxj th,.art-n1ofnxj .art-tbl th,.art-tbl-n1ofnxj td,.art-n1ofnxj .art-tbl td{padding:.7rem .85rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--linea)}
.art-tbl-n1ofnxj thead th,.art-n1ofnxj .art-tbl thead th{background:var(--superficie-2);color:var(--acento);font-family:var(--display);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid color-mix(in srgb,var(--acento) 45%,var(--linea))}
.art-tbl-n1ofnxj tbody th,.art-n1ofnxj .art-tbl tbody th{font-weight:600;color:var(--texto)}
.art-tbl-n1ofnxj tbody tr:nth-child(even),.art-n1ofnxj .art-tbl tbody tr:nth-child(even){background:color-mix(in srgb,var(--superficie) 55%,transparent)}
.art-tbl-n1ofnxj tbody tr:hover,.art-n1ofnxj .art-tbl tbody tr:hover{background:var(--superficie)}
.art-tbl-n1ofnxj tbody tr:last-child th,.art-n1ofnxj .art-tbl tbody tr:last-child th,.art-tbl-n1ofnxj tbody tr:last-child td,.art-n1ofnxj .art-tbl tbody tr:last-child td{border-bottom:0}
.proscons-n1ofnxj{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem 1.5rem;margin:1.25rem 0}
.pros-n1ofnxj,.cons-n1ofnxj{background:var(--superficie);border:1px solid var(--linea);border-radius:14px;padding:1rem 1.2rem}
.pros-n1ofnxj h3,.cons-n1ofnxj h3{margin:0 0 .6rem;font-size:1rem;font-family:var(--display)}
.pros-n1ofnxj ul,.cons-n1ofnxj ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.45rem}
.pros-n1ofnxj li,.cons-n1ofnxj li{padding-left:1.5rem;position:relative;line-height:1.5}
.pros-n1ofnxj li::before{content:"+";position:absolute;left:0;color:var(--acento);font-weight:700}
.cons-n1ofnxj li::before{content:"\2212";position:absolute;left:.1rem;color:var(--rojo);font-weight:700}
.art-steps-n1ofnxj{margin:1rem 0;padding-left:1.3rem;display:flex;flex-direction:column;gap:.55rem}
.art-refs-n1ofnxj{margin:.5rem 0;padding-left:1.75rem;display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}
.art-toc-n1ofnxj{margin:0 0 1.2rem;padding:.8rem 1rem;border:1px solid var(--linea);border-radius:10px;font-size:.92rem}
.art-toc-n1ofnxj ul{margin:0;display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;padding-left:1.1rem}
.art-fig-n1ofnxj{margin:1.5rem 0}
.art-fig-n1ofnxj img{width:100%;height:auto;border-radius:14px;border:1px solid var(--linea);display:block}
.art-fig-n1ofnxj figcaption{margin-top:.5rem;color:var(--muted);font-size:.85rem;text-align:center}
.art-fig-n1ofnxj[data-float=right]{float:right;max-inline-size:min(42%,340px);margin:.3rem 0 1rem 1.5rem}
.art-fig-n1ofnxj[data-float=left]{float:left;max-inline-size:min(42%,340px);margin:.3rem 1.5rem 1rem 0}
@media(max-width:640px){.art-fig-n1ofnxj[data-float]{float:none;max-inline-size:100%;margin:1.5rem 0}}
/* promo-image (ArticleBody kind "promo-image"): keywords + CTA overlaid in HTML — AMP-safe, stacks on mobile. */
.art-promo-n1ofnxj{position:relative;margin:1.6rem 0;border-radius:14px;overflow:hidden;border:1px solid var(--linea)}
.art-promo-n1ofnxj img{width:100%;height:auto;display:block}
.promo-ov-n1ofnxj{position:absolute;inset:auto 0 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1.2rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.82) 60%)}
.promo-kw-n1ofnxj{font-family:var(--display);font-weight:700;font-size:clamp(1.25rem,2.6vw,1.9rem);line-height:1.1;color:#fff}
.promo-kw-n1ofnxj small{display:block;font-family:var(--body);font-weight:600;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--acento);margin-bottom:.3rem}
.promo-cta-n1ofnxj{font-size:.95rem}
.art-promo-n1ofnxj[data-layout="stamp"] .promo-ov-n1ofnxj{inset:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(0,0,0,.45)}
.art-promo-n1ofnxj[data-layout="ribbon"] .promo-ov-n1ofnxj{inset:0 auto 0 0;max-width:60%;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,rgba(0,0,0,.85) 40%,transparent)}
@media (max-width:640px){.promo-ov-n1ofnxj{flex-direction:column;align-items:flex-start}.art-promo-n1ofnxj[data-layout="ribbon"] .promo-ov-n1ofnxj{max-width:100%}.promo-cta-n1ofnxj{width:100%;text-align:center}}
/* jackpot board */
.jkb-n1ofnxj{display:grid;gap:.8rem;margin:1.6rem 0}
.jkb-row-n1ofnxj{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;background:var(--superficie);border:1px solid var(--linea);border-radius:12px;padding:.85rem 1.1rem}
.jkb-who-n1ofnxj b{display:block}
.jkb-who-n1ofnxj small{color:var(--muted)}
.jkb-digits-n1ofnxj{display:flex;gap:3px;align-items:center}
.jkb-digits-n1ofnxj span{font-family:var(--display);font-weight:800;font-size:1.35rem;line-height:1;background:var(--fondo);border:1px solid var(--linea);color:var(--acento);border-radius:6px;padding:.3em .3em;min-width:1.05em;text-align:center}
.jkb-digits-n1ofnxj .jkb-sep-n1ofnxj{background:transparent;border:none;color:var(--muted);min-width:auto;padding:.3em .05em}
.jkb-go-n1ofnxj{white-space:nowrap;font-size:.9rem;padding:.5em 1.1em}
.jkb-note-n1ofnxj{color:var(--muted);font-size:.78rem;text-align:center;margin:.2rem 0 0}
@media (max-width:640px){.jkb-row-n1ofnxj{grid-template-columns:1fr auto;row-gap:.5rem}.jkb-digits-n1ofnxj span{font-size:1.1rem}}
/* category tiles */
.cat-tiles-n1ofnxj{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.4rem 0}
.cat-tile-n1ofnxj{position:relative;display:block;background:var(--superficie);border:1px solid var(--linea);border-radius:14px;padding:1.1rem;text-decoration:none;color:var(--texto);transition:border-color .18s ease,translate .18s ease}
.cat-tile-n1ofnxj:hover{border-color:var(--acento);translate:0 -2px}
.cat-tile-n1ofnxj .cat-n-n1ofnxj{position:absolute;top:.8rem;right:.9rem;color:var(--muted);font-size:.72rem;border:1px solid var(--linea);border-radius:99px;padding:.12rem .55rem}
.cat-tile-n1ofnxj i{font-style:normal;font-size:1.3rem;display:block;margin-bottom:.3rem}
.cat-tile-n1ofnxj b{display:block;font-family:var(--display);font-weight:700}
.cat-tile-n1ofnxj p{margin:.25rem 0 0;color:var(--muted);font-size:.86rem}
/* bonus-terms box */
.bterms-n1ofnxj{background:var(--superficie);border:1px solid var(--linea);border-left:3px solid var(--acento);border-radius:14px;padding:1.1rem 1.3rem;margin:1.4rem 0}
.bterms-brand-n1ofnxj{margin:0 0 .4rem;font-family:var(--display);font-weight:700}
.bterms-row-n1ofnxj{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px dashed var(--linea);padding:.35rem 0;color:var(--muted);font-size:.94rem}
.bterms-row-n1ofnxj b{color:var(--texto)}
.bterms-ok-n1ofnxj{margin:.6rem 0 0;color:var(--acento-2);font-size:.9rem}
.bterms-warn-n1ofnxj{margin:.6rem 0 0;color:var(--rojo);font-size:.9rem}
/* editor quote */
.equote-n1ofnxj{margin:1.6rem 0;padding:1.2rem 1.5rem;background:var(--superficie);border-left:4px solid var(--acento);border-radius:0 14px 14px 0;font-family:var(--display);font-weight:600;font-size:1.1rem;line-height:1.5}
.equote-n1ofnxj footer{margin-top:.5rem;font-family:var(--body);font-weight:500;font-size:.85rem;color:var(--muted)}
/* verification log */
.vlog-n1ofnxj{background:var(--superficie);border:1px solid var(--linea);border-left:3px solid var(--acento-2);border-radius:14px;padding:1rem 1.2rem;margin:1.4rem 0;font-size:.92rem;color:var(--muted)}
.vlog-n1ofnxj p{margin:.3rem 0}
.vlog-t-n1ofnxj{color:var(--acento-2);font-weight:600}
/* sticky mobile CTA bar (canonical only) */
.scta-n1ofnxj{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:center;gap:.9rem;background:var(--fondo-claro);border-top:1px solid var(--linea);padding:.55rem 1rem calc(.55rem + env(safe-area-inset-bottom))}
.scta-who-n1ofnxj{font-size:.86rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scta-who-n1ofnxj b{color:var(--texto)}
.scta-go-n1ofnxj{white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;padding:.5em 1.4em}
@media (min-width:901px){.scta-n1ofnxj{display:none}}
@media (max-width:900px){
  html:has(.scta-n1ofnxj) .cookie-bar-n1ofnxj,html:has(.scta-n1ofnxj) .pwa-card-n1ofnxj{bottom:calc(64px + env(safe-area-inset-bottom))}
  html:has(.scta-n1ofnxj) .to-top-n1ofnxj{bottom:calc(76px + env(safe-area-inset-bottom))}
}
/* header author strip / byline card */
.astrip-n1ofnxj{display:flex;align-items:center;gap:.8rem;border-bottom:1px solid var(--linea);background:var(--fondo-claro);padding:.5rem 0;font-size:.85rem;color:var(--muted)}
.astrip-ava-n1ofnxj{width:26px;height:26px;border-radius:50%;background:var(--acento);color:var(--texto-oscuro);display:grid;place-items:center;font-weight:700;font-size:.66rem;overflow:hidden}
.astrip-ava-n1ofnxj img{width:100%;height:100%;object-fit:cover;display:block}
.astrip-n1ofnxj b{color:var(--texto);font-weight:600}
.astrip-badge-n1ofnxj{color:var(--acento-2);font-weight:600}
.acard-n1ofnxj{display:flex;align-items:center;gap:.9rem;background:var(--superficie);border:1px solid var(--linea);border-radius:12px;padding:.7rem 1rem;max-width:660px;margin:.9rem auto 0}
.acard-n1ofnxj .astrip-ava-n1ofnxj{width:40px;height:40px;font-size:.85rem}
.acard-who-n1ofnxj b{display:block;color:var(--texto)}
.acard-who-n1ofnxj small{color:var(--muted)}
.acard-bdg-n1ofnxj{margin-left:auto;display:flex;gap:.5rem;flex-wrap:wrap}
.acard-bdg-n1ofnxj span{font-size:.7rem;font-weight:600;border:1px solid var(--linea);border-radius:99px;padding:.2em .7em;color:var(--muted)}
@media (max-width:760px){.astrip-n1ofnxj{flex-wrap:wrap;row-gap:.15rem}.acard-bdg-n1ofnxj{display:none}}
.glos-n1ofnxj{margin:1rem 0 .5rem;display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:.55rem 1.25rem;align-items:baseline}
.glos-n1ofnxj dt{font-family:var(--display);font-weight:700;color:var(--acento)}
.glos-n1ofnxj dd{margin:0;color:var(--muted);line-height:1.55}
@media (max-width:560px){.glos-n1ofnxj{grid-template-columns:1fr;gap:.15rem}.glos-n1ofnxj dt{margin-top:.6rem}}

.site-footer-n1ofnxj{border-top:1px solid var(--linea);background:linear-gradient(180deg,var(--fondo-claro),var(--fondo));margin-top:4rem}
.foot-grid-n1ofnxj{display:grid;grid-template-columns:1.7fr repeat(var(--fcols,4),minmax(0,1fr));gap:1.5rem 2rem;padding:3rem 0 2.25rem;align-items:start}
.foot-brand-n1ofnxj{max-width:34ch}
.foot-brand-n1ofnxj .brand-n1ofnxj{font-size:1.15rem}
.foot-desc-n1ofnxj{color:var(--muted);font-size:.9rem;line-height:1.55;margin:.9rem 0}
.foot-col-n1ofnxj nav{display:flex;flex-direction:column;gap:.6rem}
.foot-col-n1ofnxj a{font-size:.92rem}
.foot-h-n1ofnxj{font-family:var(--display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--acento);margin:0 0 1.1rem}
.foot-bottom-n1ofnxj{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1.2rem 0;border-top:1px solid var(--linea);color:var(--muted);font-size:.82rem}
.site-footer-n1ofnxj a{color:var(--muted);text-decoration:none}
.site-footer-n1ofnxj a:hover{color:var(--acento)}
.edad-n1ofnxj{color:var(--amarillo);font-weight:700;font-size:.82rem;display:block;line-height:1.5}
/* Full-width facet STRIP: every money page as a flex-wrap pill row — fills the width and wraps to new
   rows, scaling to any count, never a tall vertical column. */
.foot-strip-n1ofnxj{margin-top:.5rem;padding:1.3rem 1.4rem;border:1px solid var(--linea);border-radius:var(--radio);background:linear-gradient(180deg,color-mix(in srgb,var(--acento) 5%,transparent),transparent)}
.strip-h-n1ofnxj{display:flex;align-items:center;gap:.5rem;font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--texto);margin:0 0 .9rem}
.strip-h-n1ofnxj::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--acento);flex:0 0 auto}
/* Money pages as a COLLAPSED ACCORDION (owner, 27.08.2026, choosing between an open grid and this:
   forty-two links open by default made the footer taller than a screen). Six rows in two columns; the
   links stay in the DOM whether a row is open or not, so the internal linking and the crawl are
   unchanged and only the reader's screen gets shorter.
   The same <details> device the header menus use: no script, so the AMP twin keeps a footer that opens
   and closes instead of degrading to a wall. Deliberately WITHOUT a name group — the header needs one
   panel at a time because its panels overlap the page, while two open footer rows simply stack. */
/* BALANCED COLUMNS, not a grid of equal cells — see the same rule in preview/base-css.ts. The groups
   are uneven (10/7/3/4/5/13) and a grid gave each the same cell, leaving two holes a column wide.
   Multicolumn balances by CONTENT; break-inside keeps a group whole. */
.strip-grid-n1ofnxj{columns:4;column-gap:2rem}
.strip-col-n1ofnxj{break-inside:avoid;margin:0 0 1.15rem}
.strip-ch-n1ofnxj{font-family:var(--display);font-size:.8rem;font-weight:700;color:var(--texto);margin:0 0 .5rem}
.strip-col-n1ofnxj nav{display:grid;gap:.42rem}
.strip-col-n1ofnxj a{font-size:.82rem;line-height:1.35;color:var(--muted);text-decoration:none}
.strip-col-n1ofnxj a:hover{color:var(--acento)}
.foot-intro-n1ofnxj{display:grid;gap:.6rem;padding:3rem 0 0;max-width:none}
.foot-intro-n1ofnxj .foot-desc-n1ofnxj{margin:0;max-width:none}
.foot-story-n1ofnxj{margin:0;max-width:92ch;font-size:.86rem;line-height:1.6;color:var(--muted)}
.foot-links-n1ofnxj{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;padding:1.1rem 0 1.4rem}
.foot-links-n1ofnxj a{font-size:.86rem;color:var(--muted);text-decoration:none}
.foot-links-n1ofnxj a:hover{color:var(--acento)}
.pills-n1ofnxj{display:flex;flex-wrap:wrap;gap:.5rem}
.mpill-n1ofnxj{display:inline-flex;align-items:center;white-space:nowrap;font-size:.82rem;line-height:1;color:var(--muted);padding:.5rem .8rem;border:1px solid var(--linea);border-radius:999px;background:var(--superficie);text-decoration:none;transition:color .15s ease,border-color .15s ease,background-color .15s ease}
.mpill-n1ofnxj:hover{color:var(--acento);border-color:var(--acento);background:var(--superficie-2)}

.cookie-bar-n1ofnxj{position:fixed;right:1rem;left:auto;bottom:1rem;width:min(22rem,calc(100% - 2rem));background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:.8rem 1rem;z-index:120;display:grid;gap:.55rem;font-size:.84rem;line-height:1.45;box-shadow:0 14px 34px rgba(0,0,0,.5);text-align:center}
.cookie-bar-n1ofnxj p{margin:0}
.cookie-actions-n1ofnxj{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}
.cookie-actions-n1ofnxj button{padding:.38rem .7rem;font-size:.78rem}
.pwa-card-n1ofnxj{position:fixed;left:1rem;right:1rem;bottom:1rem;background:var(--superficie-2);border:1px solid var(--linea);border-radius:var(--radio);padding:1rem;z-index:110;display:none;gap:.75rem;align-items:center}
.to-top-n1ofnxj{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--acento);color:var(--texto-oscuro);border:0;cursor:pointer;display:none;place-items:center;z-index:90;opacity:0;transition:opacity .2s}
html.menu-open{overflow:hidden}
html.menu-open .cookie-bar-n1ofnxj,html.menu-open .pwa-card-n1ofnxj,html.menu-open .to-top-n1ofnxj{display:none!important}
.to-top-n1ofnxj.is-visible{opacity:1}

/* layout variants (seeded per site) */
.bar-stack-n1ofnxj{flex-direction:column;align-items:stretch;gap:.6rem}
.bar-stack-n1ofnxj .nav-n1ofnxj{margin-left:0}
.foot-center-n1ofnxj .tier-n1ofnxj{justify-content:center;text-align:center}
.foot-center-n1ofnxj .foot-nav-n1ofnxj{justify-content:center}
.rank-compact-n1ofnxj .rank-n1ofnxj{padding:.6rem .8rem;gap:.6rem}
.rank-compact-n1ofnxj .rank-logo-n1ofnxj{width:48px;height:30px}

@media(min-width:601px){
  .to-top-n1ofnxj{display:grid}
}
/* Header collapses to the hamburger a bit EARLIER than the content reflows, so the pillars keep room to
   sit on ONE row on real desktops (>=~900px); below this they move into the burger panel. The desktop
   nav still shows at 960 (owner: no 2-row header, hamburger only on small screens). */
@media(max-width:860px){
  .burger-n1ofnxj{display:flex}
  .nav-n1ofnxj{position:fixed;top:72px;left:0;right:0;bottom:0;margin:0;flex-direction:column;align-items:stretch;gap:0;background:var(--fondo-claro);box-shadow:0 12px 28px -14px rgba(0,0,0,.7);padding:0;display:none;z-index:40}
  .nav-n1ofnxj.is-open{display:flex}
  .nav-links-n1ofnxj{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:0;flex-wrap:nowrap;padding:.3rem 1.1rem .5rem}
  .nav-links-n1ofnxj>a{max-width:none;white-space:normal;overflow:visible;flex:0 0 auto;padding:.85rem .2rem;border-bottom:1px solid var(--linea)}
  /* No "Mere" dropdown on mobile — hide it and show the flat money-page list (.mflat) instead, each
     styled by the .nav-links>a column rule above. One tap per destination, no nested details. */
  .mega-wrap-n1ofnxj{display:none}
  .mflat-n1ofnxj{display:block}
  .nav-cta-n1ofnxj{align-self:center;margin:.9rem 0 1.3rem;font-size:1rem;padding:.7rem 1.6rem}
  .bar-n1ofnxj>.brand-n1ofnxj{display:none}
  .header-cta-n1ofnxj{display:inline-flex;margin-inline:auto}
  .home-ic-n1ofnxj{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--texto);text-decoration:none}
  .home-ic-n1ofnxj svg{width:22px;height:22px}
  .nav-brand-n1ofnxj{display:flex;align-items:center;padding:.85rem 1.3rem;font-weight:500;font-size:1rem;color:var(--texto);text-decoration:none;border-bottom:1px solid var(--linea)}
  .menu-cta-n1ofnxj{display:flex;gap:.5rem;align-items:stretch;padding:.7rem 1.1rem 1.2rem}
  .menu-cta-n1ofnxj .nav-cta-n1ofnxj,.menu-cta-n1ofnxj .nav-cta2-n1ofnxj{flex:1;margin:0;align-self:auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:.85rem;padding:.7rem .5rem;line-height:1.2}
}
@media(max-width:720px){
  .cookie-bar-n1ofnxj{left:50%;right:auto;transform:translateX(-50%)}
  .hero-n1ofnxj{padding:2.6rem 0 1.5rem}
  .strip-grid-n1ofnxj{columns:1}
  .lede-n1ofnxj{font-size:.875rem;line-height:1.5}
  .smap-n1ofnxj{grid-template-columns:1fr}
  .trust-n1ofnxj{grid-template-columns:repeat(2,1fr)}
  .steps-n1ofnxj{grid-template-columns:1fr}
  .rank-n1ofnxj{grid-template-columns:1fr;row-gap:.7rem}
  .rank-brand-n1ofnxj{flex-direction:row;align-items:center;flex-wrap:wrap}
  .rank-offer-n1ofnxj{grid-column:1 / -1}
  .rank-side-n1ofnxj{grid-column:1 / -1}
  .foot-grid-n1ofnxj{grid-template-columns:repeat(2,1fr)}
  .foot-brand-n1ofnxj{grid-column:1 / -1}
}
/* Long-compound survival (mirror of base-css.ts): headings break long words, hero stack shrinks. */
h1,h2,h3,.kicker-n1ofnxj,.lede-n1ofnxj{overflow-wrap:break-word}
h1,h2{hyphens:auto}
.hero-g-n1ofnxj>*{min-width:0}
.hero-copy-n1ofnxj{min-width:0}
/* Hero bonus-CTA - same vocabulary as base-css.ts .btn-bonus */
.btn-bonus-n1ofnxj{display:inline-flex;flex-direction:column;align-items:center;gap:.12em;line-height:1.2;padding:.55em 1.35em}
.btn-bonus-n1ofnxj b{font-size:.95em;max-width:30ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn-bonus-n1ofnxj span{font-size:.72em;text-transform:uppercase;letter-spacing:.09em;opacity:.92}
@media (max-width:480px){.btn-bonus-n1ofnxj b{max-width:20ch}}
/* Hero chip-stats (element chip-stats @ hero.stats) - same vocabulary as base-css.ts .cstats */
.cstats-n1ofnxj{display:flex;flex-wrap:wrap;gap:1.3rem;justify-content:center;margin:1.7rem 0 0;padding:0;list-style:none}
.cstat-n1ofnxj{width:118px;height:118px;border-radius:50%;border:3px dashed var(--acento);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:color-mix(in oklab,var(--superficie) 82%,transparent)}
.cstat-n1ofnxj b{font-family:var(--display);font-size:1.45rem;line-height:1;color:var(--acento)}
.cstat-n1ofnxj small{font-size:.66rem;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.06em;text-align:center;padding:0 .55rem}
.cstat-n1ofnxj:nth-child(2){border-color:var(--rojo)}.cstat-n1ofnxj:nth-child(2) b{color:var(--rojo)}
.cstat-n1ofnxj:nth-child(3){border-color:var(--acento2)}.cstat-n1ofnxj:nth-child(3) b{color:var(--acento2)}
@media(max-width:980px) and (min-width:721px){
  .foot-grid-n1ofnxj{grid-template-columns:repeat(4,1fr)}
  .foot-brand-n1ofnxj{grid-column:1 / -1}
}