:root{
  --cc-bg:#F6F3EC;--cc-surface:#fff;--cc-surface-2:#EEE9DD;
  --cc-text:#15242E;--cc-text-muted:#4E606B;--cc-border:#DCD5C7;
  --cc-brand:#0B4F6C;--cc-brand-700:#083B51;--cc-brand-50:#E6EEF2;
  --cc-accent:#C98A00;--cc-accent-50:#FBF1D9;
  --cc-success:#1A7F52;--cc-warning:#9A5B00;--cc-danger:#B23A2E;
  --cc-wrap:1180px;--cc-wrap-narrow:760px;
  --cc-s1:4px;--cc-s2:8px;--cc-s3:12px;--cc-s4:16px;--cc-s5:24px;--cc-s6:32px;--cc-s7:48px;--cc-s8:64px;--cc-s9:96px;
  --cc-r-sm:6px;--cc-r:10px;--cc-r-lg:16px;--cc-r-pill:999px;
  --cc-font-display:ui-serif,Georgia,'Iowan Old Style','Palatino Linotype','Times New Roman',serif;
  --cc-font-sans:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI','Helvetica Neue',sans-serif;
  --cc-font-mono:ui-monospace,'SF Mono','Cascadia Code',Menlo,Consolas,monospace;
  --cc-sh-1:0 1px 2px rgba(21,36,46,.06),0 1px 3px rgba(21,36,46,.05);
  --cc-sh-2:0 4px 16px rgba(21,36,46,.08);
  --cc-sh-3:0 12px 32px rgba(21,36,46,.10);
  --cc-head-h:64px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--cc-bg);color:var(--cc-text);font-family:var(--cc-font-sans);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;max-width:100%}
img{max-width:100%;height:auto;display:block}
a{color:var(--cc-brand);text-decoration:none}
a:hover{color:var(--cc-brand-700);text-decoration:underline}
h1,h2,h3,h4,h5,h6{font-family:var(--cc-font-display);line-height:1.18;letter-spacing:-.012em;color:var(--cc-text);margin:0 0 .5em;font-weight:600;text-wrap:balance}
h1{font-size:clamp(2rem,1.4rem + 2.6vw,3.05rem)}
h2{font-size:clamp(1.55rem,1.2rem + 1.4vw,2.1rem);margin-top:1.8em}
h3{font-size:clamp(1.2rem,1.05rem + .7vw,1.5rem);margin-top:1.5em}
h4{font-size:1.18rem;margin-top:1.3em}
p,ul,ol,table,figure,blockquote{margin:0 0 1.1em}
p,li{text-wrap:pretty}
.cc-prose{overflow-wrap:break-word}
.cc-prose p,.cc-prose li{max-width:72ch}
ul,ol{padding-left:1.3em}
li{margin-bottom:.35em}
strong{font-weight:700;color:var(--cc-text)}
code,kbd,samp{font-family:var(--cc-font-mono);font-size:.92em;background:var(--cc-surface-2);padding:.1em .35em;border-radius:var(--cc-r-sm)}
blockquote{border:1px solid var(--cc-border);background:var(--cc-surface);padding:1.1em 1.25em;border-radius:var(--cc-r);color:var(--cc-text-muted);font-style:italic}
hr{border:0;border-top:1px solid var(--cc-border);margin:var(--cc-s7) 0}
::selection{background:var(--cc-brand);color:#fff}
:focus-visible{outline:2px solid var(--cc-brand);outline-offset:2px;border-radius:3px}

/* layout */
.cc-wrap{width:100%;max-width:var(--cc-wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.cc-wrap--narrow{max-width:var(--cc-wrap-narrow)}
.cc-skip{position:absolute;left:-999px;top:0;background:var(--cc-brand);color:#fff;padding:10px 16px;z-index:1000;border-radius:0 0 var(--cc-r) 0}
.cc-skip:focus{left:0}
main{display:block;min-height:50vh}

/* header */
.cc-head{position:sticky;top:0;z-index:100;background:rgba(246,243,236,.88);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--cc-border)}
.cc-head__bar{display:flex;align-items:center;gap:var(--cc-s5);height:var(--cc-head-h)}
.cc-logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--cc-font-sans);font-weight:800;font-size:1.34rem;color:var(--cc-text);letter-spacing:-.03em}
.cc-logo:hover{text-decoration:none;color:var(--cc-brand)}
.cc-logo svg{flex:0 0 auto}
/* en el pie (oscuro) el aro de la moneda en blanco para contraste */
.cc-foot .cc-logo__ring{stroke:#fff}
.cc-nav{margin:0 0 0 auto;display:flex;align-items:center;gap:2px;list-style:none;padding:0}
.cc-nav li{margin:0;list-style:none}
.cc-nav a{display:inline-flex;align-items:center;padding:9px 13px;border-radius:var(--cc-r-sm);color:var(--cc-text);font-size:.95rem;font-weight:500;line-height:1.2}
.cc-nav a:hover{background:var(--cc-brand-50);color:var(--cc-brand);text-decoration:none}
.cc-nav .current-menu-item>a,.cc-nav .current_page_item>a,.cc-nav .current-menu-ancestor>a{color:var(--cc-brand);font-weight:600}
.cc-navtoggle{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--cc-border);background:var(--cc-surface);border-radius:var(--cc-r-sm);cursor:pointer;align-items:center;justify-content:center}
.cc-navtoggle svg{width:22px;height:22px;stroke:var(--cc-text)}

/* dropdown submenus (hover/focus) */
/* ocultar los toggles que Astra inyecta en wp_nav_menu (sin su CSS salían como cajas) */
.cc-nav .ast-menu-toggle,.cc-nav .dropdown-menu-toggle,.cc-nav .ast-header-navigation-arrow{display:none!important}
.cc-nav .menu-item-has-children{position:relative}
.cc-nav .menu-item-has-children>a{padding-right:28px}
.cc-nav .menu-item-has-children>a::after{content:"";position:absolute;right:11px;top:calc(50% - 5px);width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.55;transition:transform .18s ease}
.cc-nav .menu-item-has-children:hover>a::after,.cc-nav .menu-item-has-children:focus-within>a::after{transform:rotate(-135deg);opacity:.85}
.cc-nav .sub-menu{position:absolute;top:calc(100% + 7px);left:0;min-width:212px;list-style:none;margin:0;padding:6px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);box-shadow:var(--cc-sh-2);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:120}
.cc-nav .sub-menu::before{content:"";position:absolute;top:-9px;left:0;right:0;height:9px}
.cc-nav .menu-item-has-children:hover>.sub-menu,.cc-nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.cc-nav .sub-menu li{width:100%}
.cc-nav .sub-menu a{display:block;width:100%;padding:8px 12px;border-radius:var(--cc-r-sm);font-size:.92rem;font-weight:500;color:var(--cc-text);white-space:nowrap}
.cc-nav .sub-menu a:hover{background:var(--cc-brand-50);color:var(--cc-brand);text-decoration:none}
.cc-nav .sub-menu .current-menu-item>a,.cc-nav .sub-menu .current_page_item>a{color:var(--cc-brand);font-weight:600}

/* breadcrumb */
.cc-breadcrumb{font-size:.86rem;color:var(--cc-text-muted);padding:var(--cc-s4) 0 0}
.cc-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4em;margin:0;padding:0}
.cc-breadcrumb li{display:flex;gap:.4em;margin:0}
.cc-breadcrumb li+li::before{content:"›";color:var(--cc-border)}
.cc-breadcrumb [aria-current]{color:var(--cc-text)}

/* hero */
.cc-hero{position:relative;padding:var(--cc-s6) 0 var(--cc-s5);background:var(--cc-bg)}
.cc-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--cc-s6);align-items:center}
.cc-hero__eyebrow{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cc-brand);margin-bottom:var(--cc-s3)}
.cc-hero h1{margin:0 0 var(--cc-s4)}
.cc-hero__lead{font-size:1.18rem;line-height:1.6;color:var(--cc-text-muted);max-width:60ch;margin:0 0 var(--cc-s4)}
.cc-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cc-s4);font-size:.86rem;color:var(--cc-text-muted)}
.cc-hero__meta strong{color:var(--cc-text);font-weight:600}
.cc-byline{display:inline-flex;align-items:center;gap:8px}
.cc-byline__av{width:34px;height:34px;border-radius:var(--cc-r-pill);background:var(--cc-brand);color:#fff;display:grid;place-items:center;font-family:var(--cc-font-display);font-weight:700;font-size:.95rem;flex:0 0 auto;overflow:hidden}
.cc-byline__av--photo{background:none}
.cc-byline__av img,.cc-byline__av picture{width:34px;height:34px;display:block;object-fit:cover;border-radius:var(--cc-r-pill)}
.cc-byline a{color:inherit}
.cc-byline a:hover{color:var(--cc-brand)}

/* foto retrato en hero (ficha de autor) */
.cc-hero__art--portrait{aspect-ratio:1/1;max-width:300px;margin-left:auto;border-radius:var(--cc-r-lg)}
.cc-hero__art--portrait img{width:100%;height:100%;object-fit:cover}

/* ficha de autor (ProfilePage) */
.cc-authorcard{display:flex;gap:var(--cc-s5);align-items:center;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r-lg);padding:var(--cc-s5);margin:0 0 var(--cc-s6);box-shadow:var(--cc-sh-1)}
.cc-authorcard__photo{flex:0 0 auto;width:84px;height:84px;border-radius:var(--cc-r-pill);overflow:hidden;margin:0;background:var(--cc-surface-2)}
.cc-authorcard__photo img{width:84px;height:84px;object-fit:cover;display:block}
.cc-authorcard__role{font-weight:600;color:var(--cc-text);margin:0 0 var(--cc-s3)}
.cc-authorcard__links{display:flex;flex-wrap:wrap;gap:var(--cc-s2)}
.cc-authorcard__link{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:600;padding:6px 14px;border:1px solid var(--cc-border);border-radius:var(--cc-r-pill);color:var(--cc-brand)}
.cc-authorcard__link:hover{background:var(--cc-brand-50);text-decoration:none}
.cc-hero__art{border-radius:var(--cc-r-lg);overflow:hidden;box-shadow:var(--cc-sh-2);aspect-ratio:16/9;background:var(--cc-surface-2)}
.cc-hero__art img{width:100%;height:100%;object-fit:cover}

.cc-hero__grid--solo{grid-template-columns:1fr}
.cc-hero__grid--solo .cc-hero__lead{max-width:none}
.cc-hero--front .cc-hero h1{font-size:clamp(2.1rem,1.5rem + 3vw,3.4rem)}
.cc-scorecard{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r-lg);padding:var(--cc-s6);box-shadow:var(--cc-sh-2);text-align:center}
.cc-scorecard__t{font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cc-text-muted);margin:0 0 var(--cc-s4)}
.cc-scorecard .cc-gauge{width:140px;height:90px;margin:0 auto var(--cc-s4)}
.cc-scorecard .cc-gauge svg{width:140px;height:90px}
.cc-scorecard .cc-gauge__num{font-size:2.1rem}
.cc-scorecard__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;text-align:left;font-size:.86rem;color:var(--cc-text-muted)}
.cc-scorecard__l li{position:relative;padding-left:18px}
.cc-scorecard__l li::before{content:"✓";position:absolute;left:0;color:var(--cc-success);font-weight:700}

/* content layout with toc */
.cc-main{padding:var(--cc-s6) 0 var(--cc-s8)}
.cc-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--cc-s7)}
.cc-layout--solo{grid-template-columns:minmax(0,1fr)}
.cc-layout>*{min-width:0}
.cc-aside{align-self:start;position:sticky;top:calc(var(--cc-head-h) + 16px)}

/* toc */
.cc-toc{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);padding:var(--cc-s4) var(--cc-s5);box-shadow:var(--cc-sh-1)}
.cc-toc__title{font-family:var(--cc-font-sans);font-size:.74rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--cc-text-muted);margin:0 0 var(--cc-s3)}
.cc-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}
.cc-toc li{margin:0}
.cc-toc a{display:block;padding:5px 0 5px 26px;position:relative;font-size:.9rem;color:var(--cc-text-muted);line-height:1.4;border-radius:var(--cc-r-sm)}
.cc-toc a::before{counter-increment:toc;content:counter(toc,decimal-leading-zero);position:absolute;left:0;font-family:var(--cc-font-mono);font-size:.7rem;color:var(--cc-accent);top:7px}
.cc-toc a:hover{color:var(--cc-brand);text-decoration:none}
:where(h2,h3){scroll-margin-top:calc(var(--cc-head-h) + 18px)}

/* prose anchors / headings */
.cc-prose>h2:first-child{margin-top:0}
.cc-prose>p:first-of-type{font-size:1.18rem;line-height:1.6;color:var(--cc-text)}

/* tldr / resumen */
.cc-tldr{background:var(--cc-brand-50);border:1px solid #cfe0e7;border-radius:var(--cc-r);padding:var(--cc-s5);margin:0 0 var(--cc-s6)}
.cc-tldr h2,.cc-tldr p:first-child{margin-top:0}
.cc-tldr ul{margin-bottom:0}

/* callouts */
.cc-callout{display:flex;gap:var(--cc-s4);background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);padding:var(--cc-s5);margin:var(--cc-s6) 0}
.cc-callout__ico{flex:0 0 auto;width:26px;height:26px;color:var(--cc-text-muted)}
.cc-callout__ico svg{width:26px;height:26px;stroke-width:1.8}
.cc-callout__body{flex:1}
.cc-callout__body>*:last-child{margin-bottom:0}
.cc-callout__body strong:first-child{display:block;margin-bottom:.2em}
.cc-callout--info{background:var(--cc-brand-50);border-color:#cfe0e7}
.cc-callout--info .cc-callout__ico{color:var(--cc-brand)}
.cc-callout--success{background:#e9f4ee;border-color:#bfe0cd}
.cc-callout--success .cc-callout__ico{color:var(--cc-success)}
.cc-callout--warning{background:#f7efe1;border-color:#e7d6b6}
.cc-callout--warning .cc-callout__ico{color:var(--cc-warning)}
.cc-callout--danger{background:#f7ebe9;border-color:#e8c9c4}
.cc-callout--danger .cc-callout__ico{color:var(--cc-danger)}

/* tables */
.cc-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--cc-s6) 0;border:1px solid var(--cc-border);border-radius:var(--cc-r);background:var(--cc-surface)}
table.cc-compare{width:100%;border-collapse:collapse;font-size:.95rem;font-variant-numeric:tabular-nums;margin:0;min-width:640px}
.cc-compare thead th{background:var(--cc-brand);color:#fff;font-family:var(--cc-font-sans);font-weight:600;text-align:left;padding:12px 14px;font-size:.85rem;letter-spacing:.01em;position:sticky;top:0}
.cc-compare td{padding:12px 14px;border-top:1px solid var(--cc-border);vertical-align:top}
.cc-compare tbody tr:nth-child(even){background:var(--cc-surface-2)}
.cc-compare tbody tr:hover{background:var(--cc-brand-50)}
.cc-prose table:not(.cc-compare):not(.je-brand-table__tbl){width:100%;border-collapse:collapse;font-size:.95rem}
.cc-prose table:not(.cc-compare):not(.je-brand-table__tbl) th,.cc-prose table:not(.cc-compare):not(.je-brand-table__tbl) td{padding:10px 13px;border:1px solid var(--cc-border);text-align:left}
.cc-prose table:not(.cc-compare):not(.je-brand-table__tbl) th{background:var(--cc-surface-2);font-family:var(--cc-font-sans)}

/* casino card */
.cc-casino-card{display:grid;grid-template-columns:96px 1fr auto;gap:var(--cc-s5);align-items:center;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r-lg);padding:var(--cc-s5);box-shadow:var(--cc-sh-1);transition:transform .18s ease,box-shadow .18s ease}
.cc-casino-card:hover{transform:translateY(-2px);box-shadow:var(--cc-sh-2)}
.cc-casino-card__rank{text-align:center}
.cc-casino-card__pos{font-family:var(--cc-font-mono);font-size:.74rem;color:var(--cc-text-muted)}
.cc-casino-card__name{font-family:var(--cc-font-display);font-size:1.25rem;font-weight:700;margin:0 0 4px}
.cc-casino-card__meta{display:flex;flex-wrap:wrap;gap:var(--cc-s2) var(--cc-s5);font-size:.88rem;color:var(--cc-text-muted);margin:0}
.cc-casino-card__meta b{color:var(--cc-text);font-weight:600}

/* gauge */
.cc-gauge{--v:7.5;position:relative;width:84px;height:54px;margin:0 auto}
.cc-gauge svg{width:84px;height:54px;display:block}
.cc-gauge__num{position:absolute;bottom:-2px;left:0;right:0;text-align:center;font-family:var(--cc-font-display);font-weight:700;font-size:1.32rem;color:var(--cc-brand)}

/* badges */
.cc-badge{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:600;padding:3px 9px;border-radius:var(--cc-r-pill);background:var(--cc-surface-2);color:var(--cc-text);line-height:1.5;white-space:nowrap}
.cc-badge--license{background:var(--cc-surface-2);color:var(--cc-text-muted)}
.cc-badge--coin{background:var(--cc-brand-50);color:var(--cc-brand)}
.cc-badge--verified{background:#e9f4ee;color:var(--cc-success)}
.cc-badge--featured{background:var(--cc-accent-50);color:var(--cc-warning)}

/* pros / cons */
.cc-proscons{display:grid;grid-template-columns:1fr 1fr;gap:var(--cc-s5);margin:var(--cc-s6) 0}
.cc-proscons__col{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);padding:var(--cc-s5)}
.cc-proscons__col h4{margin:0 0 var(--cc-s3)}
.cc-proscons ul{list-style:none;padding:0;margin:0}
.cc-proscons li{position:relative;padding-left:26px;margin-bottom:.5em}
.cc-proscons li::before{position:absolute;left:0;top:1px;font-weight:700}
.cc-proscons--pros li::before{content:"✓";color:var(--cc-success)}
.cc-proscons--cons li::before{content:"–";color:var(--cc-text-muted);font-size:1.2em;top:-2px}

/* coin row */
.cc-coin-row{display:flex;flex-wrap:wrap;gap:var(--cc-s2);margin:var(--cc-s5) 0}
.cc-coin{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r-pill);font-size:.85rem;font-weight:600;color:var(--cc-brand)}
.cc-coin:hover{background:var(--cc-brand-50);text-decoration:none}
.cc-coin svg{width:18px;height:18px}

/* faq accordion (native, 0 JS) */
.cc-faq{margin:var(--cc-s6) 0}
.cc-faq__item{border:1px solid var(--cc-border);border-radius:var(--cc-r);background:var(--cc-surface);margin-bottom:var(--cc-s3);overflow:hidden}
.cc-faq__item summary{cursor:pointer;list-style:none;padding:var(--cc-s4) var(--cc-s5);font-family:var(--cc-font-display);font-weight:600;font-size:1.08rem;display:flex;justify-content:space-between;align-items:center;gap:var(--cc-s4)}
.cc-faq__item summary::-webkit-details-marker{display:none}
.cc-faq__item summary::after{content:"+";font-family:var(--cc-font-sans);font-weight:400;font-size:1.5rem;color:var(--cc-brand);flex:0 0 auto;transition:transform .2s ease}
.cc-faq__item[open] summary::after{content:"–"}
.cc-faq__item[open] summary{border-bottom:1px solid var(--cc-border)}
.cc-faq__a{padding:var(--cc-s4) var(--cc-s5)}
.cc-faq__a>*:last-child{margin-bottom:0}

/* buttons / CTA */
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 22px;background:var(--cc-brand);color:#fff;font-family:var(--cc-font-sans);font-weight:600;font-size:.97rem;border:1px solid var(--cc-brand);border-radius:var(--cc-r);cursor:pointer;transition:background .18s ease,transform .12s ease;text-align:center}
.cc-btn:hover{background:var(--cc-brand-700);border-color:var(--cc-brand-700);color:#fff;text-decoration:none}
.cc-btn:active{transform:translateY(1px)}
.cc-btn--ghost{background:transparent;color:var(--cc-brand)}
.cc-btn--ghost:hover{background:var(--cc-brand-50);color:var(--cc-brand)}
.cc-btn--block{width:100%}

/* top casinos placeholder block */
.cc-topcasinos{margin:var(--cc-s6) 0}
.cc-topcasinos__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--cc-s4);margin-bottom:var(--cc-s4);flex-wrap:wrap}
.cc-topcasinos__head h2{margin:0}
.cc-ph{border:1px dashed var(--cc-border);background:var(--cc-surface);border-radius:var(--cc-r-lg);padding:var(--cc-s6);text-align:center;color:var(--cc-text-muted)}
.cc-ph__chip{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cc-brand);background:var(--cc-brand-50);padding:5px 12px;border-radius:var(--cc-r-pill);margin-bottom:var(--cc-s4)}
.cc-ph__skel{display:grid;gap:var(--cc-s3);max-width:560px;margin:0 auto}
.cc-ph__row{height:58px;border-radius:var(--cc-r);background:linear-gradient(90deg,var(--cc-surface-2),#f3eee2,var(--cc-surface-2))}

/* related / siblings */
.cc-related{margin:var(--cc-s7) 0 0;padding-top:var(--cc-s6);border-top:1px solid var(--cc-border)}
.cc-related h2{margin-top:0}
.cc-related__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--cc-s4)}
.cc-related__card{display:block;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-r);padding:var(--cc-s4) var(--cc-s5);transition:transform .18s ease,box-shadow .18s ease}
.cc-related__card:hover{transform:translateY(-2px);box-shadow:var(--cc-sh-1);text-decoration:none}
.cc-related__card b{display:block;font-family:var(--cc-font-display);font-size:1.05rem;color:var(--cc-text);margin-bottom:2px}
.cc-related__card span{font-size:.85rem;color:var(--cc-text-muted)}

/* footer */
.cc-foot{background:#0E2733;color:#cfdbe1;margin-top:var(--cc-s9);font-size:.92rem}
.cc-foot a{color:#cfdbe1}
.cc-foot a:hover{color:#fff}
.cc-foot__top{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:var(--cc-s6);padding:var(--cc-s8) 0 var(--cc-s7)}
.cc-foot__brand .cc-logo{color:#fff}
.cc-foot__brand p{color:#9fb2bb;max-width:34ch;margin-top:var(--cc-s3)}
.cc-foot h3{color:#fff;font-family:var(--cc-font-sans);font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin:0 0 var(--cc-s4)}
.cc-foot ul{list-style:none;margin:0;padding:0}
.cc-foot li{margin-bottom:.55em}
.cc-foot__rg{display:flex;gap:var(--cc-s4);align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--cc-r);padding:var(--cc-s4) var(--cc-s5);margin:0 0 var(--cc-s6)}
.cc-foot__rg .cc-age{flex:0 0 auto;width:44px;height:44px;border:2px solid #e07a4f;color:#e07a4f;border-radius:var(--cc-r-pill);display:grid;place-items:center;font-weight:700;font-size:.92rem}
.cc-foot__rg p{margin:0;color:#9fb2bb;font-size:.86rem}
.cc-foot__bottom{border-top:1px solid rgba(255,255,255,.08);padding:var(--cc-s5) 0;display:flex;flex-wrap:wrap;gap:var(--cc-s4);justify-content:space-between;color:#8499a2;font-size:.84rem}

/* utilities */
.cc-actualizado{font-variant-numeric:tabular-nums}
.cc-reveal{opacity:0;transform:translateY(12px);animation:ccReveal .5s ease forwards}
.cc-reveal-2{animation-delay:.08s}
.cc-reveal-3{animation-delay:.16s}
@keyframes ccReveal{to{opacity:1;transform:none}}

/* responsive */
@media(max-width:980px){
  .cc-layout{grid-template-columns:minmax(0,1fr)}
  .cc-aside{position:static}
  .cc-toc{margin-bottom:var(--cc-s5)}
  .cc-hero__grid{grid-template-columns:1fr}
  .cc-hero__art{order:-1;max-width:520px}
  .cc-hero__art--portrait{margin:0 auto}
  .cc-foot__top{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .cc-nav{display:none}
  .cc-navtoggle{display:inline-flex}
  .cc-nav--open{display:flex;position:absolute;top:var(--cc-head-h);left:0;right:0;flex-direction:column;align-items:stretch;background:var(--cc-surface);border-bottom:1px solid var(--cc-border);padding:var(--cc-s3);gap:2px;box-shadow:var(--cc-sh-2);max-height:calc(100vh - var(--cc-head-h));overflow-y:auto}
  .cc-nav--open a{width:100%}
  /* submenús desplegados en línea dentro del menú móvil */
  .cc-nav--open .menu-item-has-children{position:static}
  .cc-nav--open .menu-item-has-children>a::after{display:none}
  .cc-nav--open .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;background:transparent;min-width:0;padding:0 0 4px 14px;margin:0}
  .cc-nav--open .sub-menu a{padding:7px 12px;font-size:.92rem;color:var(--cc-text-muted)}
  /* migas: una por línea, truncadas para no desbordar */
  .cc-breadcrumb li a,.cc-breadcrumb [aria-current]{display:inline-block;max-width:64vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
  .cc-casino-card{grid-template-columns:64px 1fr;gap:var(--cc-s4)}
  .cc-casino-card__cta{grid-column:1/-1}
  .cc-proscons{grid-template-columns:1fr}
  .cc-foot__top{grid-template-columns:1fr}
}

/* Astra scroll-to-top: respaldo por si su markup llega al footer */
#ast-scroll-top,.ast-scroll-to-top-wrapper{display:none!important}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .cc-reveal{opacity:1;transform:none}
}

/* dark theme tokens (opcional) */
[data-theme="dark"]{
  --cc-bg:#0E1B22;--cc-surface:#14252E;--cc-surface-2:#1B313B;
  --cc-text:#EAF1F2;--cc-text-muted:#9FB2BB;--cc-border:#294049;
  --cc-brand:#38B0CE;--cc-brand-700:#5CC4DE;--cc-brand-50:#13313C;
  --cc-accent:#E2A93B;--cc-accent-50:#2A2415;--cc-success:#4FB985;--cc-warning:#D69A3A;--cc-danger:#E0705F;
}

/* ==========================================================================
   Criptómetro 2.0 — staging redesign
   Presentation-only layer. Content structure, SEO markup and schema stay intact.
   ========================================================================== */
:root{
  --cc-bg:#F4F6F8;
  --cc-surface:#FFFFFF;
  --cc-surface-2:#EDF1F4;
  --cc-text:#101A28;
  --cc-text-muted:#5B6878;
  --cc-border:#DCE3E9;
  --cc-brand:#05AFA8;
  --cc-brand-700:#078D89;
  --cc-brand-50:#E6F8F6;
  --cc-accent:#F2A91F;
  --cc-accent-50:#FFF5D9;
  --cc-wrap:1180px;
  --cc-wrap-narrow:780px;
  --cc-r-sm:8px;
  --cc-r:14px;
  --cc-r-lg:22px;
  --cc-sh-1:0 1px 2px rgba(8,19,33,.05),0 8px 22px rgba(8,19,33,.04);
  --cc-sh-2:0 16px 44px rgba(8,19,33,.10);
  --cc-sh-3:0 24px 64px rgba(8,19,33,.16);
  --cc-head-h:72px;
  --cc-font-display:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI','Helvetica Neue',sans-serif;
}
body{font-size:1.025rem;line-height:1.72;background:var(--cc-bg)}
h1,h2,h3,h4,h5,h6{font-weight:750;letter-spacing:-.035em}
h2{letter-spacing:-.03em}
.cc-wrap{padding-inline:clamp(18px,4vw,38px)}

/* Dark product-navigation shell */
.cc-head{
  background:rgba(5,16,30,.94);
  border-bottom:1px solid rgba(255,255,255,.09);
  backdrop-filter:saturate(150%) blur(14px);
}
.cc-logo{color:#fff;font-size:1.42rem}
.cc-logo:hover{color:#fff}
.cc-logo__ring{stroke:#fff}
.cc-nav a{color:#D9E2EB;font-weight:600}
.cc-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.cc-nav .current-menu-item>a,.cc-nav .current_page_item>a,.cc-nav .current-menu-ancestor>a{color:#42D7D0}
.cc-nav .menu-item-has-children>a::after{opacity:.75}
.cc-nav .sub-menu{
  background:#0D1D30;
  border-color:rgba(255,255,255,.11);
  box-shadow:0 18px 48px rgba(0,0,0,.32);
}
.cc-nav .sub-menu a{color:#D9E2EB}
.cc-nav .sub-menu a:hover{background:rgba(255,255,255,.08);color:#fff}
.cc-navtoggle{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.cc-navtoggle svg{stroke:#fff}

/* Editorial fintech hero */
.cc-hero{
  color:#fff;
  padding:clamp(48px,7vw,86px) 0 clamp(52px,7vw,82px);
  background:
    radial-gradient(circle at 82% 18%,rgba(18,190,181,.18),transparent 28%),
    radial-gradient(circle at 62% 110%,rgba(34,86,142,.30),transparent 40%),
    linear-gradient(135deg,#06111F 0%,#09192C 56%,#0B2037 100%);
  overflow:hidden;
}
.cc-hero::before{
  display:none;
}
.cc-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(36px,6vw,82px)}
.cc-hero__eyebrow{
  color:#42D7D0;background:rgba(66,215,208,.10);border:1px solid rgba(66,215,208,.25);
  padding:7px 12px;border-radius:var(--cc-r-pill);letter-spacing:.11em;margin-bottom:18px;
}
.cc-hero h1{color:#fff;font-size:clamp(2.5rem,1.8rem + 3.1vw,4.25rem);line-height:1.02;letter-spacing:-.055em;max-width:12.5ch}
.cc-hero__lead{color:#B9C8D7;font-size:clamp(1.05rem,.95rem + .35vw,1.25rem);line-height:1.62;max-width:56ch}
.cc-hero__meta{
  color:#A9B9C9;border-top:1px solid rgba(255,255,255,.11);padding-top:18px;margin-top:20px;
}
.cc-hero__meta strong{color:#fff}
.cc-byline a:hover{color:#42D7D0}
.cc-byline__av{box-shadow:0 0 0 3px rgba(66,215,208,.18)}
.cc-hero__art{
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  box-shadow:0 28px 70px rgba(0,0,0,.36);
  background:#10243A;
  transform:perspective(1000px) rotateY(-2deg) rotateX(1deg);
}
.cc-hero__art::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}

/* Breadcrumbs are part of the hero shell, not a separate white toolbar. */
.cc-breadcrumb{
  padding:14px 0 10px;
  color:#93A6B8;
  background:#06111F;
  box-shadow:0 0 0 100vmax #06111F;
  clip-path:inset(0 -100vmax);
}
.cc-breadcrumb ol{align-items:center;gap:8px}
.cc-breadcrumb li{align-items:center;gap:8px}
.cc-breadcrumb a{color:#72CFC9;text-decoration:none}
.cc-breadcrumb a:hover{color:#A3EBE7;text-decoration:underline;text-underline-offset:3px}
.cc-breadcrumb li+li::before{content:"/";color:#52677A}
.cc-breadcrumb [aria-current]{color:#C6D1DC}

/* Content frame */
.cc-main{padding:clamp(42px,6vw,78px) 0 var(--cc-s9)}
.cc-layout{grid-template-columns:minmax(0,1fr);gap:32px}
.cc-aside{position:static}
.cc-prose{font-size:1.04rem}
.cc-prose>p,
.cc-prose>h2,
.cc-prose>h3,
.cc-prose>h4,
.cc-prose>ul,
.cc-prose>ol,
.cc-prose>blockquote{
  width:100%;
  max-width:none;
  margin-left:auto;
  margin-right:auto;
}
.cc-prose>ul>li,
.cc-prose>ol>li,
.cc-tldr li{max-width:none}
.cc-prose>p:first-of-type{font-size:1.23rem;line-height:1.65}
.cc-toc{border:0;border-radius:18px;box-shadow:var(--cc-sh-1);padding:20px 22px}
.cc-toc__title{color:#263548}
.cc-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,5vw,72px);row-gap:2px}
.cc-toc a{color:#657385}
.cc-toc a:hover{color:var(--cc-brand-700)}
.cc-tldr{
  background:linear-gradient(135deg,#E8F8F7,#F4FBFB);
  border:1px solid #BDE8E5;
  border-radius:18px;padding:clamp(22px,4vw,34px);box-shadow:var(--cc-sh-1);
  max-width:none;margin-left:auto;margin-right:auto;
}
.cc-callout,.cc-faq__item,.cc-related__card,.cc-authorcard{box-shadow:var(--cc-sh-1)}
.cc-faq__item{border-color:#E2E8ED;border-radius:16px}
.cc-faq__item summary{font-family:var(--cc-font-sans);font-weight:700}
.cc-faq__a p,.cc-faq__a li{max-width:none}
.cc-related{border-top-color:#D6DEE5}
.cc-related__grid{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:16px}
.cc-related__card{border:0;border-radius:16px;padding:20px}
.cc-related__card b{font-family:var(--cc-font-sans);font-weight:750}

/* Modern buttons and data surfaces */
.cc-btn{background:#F2A91F;border-color:#F2A91F;color:#101A28;font-weight:750;border-radius:12px;box-shadow:0 8px 24px rgba(242,169,31,.22)}
.cc-btn:hover{background:#FFC14D;border-color:#FFC14D;color:#101A28;transform:translateY(-1px)}
.cc-tablewrap{border:0;border-radius:18px;box-shadow:var(--cc-sh-1)}
.cc-compare thead th{background:#0B1B2E}
.cc-casino-card{border:0;border-radius:18px;box-shadow:var(--cc-sh-1)}

/* Footer belongs to the same dark product shell */
.cc-foot{background:#06111F;color:#C3CFDB;margin-top:0}
.cc-foot__rg{margin-top:0;border-color:rgba(255,255,255,.10);background:rgba(255,255,255,.045);border-radius:16px}
.cc-foot__top{border-top:1px solid rgba(255,255,255,.07)}
.cc-foot__brand p,.cc-foot__rg p{color:#96A9BA}
.cc-foot strong{color:#fff}

@media(max-width:980px){
  .cc-layout{grid-template-columns:minmax(0,1fr)}
  .cc-aside{position:static}
  .cc-toc{margin-bottom:var(--cc-s5)}
  .cc-hero__grid{grid-template-columns:1fr}
  .cc-hero h1{max-width:16ch}
  .cc-hero__art{max-width:680px;order:initial;transform:none}
}
@media(max-width:760px){
  :root{--cc-head-h:64px}
  .cc-nav--open{background:#08182A;border-bottom-color:rgba(255,255,255,.1)}
  .cc-nav--open .sub-menu a{color:#AFC0D0}
  .cc-hero{padding:38px 0 46px}
  .cc-hero__grid{gap:0}
  .cc-hero__intro{display:contents}
  .cc-hero__eyebrow{order:1;justify-self:start}
  .cc-hero h1{order:2}
  .cc-hero__lead{order:3}
  .cc-hero__art,.cc-hero__brandcard{order:4;margin-top:18px}
  .cc-hero__meta{order:5;margin-top:24px}
  .cc-hero h1{font-size:clamp(2.25rem,10vw,3.2rem)}
  .cc-hero__lead{font-size:1.04rem}
  .cc-hero__meta{align-items:flex-start}
  .cc-hero__art{border-radius:20px}
  .cc-toc ol{grid-template-columns:1fr}
}
