:root{--bg:#070D12;--bg2:#101A22;--bg3:#0B131A;--line:#1E2E39;--line2:#2C4150;--ink:#E4EEF3;--mut:#8AA0AD;--mut2:#BCD0DA;--faint:#63798A;--hi:#F4FAFD;--acc:#A8E80B;--acc-d:#86BC08;--link:#C4F24A;--coral:#35C4E8;--coral-bg:#081820;--coral-line:#163E50;--mono:'Reddit Mono','Consolas',monospace;--fs:16px;--shell:1100px;--h1max:44px;--h2max:31px;--port-pb:32px;--port-pb-d:48px;--sec-pad:35px 0;--cif-sm:2;--cif-cols:4;--par-cols:3;--paso-cols:2;--logo-h:30px;--logo-h2:24px;--head:'Petrona',Georgia,serif;--body:'Cairo',system-ui,sans-serif;--nar:'Petrona',Georgia,serif;}
/* ---------- Mango Dorado (AR/MX/CO): разбор конкретного оператора.
     Манговый градиент снят с логотипа и живёт только в акцентных деталях:
     кнопка, подчёркивание заголовка, рамка карточки. Заливать им плоскости
     нельзя — страница сразу читается как рекламный баннер.
     Золотой = подтверждённое и проверяемое. Коралловый = чего нет или
     что требует осторожности. Свёрстано mobile-first. ---------- */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);
font-size:var(--fs);line-height:1.64}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{color:var(--acc)}
.shell{max-width:var(--shell);margin:0 auto;padding:0 18px}
h1,h2,h3{font-family:var(--head);line-height:1.1;margin:0;font-weight:700;letter-spacing:-.012em}
h1{font-size:clamp(28px,7.2vw,var(--h1max))}
h2{font-size:clamp(22px,5.5vw,var(--h2max))}
h3{font-size:17px;font-weight:700;letter-spacing:0}
p{margin:13px 0 0}
strong{font-weight:700;color:var(--hi)}
.mono,code{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.92em}
.cap{display:block;font-family:var(--nar);font-size:11px;font-weight:700;
letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin:0 0 14px;
padding-bottom:9px;border-bottom:2px solid;
border-color:var(--acc);width:fit-content;min-width:72px}
/* ---------- шапка ---------- */
.top{background:var(--bg2);border-bottom:1px solid var(--line);position:relative;z-index:5}
.top-in{display:flex;align-items:center;gap:12px;padding:11px 0}
.top-in>a:first-child{flex:0 1 auto;min-width:0;text-decoration:none;display:flex;align-items:center}
.top-in>a:first-child img{height:var(--logo-h);width:auto}
.top .tag{font-family:var(--nar);font-size:10.5px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--mut);border-left:2px solid var(--acc);padding-left:10px;line-height:1.25}
.top nav{display:none}
.top .btn{margin-left:auto}
/* ---------- первый экран ---------- */
.portada{position:relative;background:radial-gradient(110% 85% at 100% 0%,rgba(53,196,232,.12),transparent 60%),var(--bg);
padding:26px 0 var(--port-pb);border-bottom:1px solid var(--line)}
.etiq{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:500;
letter-spacing:.08em;text-transform:uppercase;color:var(--acc);
border:1px solid var(--line2);border-radius:999px;padding:5px 13px;margin:0 0 15px}
.portada .sub{font-family:var(--head);font-size:clamp(17px,3.9vw,calc(var(--h1max)*.52));
font-weight:400;color:var(--mut2);letter-spacing:0;margin:9px 0 0;line-height:1.35}
.dek{color:var(--mut2);font-size:16.5px;max-width:64ch;margin:15px 0 0}
.acciones{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.btn{display:inline-block;text-align:center;font-family:var(--nar);font-weight:700;font-size:15px;
letter-spacing:.01em;padding:14px 24px;border-radius:6px;border:1px solid transparent;text-decoration:none}
.btn-main,.btn-go{background:var(--acc);color:#0A1206;
border-color:transparent}
.btn-main:hover,.btn-go:hover{filter:brightness(1.08);color:#1A0F00}
.btn-line{background:transparent;color:var(--hi);border-color:var(--line2)}
.btn-line:hover{border-color:var(--acc);color:var(--acc)}
.top .btn{padding:9px 15px;font-size:12.5px;border-radius:6px}
.mini{color:var(--faint);font-size:12px;margin:16px 0 0}
.cifras{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:26px;
background:var(--line);border:1px solid var(--line);border-radius:7px;overflow:hidden}
.cifras>div{background:var(--bg2);padding:15px 14px;border-bottom:2px solid var(--acc)}
.cifras b{display:block;font-family:var(--mono);font-weight:500;font-size:21px;color:var(--acc);
letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cifras span{display:block;margin-top:5px;color:var(--mut);font-size:12.5px;line-height:1.45}
/* ---------- блоки ---------- */
.bloque{padding:var(--sec-pad)}
.bloque.alt{background:var(--bg2)}
.lead{font-size:16.5px;color:var(--mut2);max-width:68ch;margin:12px 0 0}
.figura{margin:24px 0 0}
.figura img{width:100%;border-radius:7px;border:1px solid var(--line2)}
.figura figcaption{margin-top:11px;color:var(--mut);font-size:13.5px;max-width:78ch}
.figura .credito{display:block;margin-top:6px;color:var(--faint);font-size:11.5px}
/* ---------- карточка оператора: ключ-значение ---------- */
.ficha{margin-top:24px;border:1px solid var(--line2);border-radius:7px;overflow:hidden;
background:var(--bg2)}
.ficha .fila{display:grid;grid-template-columns:1fr;gap:2px;padding:14px 16px;
border-top:1px solid var(--line)}
.ficha .fila:first-child{border-top:0}
.ficha dt,.ficha .k{font-family:var(--nar);font-size:11px;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--mut)}
.ficha dd,.ficha .v{margin:0;font-family:var(--mono);font-size:15px;color:var(--hi);
font-variant-numeric:tabular-nums;word-break:break-word}
.ficha .v small{display:block;margin-top:5px;font-family:var(--body);font-size:13px;
color:var(--mut);letter-spacing:0}
.ficha .fila.falta .v{color:var(--coral)}
.ficha .fila.ok .v{color:var(--acc)}
/* ---------- бонус ---------- */
.bono{margin-top:26px;border:1px solid var(--line2);border-radius:8px;overflow:hidden;
background:var(--bg3);border-left:3px solid var(--acc)}
.bono .cabeza{padding:20px 20px 0}
.bono .etiqueta{font-family:var(--nar);font-size:10.5px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--acc)}
.bono .cifra{display:block;margin-top:9px;font-family:var(--head);font-weight:700;
font-size:clamp(26px,7vw,40px);line-height:1.08;color:var(--hi);letter-spacing:-.02em}
.bono .fuente{display:block;margin-top:10px;font-family:var(--mono);font-size:11.5px;
color:var(--faint);line-height:1.55}
.bono ul{list-style:none;margin:18px 0 0;padding:20px;border-top:1px solid var(--line);display:grid;gap:9px}
.bono li{position:relative;padding-left:20px;color:var(--mut2);font-size:14.5px}
.bono li::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;
background:var(--coral)}
.bono li b{color:var(--hi)}
/* ---------- таблицы и списки ---------- */
.tabla{margin-top:24px;overflow-x:auto;border:1px solid var(--line2);border-radius:7px;background:var(--bg2)}
.tabla table{border-collapse:collapse;width:100%;font-size:14.5px}
.tabla.ancha table{min-width:560px}
.tabla td:first-child{color:var(--mut2)}
.tabla th{text-align:left;font-family:var(--nar);font-size:11px;font-weight:700;
letter-spacing:.11em;text-transform:uppercase;color:var(--mut);padding:12px 14px;
border-bottom:1px solid var(--acc);white-space:nowrap}
.tabla td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
.tabla td.v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500;color:var(--hi)}
.tabla td.si{color:var(--acc);font-family:var(--mono)}
.tabla td.no{color:var(--coral);font-family:var(--mono)}
.rol{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.rol li{padding:17px 18px;background:var(--bg2);border:1px solid var(--line2);border-radius:7px}
.rol li.ok{border-left:3px solid var(--acc)}
.rol li.no{border-left:3px solid var(--coral)}
.rol b{display:block;font-family:var(--head);font-size:16.5px;font-weight:700}
.rol p{margin:6px 0 0;color:var(--mut);font-size:14.5px}
/* ---------- каталог игр: текстовые плитки, без логотипов провайдеров ---------- */
.juegos{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.juegos li{background:var(--bg2);border:1px solid var(--line2);border-radius:6px;padding:13px 14px}
.juegos b{display:block;font-family:var(--head);font-size:15px;font-weight:700;color:var(--hi);
line-height:1.25}
.juegos span{display:block;margin-top:5px;font-family:var(--mono);font-size:11.5px;color:var(--faint)}
.aclara{margin-top:18px;color:var(--faint);font-size:12.5px;line-height:1.6}
/* ---------- шаги проверки ---------- */
.verif{list-style:none;counter-reset:vf;margin:24px 0 0;padding:0;display:grid;gap:12px}
.verif li{counter-increment:vf;padding:16px 18px 16px 58px;position:relative;
background:var(--bg2);border:1px solid var(--line2);border-radius:7px}
.verif li::before{content:counter(vf,decimal-leading-zero);position:absolute;left:15px;top:15px;
border:1px solid var(--line2);border-radius:6px;padding:2px 5px;
font-family:var(--mono);font-weight:500;font-size:15px;color:var(--acc)}
.verif b{display:block;font-family:var(--head);font-size:16.5px;font-weight:700}
.verif p{margin:5px 0 0;color:var(--mut);font-size:14.5px}
.verif .sale{display:block;margin-top:9px;font-family:var(--mono);font-size:12px;color:var(--faint)}
/* ---------- предупреждение ---------- */
.alerta{margin-top:26px;background:var(--coral-bg);border:1px solid var(--coral-line);
border-left:3px solid var(--coral);border-radius:0 10px 10px 0;padding:19px 18px}
.alerta h3{font-size:17.5px;color:var(--coral);font-family:var(--head);font-weight:700}
.alerta p{margin:9px 0 0;font-size:15px;color:var(--mut2)}
.alerta ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.alerta li{position:relative;padding-left:20px;color:var(--mut2);font-size:14.5px}
.alerta li::before{content:"";position:absolute;left:0;top:9px;width:9px;height:9px;
background:var(--coral);border-radius:50%}
.aviso{margin-top:26px;background:var(--bg3);border:1px solid var(--line2);border-radius:7px;padding:19px 18px}
.aviso h3{font-size:17.5px;color:var(--hi);font-family:var(--head);font-weight:700}
.aviso p{margin:9px 0 0;font-size:15px;color:var(--mut2)}
.aviso .par{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.aviso .par>div{font-size:10.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.12em;
font-family:var(--nar);font-weight:700;border-top:1px solid var(--line2);padding-top:10px}
.aviso .par strong{display:block;margin-top:5px;font-family:var(--mono);font-size:17px;
color:var(--acc);text-transform:none;letter-spacing:-.02em}
/* ---------- FAQ ---------- */
.preg{margin-top:24px;display:grid;gap:9px}
.preg details{background:var(--bg2);border:1px solid var(--line2);border-radius:7px}
.preg summary{cursor:pointer;list-style:none;padding:15px 16px;display:flex;
align-items:baseline;justify-content:space-between;gap:12px}
.preg summary::-webkit-details-marker{display:none}
.preg summary h3{font-size:16px;font-weight:700;color:var(--hi)}
.preg summary::after{content:"+";font-family:var(--mono);font-weight:500;color:var(--acc);font-size:20px;line-height:1}
.preg details[open] summary::after{content:"\2212"}
.preg details>p{margin:0;padding:0 16px 17px;color:var(--mut);font-size:14.5px}
/* ---------- закрытие и подвал ---------- */
.cierre{background:var(--bg3);padding:30px 0;border-top:1px solid var(--line)}
.cierre h2{font-size:22px;color:var(--hi)}
.cierre p{margin:8px 0 0;color:var(--mut);font-size:14.5px}
.cierre .btn{margin-top:18px;width:100%}
.docs .shell{max-width:760px}
.docs h2{font-size:20px;margin-top:30px}
.docs p{font-size:15.5px}
.indice{margin-top:20px;background:var(--bg2);border:1px solid var(--line2);border-radius:7px;padding:16px 18px}
.indice b{display:block;font-family:var(--nar);font-size:11px;font-weight:700;
letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:8px}
.indice ol{margin:0;padding-left:18px;color:var(--mut);font-size:14.5px}
.indice li{margin:4px 0}
.foot{padding:26px 0 36px;background:var(--bg2);color:var(--mut);border-top:1px solid var(--line)}
.foot-top{display:flex;flex-direction:column;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.foot-top img{height:var(--logo-h2);width:auto}
.foot nav{display:flex;gap:14px;flex-wrap:wrap}
.foot nav a{color:var(--mut2);font-family:var(--body);font-size:13.5px;font-weight:600;text-decoration:none}
.foot nav a:hover{color:var(--acc)}
.foot p{color:var(--faint);font-size:12px}
/* =========================== 560px =========================== */
@media (min-width:560px){
 .shell{padding:0 24px}
 .acciones{flex-direction:row;flex-wrap:wrap}
 .cifras{grid-template-columns:repeat(var(--cif-sm),1fr)}
 .cierre .btn{width:auto}
 .ficha .fila{grid-template-columns:200px 1fr;gap:16px;align-items:baseline}
 .juegos{grid-template-columns:repeat(3,1fr)}
}
/* =========================== 760px =========================== */
@media (min-width:760px){
 .top nav{display:flex;gap:18px;align-items:center;margin-left:24px}
 .top nav a{color:var(--mut);font-family:var(--body);font-size:14px;font-weight:600;text-decoration:none}
 .top nav a:hover{color:var(--acc)}
 .portada{padding:40px 0 var(--port-pb-d)}
 .rol{grid-template-columns:1fr 1fr}
 .aviso .par{grid-template-columns:repeat(var(--par-cols),1fr)}
 .foot-top{flex-direction:row;align-items:center;justify-content:space-between}
 .juegos{grid-template-columns:repeat(4,1fr)}
 .bono{display:grid;grid-template-columns:1fr 1fr}
 .bono .cabeza{padding:24px}
 .bono ul{margin:0;border-top:0;border-left:1px solid var(--line)}
}
/* =========================== 1040px =========================== */
@media (min-width:1040px){
 .shell{padding:0 28px}
 .cifras{grid-template-columns:repeat(var(--cif-cols),1fr)}
 .verif{grid-template-columns:repeat(var(--paso-cols),1fr)}
 .juegos{grid-template-columns:repeat(6,1fr)}
 .figura.lado{display:grid;grid-template-columns:1.5fr .85fr;gap:26px;align-items:start}
 .figura.lado figcaption{margin-top:0}
}
/* ---------- страховка шапки на узких экранах ---------- */
@media (max-width:559px){
  .top .tag{display:none}
  .top-in{gap:8px}
  .top-in>a:first-child img{height:auto;max-height:var(--logo-h);max-width:100%;width:auto}
  .top .btn{flex:0 0 auto;padding:8px 12px;font-size:11.5px;white-space:nowrap}
}

/* .reg — строка публичного реестра: ключ, значение и статус. Опознавательный
   знак вертикали: здесь всё держится на номерах, которые читатель проверит сам. */
.reg{margin-top:24px;border:1px solid var(--line2);border-radius:7px;overflow:hidden;background:var(--bg2)}
.reg .fila{display:grid;grid-template-columns:1fr;gap:3px;padding:13px 16px;border-top:1px solid var(--line)}
.reg .fila:first-child{border-top:0}
.reg .k{font-family:var(--nar);font-size:10.5px;font-weight:700;letter-spacing:.13em;
text-transform:uppercase;color:var(--mut)}
.reg .v{font-family:var(--mono);font-size:15px;color:var(--hi);font-variant-numeric:tabular-nums;
word-break:break-word}
.reg .fila.ok .v{color:var(--acc)}
.reg .fila.ojo .v{color:var(--coral)}
.reg .nota{display:block;margin-top:5px;font-family:var(--body);font-size:13px;color:var(--mut);line-height:1.5}
@media (min-width:560px){.reg .fila{grid-template-columns:230px 1fr;gap:16px;align-items:baseline}}

/* .dos — два номера рядом: то, что публикует марка, и то, что в реестре */
.dos{display:grid;gap:12px;margin-top:24px}
.dos>div{background:var(--bg2);border:1px solid var(--line2);border-radius:7px;padding:16px 18px}
.dos .marca{border-left:3px solid var(--coral)}
.dos .registro{border-left:3px solid var(--acc)}
.dos .t{display:block;font-family:var(--nar);font-size:10.5px;font-weight:700;letter-spacing:.13em;
text-transform:uppercase;color:var(--mut)}
.dos .n{display:block;margin-top:8px;font-family:var(--mono);font-size:17px;color:var(--hi);
word-break:break-all}
.dos p{margin:9px 0 0;color:var(--mut);font-size:14px;line-height:1.55}
@media (min-width:720px){.dos{grid-template-columns:1fr 1fr}}