/* THR Imóveis: o tabuleiro da Grande Florianópolis. Cores do CSS atual deles (navy #171a30/#272b4c, laranja #db8b17, claro #ebecf5),
   cores de cidade derivadas. Anybody (larga) nos rótulos e títulos, Geologica no texto. SV N4. */
:root {
  --fundo: #f6f7fb;
  --tinta: #171a30;
  --suave: #4f5470;
  --marca: #db8b17;
  --marca-2: #272b4c;
  --marca-texto: #9a5f0c;
  --linha: #d3d7e0;
  --cartao: #ffffff;
  --claro: #ebecf5;
  --navy: #171a30;
  --sj: #db8b17; --sj-t: #171a30;
  --ph: #1f6aa8; --ph-t: #fff;
  --bg: #3f7d4a; --bg-t: #fff;
  --fl: #b44a35; --fl-t: #fff;
  --ou: #5d6773; --ou-t: #fff;
  --fonte-titulo: "Anybody", "Geologica", system-ui, sans-serif;
  --fonte-texto: "Geologica", system-ui, sans-serif;
  --raio: 8px;
  --wa-cor: var(--marca);
  --wa-tinta: #171a30;
}
h1, h2, h3 { font-weight: 800; font-stretch: 112%; letter-spacing: -0.015em; }
.botao { --b-fundo: var(--marca); --b-tinta: var(--navy); border-radius: 8px; font-weight: 700; }
.botao--claro { --b-fundo: var(--navy); --b-tinta: #fff; }
.cabeca { display: grid; gap: .8rem; max-width: 760px; margin-bottom: clamp(1.6rem, 3vw, 2.4rem); }
.cabeca h2, .sorteio h2, .encomende h2, .simule h2, .contato h2 { font-size: clamp(1.9rem, 3.4vw, 3rem); }
.cabeca p { color: var(--suave); font-size: 1.05em; }
section { scroll-margin-top: 70px; }

/* ---------- cabeçalho ---------- */
.topo { position: sticky; top: 0; z-index: 50; background: var(--navy); color: #fff; border-bottom: 1px solid rgb(255 255 255 / .08); }
.topo__linha { display: flex; align-items: center; gap: clamp(12px, 2vw, 28px); min-height: 64px; }
.topo__marca img { width: 150px; height: auto; }
.topo__nav { display: flex; gap: clamp(10px, 1.6vw, 22px); margin-left: auto; font-size: .95rem; }
.topo__nav a { color: rgb(255 255 255 / .78); padding: 10px 2px; }
.topo__nav a:hover { color: #fff; }
.topo__anuncie { color: var(--marca); font-weight: 600; font-size: .95rem; padding: 10px 0; }
.topo__wa { padding: .75em 1.1em; }

/* ---------- o tabuleiro ---------- */
.mesa { background: var(--navy); color: #fff; padding: clamp(10px, 1.6vw, 20px) 0 clamp(14px, 2vw, 26px); }
.tabuleiro { position: relative; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); grid-template-rows: repeat(5, minmax(0, 1fr)); gap: 6px; height: clamp(540px, calc(100svh - 130px), 760px); }
.casa, .canto { grid-column: var(--c); grid-row: var(--r); position: relative; display: flex; flex-direction: column; border-radius: 6px; overflow: hidden; transition: transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .25s; }
.casa { background: var(--cartao); color: var(--tinta); }
.casa__faixa { display: block; padding: 4px 8px; font: 700 .68rem/1.2 var(--fonte-titulo); font-stretch: 125%; letter-spacing: .06em; text-transform: uppercase; background: var(--k); color: var(--kt); }
.casa__nome { display: block; padding: 6px 8px 0; font: 800 clamp(.86rem, 1.05vw, 1.05rem)/1.12 var(--fonte-titulo); font-stretch: 100%; }
.casa__n { margin-top: auto; padding: 0 8px 7px; font-size: .8rem; color: var(--suave); font-variant-numeric: tabular-nums; }
.casa__n b { display: block; font: 800 clamp(1.3rem, 2vw, 2rem)/1 var(--fonte-titulo); font-stretch: 105%; color: var(--tinta); }
.casa--sj { --k: var(--sj); --kt: var(--sj-t); }
.casa--ph { --k: var(--ph); --kt: var(--ph-t); }
.casa--bg { --k: var(--bg); --kt: var(--bg-t); }
.casa--fl { --k: var(--fl); --kt: var(--fl-t); }
.casa--ou { --k: var(--ou); --kt: var(--ou-t); }
.casa:hover, .casa:focus-visible, .casa.pisada { transform: translateY(-3px); box-shadow: 0 10px 24px -12px rgb(0 0 0 / .6); }
.canto { justify-content: center; gap: 2px; padding: 10px 12px; background: var(--marca-2); color: #fff; border: 2px solid rgb(255 255 255 / .12); }
.canto b { font: 900 clamp(.9rem, 1.12vw, 1.3rem)/1 var(--fonte-titulo); font-stretch: 100%; white-space: nowrap; text-transform: uppercase; letter-spacing: 0; color: var(--marca); }
.canto span { font-size: .82rem; line-height: 1.25; color: rgb(255 255 255 / .82); }
.canto svg { position: absolute; right: 10px; bottom: 10px; width: 20px; height: 20px; color: var(--marca); }
.canto--saida { background: var(--marca); border-color: var(--marca); }
.canto--saida b, .canto--saida svg { color: var(--navy); }
.canto--saida span { color: var(--navy); font-weight: 600; }
.canto:hover, .canto.pisada { transform: translateY(-3px); }
.centro { grid-column: 2 / 8; grid-row: 2 / 5; display: flex; flex-direction: column; justify-content: center; gap: clamp(10px, 1.4vw, 18px); padding: clamp(16px, 2.4vw, 34px) clamp(18px, 3vw, 44px); border-radius: 6px; background: #1d2040 linear-gradient(135deg, rgb(219 139 23 / .07), transparent 55%); border: 1px solid rgb(255 255 255 / .1); }
.centro h1 { font-size: clamp(2rem, 3.5vw, 3.6rem); font-stretch: 118%; line-height: 1; color: #fff; }
.centro__texto { max-width: 62ch; color: rgb(255 255 255 / .8); font-size: clamp(.95rem, 1.05vw, 1.08rem); }
.busca { display: grid; grid-template-columns: 1fr 1.1fr 1.4fr 1.3fr auto; gap: 8px; align-items: end; }
.busca__campo { display: grid; gap: 4px; min-width: 0; }
.busca__campo span { font-size: .74rem; letter-spacing: .04em; text-transform: uppercase; color: rgb(255 255 255 / .65); }
.busca select, .busca input { width: 100%; min-width: 0; height: 46px; padding: 0 12px; border: 0; border-radius: 6px; background: #fff; color: var(--tinta); font-size: .95rem; }
.busca__ir { height: 46px; }
.peao { position: absolute; left: 0; top: 0; z-index: 5; width: 40px; height: 52px; pointer-events: none; transition: transform .16s cubic-bezier(.3,.7,.3,1); filter: drop-shadow(0 4px 6px rgb(0 0 0 / .35)); }
.peao.andando { transition-duration: .16s; }

/* ---------- títulos de posse ---------- */
.vitrine { padding: clamp(3.5rem, 7vw, 6rem) 0 clamp(3rem, 6vw, 5rem); }
.vitrine__grade { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); }
.posse { display: flex; flex-direction: column; background: var(--cartao); border: 1.5px solid var(--navy); border-radius: 6px; overflow: hidden; text-align: center; }
.posse__faixa { display: grid; gap: 1px; padding: 12px 14px 11px; background: var(--k); color: var(--kt); }
.posse__faixa b { font: 800 1.12rem/1.1 var(--fonte-titulo); font-stretch: 125%; text-transform: uppercase; letter-spacing: .03em; }
.posse__faixa span { font-size: .78rem; letter-spacing: .08em; text-transform: uppercase; opacity: .9; }
.posse--sj { --k: var(--sj); --kt: var(--sj-t); }
.posse--ph { --k: var(--ph); --kt: var(--ph-t); }
.posse--bg { --k: var(--bg); --kt: var(--bg-t); }
.posse--fl { --k: var(--fl); --kt: var(--fl-t); }
.posse--ou { --k: var(--ou); --kt: var(--ou-t); }
.posse__foto { position: relative; display: block; aspect-ratio: 4 / 3; overflow: hidden; margin: 12px 12px 0; border-radius: 3px; background: var(--claro); }
.posse__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.posse__foto:hover img { transform: scale(1.04); }
.posse__corpo { display: flex; flex-direction: column; flex: 1; padding: 14px 16px 16px; }
.posse__rot { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; color: var(--suave); }
.posse__preco { font: 800 clamp(1.5rem, 2.2vw, 1.85rem)/1.1 var(--fonte-titulo); font-stretch: 110%; font-variant-numeric: tabular-nums; margin: 2px 0 10px; white-space: nowrap; }
.posse__tabela { list-style: none; margin: 0 0 10px; padding: 0; border-top: 1px solid var(--linha); }
.posse__tabela li { padding: 7px 0; border-bottom: 1px solid var(--linha); font-size: .92rem; }
.posse__cod { font-variant-numeric: tabular-nums; color: var(--suave); letter-spacing: .03em; }
.posse__anuncio { font-size: .82rem; line-height: 1.4; color: var(--suave); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 14px; }
.posse__acoes { margin-top: auto; display: grid; gap: 4px; justify-items: center; }
.posse__acoes .botao { width: 100%; }
.posse__ver { display: inline-flex; align-items: center; min-height: 44px; font-size: .9rem; color: var(--marca-texto); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.vitrine__mais { display: none; margin: 18px auto 0; }
.valores { display: flex; flex-wrap: wrap; gap: 8px; margin-top: clamp(1.6rem, 3vw, 2.4rem); }
.valores a { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 16px; border: 1.5px solid var(--navy); border-radius: 6px; font-weight: 600; font-size: .95rem; background: var(--cartao); }
.valores a svg { width: 18px; height: 18px; color: var(--marca-texto); }
.valores__todos { background: var(--navy) !important; color: #fff; }
.valores__todos svg { color: var(--marca) !important; }

/* ---------- dados ---------- */
.sorteio { padding: clamp(3.5rem, 7vw, 6rem) 0; background: var(--claro); }
.sorteio__grade { display: grid; grid-template-columns: 1fr minmax(0, 400px); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.sorteio__texto { display: grid; gap: 1.1rem; justify-items: start; }
.sorteio__texto p { color: var(--suave); max-width: 46ch; }
.dados { display: flex; gap: 16px; margin: .4rem 0; }
.dado { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); gap: 4px; width: 76px; height: 76px; padding: 12px; background: #fff; border: 2px solid var(--navy); border-radius: 16px; box-shadow: 0 6px 0 var(--navy); }
.dado:nth-child(2) { rotate: 8deg; }
.dado i { display: block; border-radius: 50%; background: var(--navy); opacity: 0; transform: scale(.82); }
.dado[data-face="1"] i:nth-child(5),
.dado[data-face="2"] i:is(:nth-child(1), :nth-child(9)),
.dado[data-face="3"] i:is(:nth-child(1), :nth-child(5), :nth-child(9)),
.dado[data-face="4"] i:is(:nth-child(1), :nth-child(3), :nth-child(7), :nth-child(9)),
.dado[data-face="5"] i:is(:nth-child(1), :nth-child(3), :nth-child(5), :nth-child(7), :nth-child(9)),
.dado[data-face="6"] i:is(:nth-child(1), :nth-child(3), :nth-child(4), :nth-child(6), :nth-child(7), :nth-child(9)) { opacity: 1; }
.dado[data-face="1"] i:nth-child(5) { background: var(--marca); transform: scale(1.1); }
.dado.girando { animation: rolar .65s cubic-bezier(.3,.6,.3,1); }
@keyframes rolar { 0% { transform: rotate(0) translateY(0); } 40% { transform: rotate(320deg) translateY(-26px); } 100% { transform: rotate(720deg) translateY(0); } }
.sorteio__lugar .posse { box-shadow: 10px 10px 0 var(--navy); }

/* ---------- categorias ---------- */
.categorias { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.trilha { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1.5px solid var(--navy); border-radius: 6px; overflow: hidden; background: var(--navy); gap: 1.5px; }
.trilha__casa { display: flex; flex-direction: column; gap: 8px; min-height: 120px; padding: 0 14px 14px; background: var(--cartao); transition: background-color .25s; }
.trilha__casa::before { content: ""; display: block; height: 10px; margin: 0 -14px 12px; background: var(--marca); }
.trilha__casa:nth-child(even)::before { background: var(--marca-2); }
.trilha__n { font: 800 clamp(1.8rem, 3vw, 2.6rem)/1 var(--fonte-titulo); font-stretch: 110%; font-variant-numeric: tabular-nums; }
.trilha__casa b { margin-top: auto; font-weight: 700; font-size: 1.04rem; line-height: 1.2; }
.trilha__casa svg { width: 18px; height: 18px; color: var(--marca); }
.simule__aviso { font-size: 1rem !important; font-weight: 600 !important; color: var(--suave); }
.trilha__casa:hover { background: #fff6e8; }

/* ---------- encomenda, simulador, contato ---------- */
.encomende { padding: clamp(3.5rem, 7vw, 6rem) 0; background: var(--navy); color: #fff; }
.encomende__grade { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.encomende__texto { display: grid; gap: 1rem; }
.encomende__texto p { color: rgb(255 255 255 / .8); }
.encomende__alt a { color: var(--marca); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.painel { background: var(--cartao); color: var(--tinta); border: 1.5px solid var(--navy); border-radius: var(--raio); padding: clamp(18px, 2.4vw, 28px); }
.campos, .simule__painel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; }
.campo { display: grid; gap: 5px; min-width: 0; margin: 0; padding: 0; border: 0; }
.campo > span, .campo legend { font-size: .82rem; font-weight: 600; color: var(--suave); padding: 0; }
.campo input, .campo select, .campo textarea { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; border: 1.5px solid var(--linha); border-radius: 6px; background: #fff; font-size: .95rem; }
.campo textarea { resize: vertical; }
.campo input:focus, .campo select:focus, .campo textarea:focus { outline: none; border-color: var(--marca); box-shadow: 0 0 0 3px rgb(219 139 23 / .2); }
.campo--todo { grid-column: 1 / -1; }
.marcas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.marca { position: relative; }
.marca input { position: absolute; opacity: 0; inset: 0; width: 100%; height: 100%; margin: 0; cursor: pointer; }
.marca span { display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px; border: 1.5px solid var(--linha); border-radius: 6px; font-size: .88rem; }
.marca input:checked + span { background: var(--navy); color: #fff; border-color: var(--navy); }
.marca input:focus-visible + span { outline: 2px solid var(--marca); outline-offset: 2px; }
.aceite { position: relative; display: flex; align-items: center; min-height: 44px; padding-left: 42px; font-size: .88rem; color: var(--suave); }
.aceite input { position: absolute; left: 0; top: 50%; translate: 0 -50%; width: 44px; height: 44px; margin: 0; opacity: 0; cursor: pointer; z-index: 1; }
.aceite > span::before { content: ""; position: absolute; left: 8px; top: 50%; translate: 0 -50%; width: 24px; height: 24px; border: 2px solid var(--navy); border-radius: 5px; background: #fff; }
.aceite input:checked + span::before { background: var(--marca) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M5 12.5l4.5 4.5L19 7.5%27 fill=%27none%27 stroke=%27%23171a30%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center / 18px no-repeat; }
.aceite input:focus-visible + span::before { outline: 2px solid var(--marca); outline-offset: 2px; }
.aceite a { position: relative; z-index: 2; }
.aceite a { text-decoration: underline; text-underline-offset: 2px; }
.painel [data-form-ok] a { text-decoration: underline; font-weight: 600; }
.simule { padding: clamp(3.5rem, 7vw, 6rem) 0; background: var(--claro); }
.simule__grade { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.simule__grade > div { display: grid; gap: 1rem; }
.simule__grade > div p { color: var(--suave); }
.simule__nota { font-size: .85rem; }
.simule__tabela { display: flex; gap: 10px; }
.simule__tabela label { position: relative; display: inline-flex; }
.simule__tabela input { position: absolute; inset: 0; width: 100% !important; height: 100% !important; margin: 0; opacity: 0; cursor: pointer; }
.simule__tabela span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1.5px solid var(--linha); border-radius: 6px; font-weight: 600; }
.simule__tabela input:checked + span { background: var(--navy); color: #fff; border-color: var(--navy); }
.simule__tabela input:focus-visible + span { outline: 2px solid var(--marca); outline-offset: 2px; }
.simule__saida { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5px; margin: 0; background: var(--navy); border: 1.5px solid var(--navy); border-radius: 6px; overflow: hidden; }
.simule__saida div { padding: 12px 14px; background: #fff; }
.simule__saida dt { font-size: .78rem; color: var(--suave); }
.simule__saida dd { margin: 2px 0 0; font: 800 1.3rem/1.15 var(--fonte-titulo); font-stretch: 105%; font-variant-numeric: tabular-nums; }
.contato { padding: clamp(3.5rem, 7vw, 6rem) 0; }
.contato__grade { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.contato__lado { display: grid; gap: 1.6rem; }
.cedula { position: relative; display: grid; place-items: center; width: min(400px, 100%); aspect-ratio: 2.25 / 1; border-radius: 6px; color: var(--navy); background:
  repeating-radial-gradient(circle at 50% 50%, rgb(255 255 255 / .16) 0 1px, transparent 1px 7px), linear-gradient(120deg, #e9a43f, #db8b17 55%, #c87b10);
  box-shadow: inset 0 0 0 6px #db8b17, inset 0 0 0 7.5px rgb(23 26 48 / .55), inset 0 0 0 11px #e5a03a, inset 0 0 0 12px rgb(23 26 48 / .3), 0 12px 24px -14px rgb(23 26 48 / .6); transition: transform .3s; }
.cedula:hover { transform: rotate(-1.5deg) translateY(-2px); }
.cedula__canto { position: absolute; top: 16px; left: 20px; font: 900 1.05rem/1 var(--fonte-titulo); font-stretch: 130%; }
.cedula__canto--b { top: auto; left: auto; bottom: 16px; right: 20px; }
.cedula__oval { display: grid; place-items: center; width: 40%; aspect-ratio: 1.45 / 1; border-radius: 50%; background: rgb(255 248 236 / .92); box-shadow: 0 0 0 2px var(--navy); margin-top: -10%; }
.cedula__oval b { font: 900 clamp(2rem, 4vw, 2.8rem)/1 var(--fonte-titulo); font-stretch: 120%; }
.cedula__txt { position: absolute; bottom: 30px; font-size: .9rem; }
.cedula__ver { position: absolute; bottom: 12px; font-size: .76rem; text-decoration: underline; text-underline-offset: 2px; }
.fatos { display: grid; gap: 0; margin: 0; border-top: 1px solid var(--linha); }
.fatos div { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--linha); }
.fatos dt { font-size: .82rem; font-weight: 600; color: var(--suave); }
.fatos dd { margin: 0; }
.fatos a { text-decoration: underline; text-underline-offset: 2px; display: inline-flex; min-height: 32px; align-items: center; }
.rodape { background: var(--navy); color: rgb(255 255 255 / .8); padding: 2.6rem 0 3rem; font-size: .92rem; }
.rodape__linha { display: grid; grid-template-columns: auto 1fr auto; gap: 2rem; align-items: center; }
.rodape__linha img { width: 160px; }
.rodape b { color: #fff; }
.rodape__links { display: flex; flex-wrap: wrap; gap: 6px 18px; justify-content: flex-end; }
.rodape__links a { min-height: 40px; display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 3px; }

/* ---------- telas menores ---------- */
@media (max-width: 1180px) {
  .topo__nav { display: none; }
  .topo__anuncie { margin-left: auto; }
  .busca { grid-template-columns: 1fr 1fr; }
  .busca__ir { grid-column: 1 / -1; }
  .trilha { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  /* tabuleiro empilhado: centro em cima, 6 casas por linha, cantos 2 a 2; o peão só anda no tabuleiro inteiro */
  .tabuleiro { height: auto; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: none; gap: 6px; }
  .casa { grid-column: span 1; grid-row: auto; min-height: 100px; }
  .canto { grid-column: span 3; grid-row: auto; min-height: 84px; order: 2; }
  .canto b { font-size: 1.1rem; }
  .centro { grid-column: 1 / -1; grid-row: auto; order: -1; margin-bottom: 6px; }
  .peao { display: none; }
}
@media (max-width: 899px) {
  .casa { grid-column: span 2; min-height: 92px; }
  .vitrine__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sorteio__grade, .encomende__grade, .simule__grade, .contato__grade { grid-template-columns: 1fr; }
  .sorteio__lugar { max-width: 420px; }
  .rodape__linha { grid-template-columns: 1fr; }
  .rodape__links { justify-content: flex-start; }
}
@media (max-width: 640px) {
  .topo__anuncie, .topo__wa { display: none; }
  .topo__marca img { width: 128px; }
  .topo__linha { min-height: 58px; }
  .centro { padding: 20px 16px; }
  .centro h1 { font-size: clamp(1.9rem, 9vw, 2.4rem); }
  .busca { grid-template-columns: 1fr 1fr; gap: 8px; }
  .busca select, .busca input { height: 46px; padding: 0 8px; }
  .centro__mais { display: none; }
  .centro { gap: 12px; }
  .casa__n b { font-size: 1.15rem; }
  .casa__nome { font-size: .86rem; }
  .casa__faixa { font-size: 12px; font-stretch: 75%; padding: 3px 6px; letter-spacing: 0; white-space: nowrap; overflow: hidden; }
  .casa__nome, .casa__n { padding-inline: 6px; }
  .casa__n { font-size: 12px; }
  .busca__campo span { font-size: 12px !important; }
  .trilha__casa b { font-size: .9rem; overflow-wrap: anywhere; }
  .topo__marca { display: flex; align-items: center; min-height: 48px; }
  .aceite a { display: inline-block; padding-block: 13px; margin-block: -13px; }
  .aceite { min-height: 44px; }
  .canto span { font-size: .78rem; }
  .vitrine__grade { grid-template-columns: 1fr; }
  .vitrine__grade:not(.aberta) .posse--extra { display: none; }
  .vitrine__mais { display: flex; }
  .valores a { width: 100%; justify-content: space-between; }
  .trilha { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trilha__casa { min-height: 112px; }
  .campos, .simule__painel { grid-template-columns: 1fr; }
  .simule__saida { grid-template-columns: 1fr 1fr; }
  .simule__saida dd { font-size: 1.08rem; }
  .fatos div { grid-template-columns: 1fr; gap: 2px; }
  .sorteio__lugar .posse { box-shadow: 6px 6px 0 var(--navy); }
  .dado { width: 64px; height: 64px; padding: 10px; }
}