:root{--bg:#0C1014;--bg2:#141A21;--bg3:#10161C;--line:#1E2731;--line2:#2A3642;--ink:#D6E2EA;--mut:#8FA3B3;--mut2:#B4C6D3;--faint:#64798A;--hi:#F2F8FC;--acc:#35B6E8;--acc-d:#1E93C2;--link:#6FCBF0;--warn:#F2B705;--warn-bg:#191505;--warn-line:#463909;--mono:'DM Mono','Consolas',monospace;--fs:16px;--shell:1100px;--h1max:45px;--h2max:31px;--port-pb:32px;--port-pb-d:46px;--sec-pad:32px 0;--cif-sm:2;--cif-cols:4;--par-cols:3;--paso-cols:2;--logo-h:24px;--logo-h2:20px;--head:Geologica,'Segoe UI',Arial,sans-serif;--body:Asap,'Segoe UI',Arial,sans-serif;--nar:Geologica,'Segoe UI',Arial,sans-serif;}
/* ---------- Casino Kun Agüero (AR): вертикаль проверки, а не витрина.
     Первый экран — не обложка с картинкой, а прямой ответ на вопрос запроса,
     потому что доминирующее намерение — «проверить», а не «играть».
     Изображений человека нет и не будет: только собственные схемы.
     Celeste — проверяемый факт и ссылка на реестр. Amber — предупреждение.
     Роли цветов не смешиваются. Свёрстано 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.66}
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.12;margin:0;font-weight:700;letter-spacing:-.015em}
h1{font-size:clamp(27px,7vw,var(--h1max))}
h2{font-size:clamp(22px,5.4vw,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:.93em}
.cap{display:flex;align-items:center;gap:9px;font-family:var(--nar);font-size:11px;font-weight:700;
letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin:0 0 15px}
.cap::before{content:"";width:12px;height:12px;flex:0 0 auto;border:2px solid var(--acc);border-radius:2px}
/* ---------- шапка: собственный типографический знак домена ---------- */
.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:12px 0}
.top-in>a:first-child{flex:0 0 auto;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:.16em;
text-transform:uppercase;color:var(--mut);border-left:2px solid var(--acc);padding-left:10px;line-height:1.3}
.top nav{display:none}
.top .btn{margin-left:auto}
/* ---------- первый экран без фотографии ---------- */
.portada{background:linear-gradient(180deg,var(--bg2) 0%,var(--bg) 100%);
border-bottom:1px solid var(--line);padding:26px 0 var(--port-pb)}
.etiq{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;
letter-spacing:.09em;text-transform:uppercase;color:var(--mut2);
border:1px solid var(--line2);border-radius:3px;padding:5px 11px;margin:0 0 16px}
.dek{color:var(--mut2);font-size:16.5px;max-width:64ch;margin:15px 0 0}
/* прямой ответ: то, ради чего человек пришёл, стоит выше кнопки */
.resp{margin:22px 0 0;border:1px solid var(--line2);border-left:4px solid var(--acc);
border-radius:0 6px 6px 0;background:var(--bg3);padding:18px 18px 19px}
.resp b{display:block;font-family:var(--head);font-weight:700;font-size:clamp(19px,4.6vw,25px);
line-height:1.22;color:var(--hi);letter-spacing:-.015em}
.resp p{margin:10px 0 0;color:var(--mut2);font-size:15px}
.resp .src{display:block;margin-top:12px;font-family:var(--mono);font-size:11.5px;color:var(--faint);
line-height:1.55}
.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:.015em;padding:13px 22px;border-radius:5px;border:1px solid transparent;
text-decoration:none}
.btn-main,.btn-go{background:var(--acc);color:#07131A;border-color:var(--acc)}
.btn-main:hover,.btn-go:hover{background:var(--acc-d);border-color:var(--acc-d);color:#07131A}
.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 14px;font-size:12.5px;border-radius:4px}
.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:6px;overflow:hidden}
.cifras>div{background:var(--bg2);padding:15px 14px}
.cifras b{display:block;font-family:var(--mono);font-weight:700;font-size:19px;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:6px;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}
/* ---------- дословная цитата с источником и датой ---------- */
.dicho{margin-top:24px;padding:18px 18px 18px 20px;background:var(--bg3);
border:1px solid var(--line2);border-left:4px solid var(--acc);border-radius:0 6px 6px 0}
.dicho p{margin:0 0 10px;font-size:17px;font-family:var(--head);font-weight:600;line-height:1.38;color:var(--hi)}
.dicho p:last-of-type{margin-bottom:0}
.dicho cite{display:block;margin-top:14px;font-style:normal;color:var(--mut);
font-family:var(--mono);font-size:11.5px;line-height:1.6}
/* ---------- разбор адреса: где смотреть .bet.ar ---------- */
.dom{margin-top:24px;background:var(--bg3);border:1px solid var(--line2);border-radius:6px;
padding:18px 16px;overflow-x:auto}
.dom .linea{font-family:var(--mono);font-size:clamp(14px,3.6vw,19px);white-space:nowrap;
color:var(--mut);letter-spacing:-.01em}
.dom .linea .ok{color:var(--acc);font-weight:700;border-bottom:2px solid var(--acc);padding-bottom:2px}
.dom .linea .mal{color:var(--warn);font-weight:700;border-bottom:2px solid var(--warn);padding-bottom:2px}
.dom .nota{margin:14px 0 0;color:var(--mut);font-size:13.5px;white-space:normal}
.dom .nota b{color:var(--hi)}
/* ---------- список авторизованных платформ ---------- */
.chips{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{font-family:var(--mono);font-size:13px;color:var(--mut2);background:var(--bg3);
border:1px solid var(--line2);border-radius:4px;padding:7px 11px}
.chips li .tld{color:var(--acc);font-weight:700}
.fuente{margin-top:14px;color:var(--faint);font-size:12.5px}
/* ---------- предупреждение (amber, только для риска) ---------- */
.alerta{margin-top:26px;background:var(--warn-bg);border:1px solid var(--warn-line);
border-left:4px solid var(--warn);border-radius:0 6px 6px 0;padding:19px 18px}
.alerta h3{font-size:17.5px;color:var(--warn);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(--warn);transform:rotate(45deg)}
/* ---------- нейтральный блок с параметрами ---------- */
.aviso{margin-top:26px;background:var(--bg3);border:1px solid var(--line2);border-radius:6px;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}
/* ---------- таблицы и списки ---------- */
.tabla{margin-top:24px;overflow-x:auto;border:1px solid var(--line2);border-radius:6px;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:.12em;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:700;color:var(--hi)}
.tabla td.si{color:var(--acc);font-family:var(--mono);font-weight:700}
.tabla td.no{color:var(--warn);font-family:var(--mono);font-weight:700}
.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:6px}
.rol li.ok{border-left:3px solid var(--acc)}
.rol li.no{border-left:3px solid var(--warn)}
.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}
/* ---------- чек-лист проверки ---------- */
.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:6px}
.verif li::before{content:counter(vf,decimal-leading-zero);position:absolute;left:16px;top:17px;
font-family:var(--mono);font-weight:700;font-size:15px;color:var(--acc);letter-spacing:-.04em}
.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)}

/* ---------- витрина партнёров ----------
   Это не список авторизованных площадок и не должно на него походить.
   Карточка обязана нести статус: у наших партнёров аргентинской
   авторизации нет, и это написано в самой карточке, а не в сноске.
   Логотипов операторов нет — вместо них домен моноширинным,
   потому что вся вертикаль учит смотреть именно на домен. ---------- */
.socios{background:var(--bg3);padding:var(--sec-pad);border-top:1px solid var(--line)}
.socios .lead{color:var(--mut2)}
.socio{margin-top:16px;background:var(--bg2);border:1px solid var(--line2);border-radius:8px;padding:18px 18px 16px}
.socio .fila1{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
/* знак партнёра: номинативное использование внутри блока «socios comerciales».
   В шапку, в schema.org и в open graph он не идёт никогда — знаком сайта
   остаётся имя его домена. */
.socio .marca-casa{height:26px;width:auto;flex:0 0 auto}
.socio b small{display:block;font-family:var(--body);font-size:12px;font-weight:400;
letter-spacing:0;color:var(--mut);margin-top:1px}
.socio .num{font-family:var(--mono);font-size:12px;color:var(--faint)}
.socio b{font-family:var(--head);font-size:21px;font-weight:700;color:var(--hi);letter-spacing:-.015em}
.socio .marca{display:block;margin-top:10px;font-family:var(--mono);font-size:15px;color:var(--mut2);
word-break:break-all}
.socio .sello{font-family:var(--nar);font-size:10.5px;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--acc);border:1px solid var(--acc);border-radius:3px;padding:3px 8px}
.socio ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.socio li{color:var(--mut2);font-size:14.5px;padding-left:18px;position:relative}
.socio li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;border-radius:50%;
background:var(--acc)}
.socio li i{font-style:normal;color:var(--faint)}
.socio li b{font-family:var(--body);font-size:14.5px;color:var(--hi)}
/* строка статуса: обязательная, ámbar, крупнее подписи */
.socio li.estado::before{background:var(--warn)}
.socio li.estado{color:var(--mut2)}
.socio li.estado b{color:var(--warn)}
.socio .accion{margin-top:16px;display:grid;gap:8px}
.socio .accion .btn{width:100%}
.socio .accion small{color:var(--faint);font-size:12px}
.socio .chica{margin:14px 0 0;color:var(--faint);font-size:12.5px;line-height:1.55}
.socios .aclara{margin-top:22px;color:var(--faint);font-size:12.5px;line-height:1.6}
/* ---------- FAQ ---------- */
.preg{margin-top:24px;display:grid;gap:9px}
.preg details{background:var(--bg2);border:1px solid var(--line2);border-radius:6px}
.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:700;color:var(--acc);font-size:19px;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:6px;padding:16px 18px}
.indice b{display:block;font-family:var(--nar);font-size:11px;font-weight:700;
letter-spacing:.13em;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}
 .btn{padding:13px 26px}
 .cifras{grid-template-columns:repeat(var(--cif-sm),1fr)}
 .cierre .btn{width:auto}
 .resp{padding:22px 22px 23px}
}
/* =========================== 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:38px 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}
 .socios .mesa{display:grid;grid-template-columns:1fr 1fr;gap:16px}
 .socio{margin-top:0}
 .socio .accion{grid-auto-flow:column;justify-content:start;align-items:center;gap:14px}
 .socio .accion .btn{width:auto}
}
/* =========================== 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)}
 .figura.lado{display:grid;grid-template-columns:1.5fr .85fr;gap:26px;align-items:start}
 .figura.lado figcaption{margin-top:0}
}
/* ---------- страховка шапки на узких экранах ----------
   Знак домена типографический и бывает длинным (casino-aguero-oficial),
   поэтому ниже 560px прячем подпись и ужимаем кнопку: иначе шапка
   выносит страницу в горизонтальный скролл. ---------- */
@media (max-width:559px){
  .top .tag{display:none}
  .top-in{gap:8px}
  .top-in>a:first-child{flex:0 1 auto;min-width:0}
  .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 11px;font-size:11.5px;white-space:nowrap}
}