/* ==========================================================================
   Kraken AI — camada comum do site
   Cabeçalho, rodapé, banner de cookies, páginas legais e campo de código.
   Usada por: index.html (Entrar), checkout.html, termos/privacidade/cookies e /members.
   ========================================================================== */
:root{--k-bg:#050405;--k-card:#0c080bdd;--k-line:#ffffff14;--k-line-strong:#b27e9440;--k-text:#ece6ea;--k-muted:#a3929d;--k-dim:#7c6a75;--k-red:#8e0710;--k-red-hi:#ad0b17;--k-accent:#ef3a5d;--k-ok:#9fe3b4;--k-warn:#f7bac1;--k-radius:14px;--k-max:1120px}

[hidden]{display:none!important}

/* ---------- Cabeçalho ---------- */
.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#050405e6,#050405b3);border-bottom:1px solid var(--k-line)}
.site-header-inner{max-width:var(--k-max);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px}
.site-logo{display:inline-flex;align-items:center;gap:10px;color:var(--k-text);text-decoration:none;font-weight:700;letter-spacing:2px;font-size:13px}
.site-logo img{width:30px;height:30px;object-fit:cover;object-position:50% 30%;border-radius:8px;background:#000}
.site-logo b{color:var(--k-accent);font-size:9px;letter-spacing:0;margin-left:-4px;align-self:flex-start;margin-top:3px}
.site-nav{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:13px}
.site-nav a,.site-nav button{color:#cbb9c4;text-decoration:none;padding:8px 12px;border-radius:999px;border:0;background:none;font:inherit;cursor:pointer;transition:background .2s,color .2s}
.site-nav a:hover,.site-nav button:hover{color:#fff;background:#ffffff0d}
.site-nav a[aria-current="page"]{color:#fff;background:#ffffff12}
.site-nav .nav-cta{background:var(--k-red);color:#fff;font-weight:600;padding:9px 16px}
.site-nav .nav-cta:hover{background:var(--k-red-hi)}
.site-nav .nav-email{font-size:11px;color:var(--k-dim);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 6px}
@media(max-width:640px){.site-header-inner{padding:12px 16px;gap:10px}.site-nav{gap:2px;font-size:12px}.site-nav a,.site-nav button{padding:7px 9px}.site-nav .nav-hide-sm,.site-nav .nav-email{display:none}}

/* ---------- Rodapé ---------- */
.site-footer{position:relative;z-index:1;border-top:1px solid var(--k-line);margin-top:64px;background:#040304cc}
.site-footer-inner{max-width:var(--k-max);margin:0 auto;padding:32px 24px 28px;display:grid;gap:22px}
.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;align-items:center}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px}
.footer-links a,.footer-links button{color:#bba8b4;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.footer-links a:hover,.footer-links button:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer-disclaimer{font-size:11px;line-height:1.7;color:var(--k-dim);max-width:820px;margin:0}
.footer-copy{font-size:11px;color:#6d5d67;margin:0}

/* ---------- Banner de cookies ---------- */
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin-left:auto;background:#120c10f5;border:1px solid var(--k-line-strong);border-radius:16px;padding:20px 20px 16px;box-shadow:0 20px 70px #000a;color:var(--k-text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;animation:cookie-in .35s ease both}
@keyframes cookie-in{from{opacity:0;transform:translateY(12px)}}
.cookie-banner h2{font-size:15px;margin:0 0 6px;font-weight:600}
.cookie-banner p{margin:0 0 14px;font-size:13px;color:#c8b8c2}
.cookie-banner a{color:#f2c9d6}
.cookie-actions{display:flex;flex-wrap:wrap;gap:8px}
.cookie-actions button{flex:1 1 auto;border-radius:10px;padding:11px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #ffffff26;background:transparent;color:var(--k-text)}
.cookie-actions .cookie-accept{background:var(--k-red);border-color:var(--k-red);color:#fff}
.cookie-actions .cookie-accept:hover{background:var(--k-red-hi)}
.cookie-prefs{display:grid;gap:10px;margin:0 0 14px}
.cookie-prefs label{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--k-line);border-radius:10px;background:#0806087a;font-size:13px;color:#d9cbd3;cursor:pointer}
.cookie-prefs input{margin-top:3px;accent-color:#ef3a5d;width:16px;height:16px;flex-shrink:0}
.cookie-prefs small{display:block;color:var(--k-muted);font-size:12px;margin-top:2px}
@media(max-width:480px){.cookie-banner{left:10px;right:10px;bottom:10px;padding:18px 16px 14px}}

/* ---------- Páginas legais ---------- */
.legal-page{background:var(--k-bg);color:var(--k-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0;-webkit-font-smoothing:antialiased}
.legal{max-width:780px;margin:0 auto;padding:48px 24px 0}
.legal .eyebrow{font-size:11px;letter-spacing:3px;color:#b3909b;margin:0 0 12px}
.legal h1{font-size:34px;letter-spacing:-.8px;font-weight:600;margin:0 0 10px}
.legal .updated{font-size:13px;color:var(--k-muted);margin:0 0 28px}
.legal nav.toc{border:1px solid var(--k-line);border-radius:var(--k-radius);padding:18px 20px;background:#0c080b99;margin:0 0 36px}
.legal nav.toc p{margin:0 0 8px;font-size:12px;letter-spacing:2px;color:#b3909b}
.legal nav.toc ol{margin:0;padding-left:20px;columns:2;column-gap:28px;font-size:13px;line-height:1.9}
.legal nav.toc a{color:#d9c5d0;text-decoration:none}.legal nav.toc a:hover{color:#fff;text-decoration:underline}
.legal h2{font-size:20px;font-weight:600;margin:40px 0 12px;padding-top:8px;scroll-margin-top:90px}
.legal h3{font-size:15px;font-weight:600;margin:22px 0 8px}
.legal p,.legal li{font-size:15px;line-height:1.75;color:#d4c5cd}
.legal ul,.legal ol.list{padding-left:22px}
.legal a{color:#f2c9d6}
.legal strong{color:#f3ecf0}
.legal .callout{border:1px solid #ef3a5d55;background:#2a0d1566;border-radius:var(--k-radius);padding:16px 18px;margin:18px 0}
.legal .callout p{margin:0}
.legal table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0 4px;display:block;overflow-x:auto}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--k-line);vertical-align:top;color:#d4c5cd}
.legal th{color:#f0e6eb;font-weight:600;white-space:nowrap}
.legal code{font:13px ui-monospace,Consolas,monospace;background:#ffffff0d;padding:2px 6px;border-radius:5px}
.fill-missing{background:#ffcf5a22;color:#ffd77a;border-bottom:1px dashed #ffd77a;padding:0 3px;border-radius:3px}
@media(max-width:640px){.legal{padding-top:32px}.legal h1{font-size:27px}.legal nav.toc ol{columns:1}.legal p,.legal li{font-size:14px}}

/* ---------- Campo de código de 6 dígitos ---------- */
.code-input{display:block;width:100%;text-align:center;font:600 26px/1 ui-monospace,Consolas,monospace;letter-spacing:.55em;padding:16px 0 16px .55em;border-radius:12px;border:1px solid #a4788f44;background:#070507;color:var(--k-text)}
.code-input:focus{outline:0;border-color:#e6c0d1;box-shadow:0 0 0 3px #ef3a5d22}
.code-input::placeholder{color:#4d3f48;letter-spacing:.55em}

/* ---------- Utilitários ---------- */
.k-check{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.6;color:#cbbcc5;cursor:pointer}
.k-check input{width:17px;height:17px;margin:1px 0 0;flex-shrink:0;accent-color:#35e17f}
.k-check a{color:#f2d3de;text-decoration:underline;text-underline-offset:3px}
.k-link-button{background:none;border:0;padding:0;font:inherit;color:#c9a9b9;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.k-link-button:disabled{opacity:.5;cursor:default;text-decoration:none}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}