/* cartalogo.com ~ verbetes em ordem alfabetica ~ 1win Brasil ~ rev 1 */

@font-face{
  font-family:'Inter Tight';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url(/assets/fonts/intertight-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --pagina:#f7f4ee;--pagina2:#e9e3d9;--verbete:#ffffff;
  --cafe:#5b4636;--cafe2:#3f3024;--tinta:#1e1812;--prosa:#564c42;--meio:#847a6f;--palido:#aba398;
  --cafeL:#f0e8dd;
  --pinho:#2f7d62;--pinhoL:#e3f1ec;--ocre:#a86b12;--ocreL:#f9eedd;
  --traco:#ddd5c8;--traco2:#c4b9a9;
  --raio:8px;--raio2:16px;--raio3:24px;
  --coluna:1120px;--alto-cinta:58px;
  --folga:clamp(36px,4.2vw,56px);
  --fonte:'Inter Tight',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --cifra:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
  --escala:17px;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--alto-cinta) + 18px)}
body{
  margin:0;background:var(--pagina);color:var(--prosa);
  font-family:var(--fonte);font-size:var(--escala);line-height:1.72;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word;
  padding-bottom:calc(64px + env(safe-area-inset-bottom));
}
@media(min-width:900px){body{padding-bottom:0}}
img{max-width:100%;height:auto;display:block}
a{color:var(--cafe2);text-decoration:none}
a:hover{color:var(--pinho);text-decoration:underline}
p{margin:0 0 1.12em}
ul,ol{margin:0 0 1.15em;padding-left:1.2em}
li{margin:.36em 0}
b,strong{color:var(--tinta);font-weight:700}
h1,h2,h3,h4{color:var(--tinta);font-weight:800;line-height:1.14;letter-spacing:-.028em;margin:0 0 .5em}
h1{font-size:clamp(29px,3.7vw,43px);line-height:1.04;letter-spacing:-.042em}
h2{font-size:clamp(21px,2.3vw,29px);letter-spacing:-.032em}
h3{font-size:clamp(17px,1.7vw,20px)}
h4{font-size:15.6px}

.coluna{width:100%;max-width:var(--coluna);margin:0 auto;padding:0 20px}
.afastado{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.desvio-coluna{position:absolute;left:-9999px;top:0;z-index:900;background:var(--cafe);color:#fff;font-weight:800;padding:12px 20px}
.desvio-coluna:focus{left:0}

/* peças */
.rotulo-verbete{display:inline-block;font-family:var(--cifra);font-size:10.2px;font-weight:700;letter-spacing:.14em;
text-transform:uppercase;color:var(--cafe2);background:var(--cafeL);border-radius:4px;padding:5px 10px}
.rotulo-verbete--pinho{color:var(--pinho);background:var(--pinhoL)}
.rotulo-verbete--ocre{color:var(--ocre);background:var(--ocreL)}
.anilha{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;border:1px solid var(--traco2);
border-radius:999px;font-size:12.2px;font-weight:700;color:var(--meio);background:var(--verbete)}
.anilha--cafe{border-color:var(--cafe);color:var(--cafe2);background:var(--cafeL)}
.anilha--pinho{border-color:var(--pinho);color:var(--pinho);background:var(--pinhoL)}
.idade-coluna{display:inline-flex;align-items:center;justify-content:center;height:21px;padding:0 8px;border-radius:4px;
background:var(--ocre);color:#fff;font-size:10.8px;font-weight:800}
.botao-coluna{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fonte);
font-size:14.6px;font-weight:800;line-height:1;padding:13px 22px;border:0;border-radius:var(--raio);
cursor:pointer;text-decoration:none;white-space:nowrap}
.botao-coluna--cafe{background:var(--cafe);color:#fff}
.botao-coluna--cafe:hover{background:var(--cafe2);color:#fff;text-decoration:none}
.botao-coluna--pinho{background:var(--pinho);color:#fff}
.botao-coluna--risco{background:var(--verbete);color:var(--tinta);box-shadow:inset 0 0 0 1.4px var(--traco2)}
.botao-coluna--risco:hover{box-shadow:inset 0 0 0 1.4px var(--tinta);color:var(--tinta);text-decoration:none}
.botao-coluna--curto{padding:9px 15px;font-size:12.8px}
.botao-coluna--largo{padding:16px 28px;font-size:15.6px}
.botoes-coluna{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0}

/* aviso e cinta */
.cinta-coluna{background:var(--tinta);color:#c0b6a9;font-size:12.6px;padding:8px 0}
.cinta-coluna__in{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}
.cinta-coluna b{color:#fff}
.topo-coluna{position:sticky;top:0;z-index:180;background:rgba(247,244,238,.95);border-bottom:1px solid var(--traco);
-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.topo-coluna__in{display:flex;align-items:center;gap:12px;height:var(--alto-cinta)}
.chancela-coluna{display:inline-flex;align-items:center;gap:10px;flex:none}
.chancela-coluna i{display:flex;align-items:center;justify-content:center;background:var(--tinta);border-radius:var(--raio);padding:6px 10px}
.chancela-coluna i img{height:18px;width:auto}
.chancela-coluna b{display:none;font-size:12.6px;font-weight:800;color:var(--tinta);line-height:1.15}
.chancela-coluna b em{display:block;font-style:normal;font-family:var(--cifra);font-size:9.6px;font-weight:700;
color:var(--palido);letter-spacing:.06em}
@media(min-width:560px){.chancela-coluna b{display:block}}
.atalhos-coluna{display:none;margin-left:14px;gap:2px}
@media(min-width:1040px){.atalhos-coluna{display:flex}}
.atalhos-coluna a{padding:8px 11px;border-radius:var(--raio);font-size:13px;font-weight:700;color:var(--prosa)}
.atalhos-coluna a:hover{background:var(--pagina2);color:var(--tinta);text-decoration:none}
.acoes-coluna{display:flex;align-items:center;gap:8px;margin-left:auto}
.acoes-coluna .botao-coluna--risco{display:none}
@media(min-width:760px){.acoes-coluna .botao-coluna--risco{display:inline-flex}}

/* abertura */
.abertura-coluna{padding:32px 0 0}
.abertura-coluna__anilhas{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 15px}
.abertura-coluna h1{margin:0 0 12px;max-width:20ch}
.abertura-coluna__texto{max-width:62ch;font-size:17.8px;color:var(--cafe2)}
.contagem{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:26px 0 0;
background:var(--traco);border:1px solid var(--traco);border-radius:var(--raio2);overflow:hidden}
@media(min-width:760px){.contagem{grid-template-columns:repeat(4,minmax(0,1fr))}}
.contagem div{background:var(--verbete);padding:15px 17px}
.contagem span{display:block;font-family:var(--cifra);font-size:9.4px;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--palido)}
.contagem b{display:block;margin-top:7px;font-size:clamp(20px,2.4vw,26px);font-weight:800;line-height:1;
letter-spacing:-.04em;color:var(--tinta)}
.contagem div:first-child b{color:var(--cafe2)}

/* busca e índice alfabético */
.caixa-busca{margin:24px 0 0;background:var(--verbete);border:1px solid var(--traco2);border-radius:var(--raio2);overflow:hidden}
.caixa-busca__topo{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;
background:var(--cafe);color:#fff}
.caixa-busca__topo h2{margin:0;flex:1 1 auto;color:#fff;font-size:15.4px}
.caixa-busca__topo span{font-family:var(--cifra);font-size:10.2px;font-weight:700;letter-spacing:.11em;
text-transform:uppercase;color:#d8c8b6}
.caixa-busca__corpo{padding:18px}
.campo-busca{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.campo-busca label{font-size:14px;font-weight:700;color:var(--tinta);flex:none}
.campo-busca input{flex:1 1 240px;font-family:var(--fonte);font-size:16.4px;font-weight:600;color:var(--tinta);
background:var(--pagina);border:1px solid var(--traco2);border-radius:var(--raio);padding:12px 14px}
.campo-busca input:focus{outline:2px solid var(--cafe);outline-offset:1px}
.campo-busca button{flex:none}
.alfabeto{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.alfabeto a{font-family:var(--cifra);font-size:12.6px;font-weight:700;color:var(--cafe2);background:var(--cafeL);
border-radius:5px;padding:6px 11px;min-width:34px;text-align:center}
.alfabeto a:hover{background:var(--cafe);color:#fff;text-decoration:none}
.alfabeto a[aria-disabled="true"]{color:var(--palido);background:var(--pagina2);pointer-events:none}
.resultado-busca{margin:14px 0 0;font-size:14px;color:var(--meio)}
.resultado-busca.vazio{color:var(--ocre);font-weight:700}

/* verbetes */
.secao-coluna{padding:var(--folga) 0 0}
.secao-coluna__cabeca{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:0 0 14px;
padding-bottom:10px;border-bottom:1px solid var(--traco2)}
.secao-coluna__cabeca h2{margin:0;flex:1 1 auto}
.secao-coluna p{max-width:70ch}
.grupo-letra{margin:22px 0 0}
.grupo-letra__marca{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.grupo-letra__marca b{font-family:var(--cifra);font-size:19px;font-weight:700;color:#fff;background:var(--cafe);
border-radius:var(--raio);width:40px;height:40px;display:flex;align-items:center;justify-content:center}
.grupo-letra__marca span{font-family:var(--cifra);font-size:10.4px;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--palido)}
.grupo-letra__marca i{flex:1;height:1px;background:var(--traco)}
.lista-verbetes{display:grid;gap:12px}
@media(min-width:760px){.lista-verbetes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.lista-verbetes > *{min-width:0}
.verbete{background:var(--verbete);border:1px solid var(--traco);border-radius:var(--raio2);padding:15px 18px}
.verbete h3{margin:0 0 4px;font-size:17.4px}
.verbete__classe{display:inline-block;font-family:var(--cifra);font-size:9.6px;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--pinho);background:var(--pinhoL);border-radius:4px;padding:3px 8px;margin-bottom:8px}
.verbete__classe--ocre{color:var(--ocre);background:var(--ocreL)}
.verbete p{margin:0;font-size:15px;max-width:58ch}
.verbete dl{margin:10px 0 0;border-top:1px solid var(--traco);padding-top:8px}
.verbete dl > div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:4px 0}
.verbete dt{font-size:13.2px;color:var(--meio);font-weight:700}
.verbete dd{margin:0;font-family:var(--cifra);font-size:13px;font-weight:700;color:var(--tinta);text-align:right}

/* tabelas */
.rolo-coluna{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0 0;
border:1px solid var(--traco);border-radius:var(--raio2);background:var(--verbete)}
.tabela-coluna{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
.tabela-coluna caption{caption-side:top;text-align:left;padding:14px 18px 2px;color:var(--meio);font-size:13.4px}
.tabela-coluna th,.tabela-coluna td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--traco)}
.tabela-coluna thead th{font-family:var(--cifra);font-size:10.2px;font-weight:700;letter-spacing:.12em;
text-transform:uppercase;color:var(--cafe2);background:var(--pagina2);white-space:nowrap}
.tabela-coluna tbody th{color:var(--tinta);font-weight:700;white-space:nowrap}
.tabela-coluna tbody td{font-size:14.6px}
.tabela-coluna tbody tr:last-child th,.tabela-coluna tbody tr:last-child td{border-bottom:0}
.marginalia{margin:18px 0 0;padding:14px 17px;border-left:3px solid var(--cafe);background:var(--cafeL);
border-radius:0 var(--raio) var(--raio) 0;font-size:14.8px;color:var(--cafe2)}
.marginalia--pinho{border-left-color:var(--pinho);background:var(--pinhoL)}
.marginalia--ocre{border-left-color:var(--ocre);background:var(--ocreL)}
.marginalia b{color:var(--tinta)}

/* vitrine */
.galeria-coluna{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 0}
@media(min-width:640px){.galeria-coluna{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1000px){.galeria-coluna{grid-template-columns:repeat(4,minmax(0,1fr))}}
.placa-jogo{display:block;border:1px solid var(--traco);border-radius:var(--raio2);background:var(--verbete);overflow:hidden}
.placa-jogo:hover{border-color:var(--cafe);text-decoration:none}
.placa-jogo img{width:100%;aspect-ratio:16/10;object-fit:cover}
.placa-jogo__pe{display:block;padding:10px 12px 12px}
.placa-jogo__pe b{display:block;font-size:13.8px;line-height:1.25;color:var(--tinta)}
.placa-jogo__pe span{display:block;margin-top:3px;font-family:var(--cifra);font-size:9.8px;font-weight:700;
letter-spacing:.08em;text-transform:uppercase;color:var(--palido)}

/* perguntas */
.questao-coluna{border:1px solid var(--traco);border-radius:var(--raio2);background:var(--verbete);margin:0 0 9px}
.questao-coluna summary{cursor:pointer;list-style:none;padding:14px 46px 14px 17px;font-weight:700;color:var(--tinta);
position:relative;font-size:15.8px}
.questao-coluna summary::-webkit-details-marker{display:none}
.questao-coluna summary::after{content:"+";position:absolute;right:17px;top:50%;transform:translateY(-50%);
color:var(--cafe);font-family:var(--cifra);font-size:19px;font-weight:700;line-height:1}
.questao-coluna[open]{border-color:var(--traco2)}
.questao-coluna[open] summary::after{content:"\2212"}
.questao-coluna__corpo{padding:0 17px 16px;font-size:15.2px}
.questao-coluna__corpo p{margin-bottom:0;max-width:68ch}

/* fecho e rodapé */
.fecho-coluna{margin:var(--folga) 0 0;border:1px solid var(--traco2);border-radius:var(--raio3);
background:linear-gradient(160deg,var(--cafeL),var(--verbete) 60%);padding:28px 24px;text-align:center}
.fecho-coluna h2{max-width:23ch;margin:0 auto .55em}
.fecho-coluna p{max-width:58ch;margin:0 auto 20px;color:var(--cafe2)}
.fecho-coluna .botoes-coluna{justify-content:center;margin-top:0}
.fecho-coluna small{display:block;margin:16px 0 0;font-size:12.6px;color:var(--meio)}
.rodape-coluna{margin:var(--folga) 0 0;border-top:1px solid var(--traco);padding:24px 0 32px;font-size:13.4px}
.rodape-coluna__grade{display:grid;gap:20px}
@media(min-width:780px){.rodape-coluna__grade{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
.rodape-coluna p{margin:0 0 12px;max-width:74ch}
.rodape-coluna__lista{display:flex;flex-wrap:wrap;gap:10px 20px;margin:0;padding:0;list-style:none}
.rodape-coluna__lista a{font-size:13.2px;color:var(--meio)}
.rodape-coluna__anilhas{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 0}
.rodape-coluna__fim{margin:18px 0 0;padding-top:15px;border-top:1px solid var(--traco);font-family:var(--cifra);
font-size:11.4px;color:var(--palido);display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center}

/* barra fixa */
.barra-coluna{position:fixed;left:0;right:0;bottom:0;z-index:200;display:flex;align-items:center;gap:11px;
padding:10px 15px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:var(--verbete);border-top:1px solid var(--traco2)}
.barra-coluna .botao-coluna{flex:1}
.barra-coluna span{flex:none;font-family:var(--cifra);font-size:10.6px;font-weight:700;color:var(--meio);
max-width:102px;line-height:1.35}
@media(min-width:900px){.barra-coluna{display:none}}
.subir-coluna{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:190;width:40px;height:40px;
border-radius:50%;background:var(--verbete);border:1px solid var(--traco2);color:var(--tinta);cursor:pointer;
display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;opacity:0;visibility:hidden}
.subir-coluna.aberta{opacity:1;visibility:visible}
@media(min-width:900px){.subir-coluna{bottom:22px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}