/* br-kto-slots.com · Arquivo Slots KTO · família A: cabeçalho fixo e hero em duas colunas */
:root{
  --gi-bg:#0E0E10;--gi-ink:#F4F2EF;--gi-mute:#B9B5AF;--gi-line:rgba(255,255,255,.1);
  --gi-red:#E10600;--gi-red2:#FF3B30;--gi-card:#18181B;--gi-soft:#141416;
  --gi-paper:#F7F4EF;--gi-paper-ink:#1A1A1C;--gi-paper-mute:#55524D;
  --gi-r:14px;--gi-max:1180px;
  --gi-head:'Space Grotesk','Segoe UI',Arial,sans-serif;--gi-text:Inter,'Segoe UI',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--gi-bg);color:var(--gi-ink);font:17px/1.65 var(--gi-text);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.shell{width:100%;max-width:var(--gi-max);margin:0 auto;padding:0 20px}

/* cabeçalho */
.top{position:sticky;top:0;z-index:20;background:rgba(14,14,16,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gi-line)}
.top-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.top-in>a:first-child{display:flex;align-items:center;min-height:44px}
.top-in>a:first-child img{width:116px;height:28px}
.top .tag{font:600 13px/1 var(--gi-head);letter-spacing:.14em;text-transform:uppercase;color:var(--gi-mute);padding-left:14px;border-left:1px solid var(--gi-line)}
.top nav{order:3;width:100%;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -4px}
.top nav::-webkit-scrollbar{display:none}
.top nav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;text-decoration:none;font:600 15px/1 var(--gi-text);color:var(--gi-mute)}
.top nav a:hover{color:#fff;background:rgba(255,255,255,.06)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;font:700 15px/1 var(--gi-text);text-decoration:none}
.btn-main{margin-left:auto;background:var(--gi-red);color:#fff;box-shadow:0 6px 18px rgba(225,6,0,.3)}
.btn-main:hover{background:var(--gi-red2)}
@media (min-width:900px){
  .top nav{order:0;width:auto;margin:0 0 0 auto}
  .btn-main{margin-left:8px}
}

/* hero */
.gi-hero{position:relative;padding:44px 0 36px;background:radial-gradient(900px 420px at 85% -10%,rgba(225,6,0,.28),transparent 60%),var(--gi-bg);overflow:hidden}
.gi-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(225,6,0,.6),transparent)}
.gi-hero-grid{display:grid;gap:28px}
.gi-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font:600 14.5px/1.3 var(--gi-text);color:var(--gi-mute)}
.gi-dot{width:8px;height:8px;border-radius:50%;background:var(--gi-red);box-shadow:0 0 0 4px rgba(225,6,0,.22)}
.gi-crumbs{margin:0 0 10px;font-size:14.5px;color:var(--gi-mute)}
.gi-crumbs a{color:var(--gi-ink);text-decoration:none;border-bottom:1px solid var(--gi-line)}
.gi-hero h1,.gi-doc-sec h1{margin:0 0 16px;font:700 clamp(31px,6.2vw,54px)/1.06 var(--gi-head);letter-spacing:-.02em}
.gi-lead{margin:0 0 22px;font-size:18.5px;color:#DEDAD4;max-width:38em}
.gi-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.gi-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;background:var(--gi-red);color:#fff;font:700 16px/1 var(--gi-text);text-decoration:none;box-shadow:0 10px 26px rgba(225,6,0,.32);transition:transform .15s,background .15s}
.gi-btn:hover{background:var(--gi-red2);transform:translateY(-1px)}
.gi-ghost{display:inline-flex;align-items:center;min-height:50px;padding:0 20px;border-radius:12px;border:1px solid rgba(255,255,255,.22);text-decoration:none;font-weight:600}
.gi-ghost:hover{border-color:#fff}
.gi-ad{display:block;margin:10px 0 0;font-size:14.5px;color:#8F8B85;letter-spacing:.02em}
.gi-status{align-self:start;background:linear-gradient(160deg,#1C1C20,#121214);border:1px solid var(--gi-line);border-radius:18px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.gi-status-k{margin:0 0 12px;font:700 14.5px/1 var(--gi-head);letter-spacing:.14em;text-transform:uppercase;color:var(--gi-red2)}
.gi-status dl{margin:0;display:grid;gap:2px}
.gi-status dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px dashed var(--gi-line)}
.gi-status dl div:last-child{border:0}
.gi-status dt{color:var(--gi-mute);font-size:15px}
.gi-status dd{margin:0;font-weight:600;text-align:right;font-size:15px;word-break:break-word}
.gi-no{color:#fff;background:var(--gi-red);padding:2px 10px;border-radius:999px}
@media (min-width:900px){
  .gi-hero{padding:72px 0 64px}
  .gi-hero-grid{grid-template-columns:1.35fr .9fr;align-items:center;gap:56px}
}

/* seções */
.gi-sec{padding:52px 0;background:var(--gi-paper);color:var(--gi-paper-ink)}
.gi-sec-soft{background:#EFEAE3}
.gi-sec-dark{background:var(--gi-bg);color:var(--gi-ink)}
.gi-band{background:var(--gi-bg);padding:0 0 40px}
.gi-read>*{max-width:820px}
.gi-read>.gi-final{max-width:820px}
.gi-sec h2{margin:0 0 16px;font:700 clamp(25px,4vw,36px)/1.15 var(--gi-head);letter-spacing:-.015em}
.gi-sec h3{margin:6px 0 8px;font:700 20px/1.25 var(--gi-head)}
.gi-sec p{margin:0 0 16px}
.gi-sec a:not(.gi-btn):not(.gi-link-card){color:#B00500;text-decoration-thickness:2px;text-underline-offset:3px}
.gi-sec-dark a:not(.gi-btn){color:#FF7A73!important}
.gi-intro{max-width:760px;color:var(--gi-paper-mute)}
.gi-sec-dark .gi-intro,.gi-sec-dark .gi-note{color:var(--gi-mute)}
.gi-note{font-size:15px;color:var(--gi-paper-mute);border-left:3px solid var(--gi-red);padding-left:14px}
.gi-split{display:grid;gap:28px}
@media (min-width:900px){.gi-split{grid-template-columns:1.2fr .8fr;align-items:center;gap:56px}}

.gi-fig{margin:0}
.gi-fig img{border-radius:var(--gi-r);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.gi-fig figcaption{margin-top:10px;font-size:14.5px;color:#8F8B85}
.gi-fig-wide img{width:100%;border:1px solid var(--gi-line)}
.gi-fig-phone img{max-height:440px;width:auto;margin:0 auto;object-fit:contain;box-shadow:none}

.gi-cards{display:grid;gap:16px;margin:8px 0 22px}
@media (min-width:700px){.gi-cards{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1050px){.gi-cards{grid-template-columns:repeat(4,1fr)}.gi-cards-3{grid-template-columns:repeat(3,1fr)}}
.gi-card{position:relative;padding:22px 20px 20px;border-radius:var(--gi-r);background:var(--gi-card);border:1px solid var(--gi-line);color:var(--gi-ink)}
.gi-sec-soft .gi-card{background:#fff;color:var(--gi-paper-ink);border-color:#E0D9CF;box-shadow:0 8px 22px rgba(30,20,10,.06)}
.gi-card p{margin:0;font-size:16px;color:inherit;opacity:.88}
.gi-num{display:inline-block;font:700 14px/1 var(--gi-head);color:#fff;background:var(--gi-red);padding:6px 9px;border-radius:8px}

.gi-table{overflow-x:auto;margin:6px 0 18px;border-radius:var(--gi-r);border:1px solid #DDD5CA;background:#fff}
.gi-table table{width:100%;border-collapse:collapse;min-width:520px;font-size:16px}
.gi-table th{background:#1A1A1C;color:#fff;text-align:left;font:700 14px/1.3 var(--gi-head);letter-spacing:.06em;text-transform:uppercase;padding:13px 16px}
.gi-table td{padding:13px 16px;border-top:1px solid #ECE6DD;vertical-align:top}
.gi-table tr td:first-child{font-weight:600;white-space:nowrap}

.gi-steps{list-style:none;counter-reset:s;margin:0 0 18px;padding:0;display:grid;gap:10px}
.gi-steps li{counter-increment:s;position:relative;padding:14px 16px 14px 58px;border-radius:12px;background:#fff;border:1px solid #E3DCD2}
.gi-sec-dark .gi-steps li{background:var(--gi-card);border-color:var(--gi-line)}
.gi-steps li::before{content:counter(s);position:absolute;left:14px;top:13px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gi-red);color:#fff;font:700 14.5px/1 var(--gi-head)}
.gi-steps b{margin-right:6px}

.gi-checks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:12px}
.gi-checks li{position:relative;padding-left:34px}
.gi-checks li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:6px;background:var(--gi-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3C/svg%3E") center/16px no-repeat}
.gi-checks-warn li::before{background:#1A1A1C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 4v8M10 14.5v1.5' fill='none' stroke='%23FF3B30' stroke-width='2.6'/%3E%3C/svg%3E") center/16px no-repeat}
.gi-sec-dark .gi-checks-warn li::before{background-color:#2A2A2E}

.gi-inline-cta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:24px 0 0!important}
.gi-inline-cta .gi-ad{margin:0}

.gi-links{display:grid;gap:14px}
@media (min-width:800px){.gi-links{grid-template-columns:repeat(3,1fr)}}
.gi-link-card{display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:var(--gi-r);background:#fff;border:1px solid #E0D9CF;text-decoration:none;color:var(--gi-paper-ink);transition:transform .15s,box-shadow .15s}
.gi-link-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(30,20,10,.1)}
.gi-link-card span{font:700 12.5px/1 var(--gi-head);letter-spacing:.14em;text-transform:uppercase;color:var(--gi-red)}
.gi-link-card b{font:700 20px/1.25 var(--gi-head)}
.gi-link-card em{font-style:normal;color:var(--gi-paper-mute);font-size:15.5px}

.gi-faq{display:grid;gap:10px;margin:0 0 30px}
.gi-qa{border-radius:12px;background:#fff;border:1px solid #E3DCD2}
.gi-qa summary{cursor:pointer;list-style:none;padding:16px 50px 16px 18px;font:700 17px/1.35 var(--gi-head);position:relative;min-height:44px}
.gi-qa summary::-webkit-details-marker{display:none}
.gi-qa summary::after{content:"+";position:absolute;right:18px;top:12px;font:400 26px/1 var(--gi-text);color:var(--gi-red)}
.gi-qa[open] summary::after{content:"–"}
.gi-qa p{margin:0;padding:0 18px 18px;color:var(--gi-paper-mute)}

.gi-final{padding:26px;border-radius:18px;background:var(--gi-bg);color:var(--gi-ink);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.gi-final p{margin:0;color:#DEDAD4}
.gi-final .gi-ad{margin:0}

.gi-doc-sec{padding-top:44px}
.gi-doc-sec h1{color:var(--gi-paper-ink)}
.gi-doc-sec .gi-eyebrow,.gi-doc-sec .gi-crumbs{color:var(--gi-paper-mute)}
.gi-doc-sec .gi-crumbs a{color:var(--gi-paper-ink);border-color:#CFC6B9}
.gi-doc-sec .gi-lead{color:var(--gi-paper-mute)}
.gi-doc-sec h2{font-size:24px;margin-top:28px}

/* rodapé */
.foot{background:#08080A;color:var(--gi-mute);padding:40px 0 34px;border-top:3px solid var(--gi-red);font-size:15px}
.foot-top{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;justify-content:space-between;margin-bottom:18px}
.foot-top>a img{width:133px;height:32px}
.foot nav{display:flex;flex-wrap:wrap;gap:4px 6px}
.foot nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#E6E2DC;text-decoration:none;border-radius:8px}
.foot nav a:hover{background:rgba(255,255,255,.06)}
.foot p{margin:0 0 8px;max-width:820px}
.gi-sec h2:not(:first-child){margin-top:38px}