/* Folha única do site. Pedra ônix: preto polido, veios claros, sem cor de destaque. */
:root { --ox-onix: #0f0f11; --ox-onix-2: #18181b; --ox-onix-3: #232327; --ox-onix-4: #34343b; --ox-veio: #f4f2ec; --ox-nevoa: #b8b7b1; --ox-papel: #fff; --ox-po: #f1f0ec; --ox-tinta: #141416; --ox-cinza: #55555c; --ox-linha: #dad9d4; --ox-erro: #b3261e; --ox-raio: 3px; --ox-largura: 1180px; --ox-oito: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); --ox-titulo: "Sofia Sans Condensed", "Arial Narrow", Arial, sans-serif; --ox-texto: "Rethink Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }

[hidden] { display: none !important; } *, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; scroll-padding-top: 84px; } }
body { margin: 0; background: var(--ox-papel); color: var(--ox-tinta); font: 400 1.0625rem/1.62 var(--ox-texto); }
h1, h2, h3 { margin: 0 0 .5em; font-family: var(--ox-titulo); font-weight: 800; line-height: 1.02; letter-spacing: -.005em; }
p { margin: 0 0 1em; } ul, ol { margin: 0; padding: 0; }
a { color: inherit; text-underline-offset: 3px; }
svg { display: block; }
button, input, select, textarea { color: inherit; font: inherit; }
:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
main [id] { scroll-margin-top: 86px; }
.ox-largura { width: min(100% - 32px, var(--ox-largura)); margin-inline: auto; }
.ox-pular { position: absolute; left: 12px; top: -80px; z-index: 100; padding: 12px 16px; background: var(--ox-veio); color: var(--ox-onix); font-weight: 700; }
.ox-pular:focus { top: 12px; }

/* faixa e topo */
.ox-faixa { background: #000; color: var(--ox-nevoa); font-size: .875rem; }
.ox-faixa__linha { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 14px; min-height: 40px; }
.ox-faixa__texto { display: flex; align-items: center; gap: 8px; margin: 0; }
.ox-faixa__texto strong { color: var(--ox-veio); font-weight: 700; }
.ox-faixa__fone { padding: 8px 0; color: var(--ox-veio); font-weight: 700; text-decoration: none; }
.ox-faixa__fone:hover { text-decoration: underline; }
.ox-vivo { flex: none; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--ox-veio); }
@media (prefers-reduced-motion: no-preference) { .ox-vivo { animation: ox-pulso 2.4s ease-out infinite; } }
@keyframes ox-pulso { 0% { box-shadow: 0 0 0 0 rgba(244, 242, 236, .6); } 80%, 100% { box-shadow: 0 0 0 9px rgba(244, 242, 236, 0); } }
.ox-topo { position: sticky; top: 0; z-index: 40; background: var(--ox-onix); color: var(--ox-veio); border-bottom: 1px solid var(--ox-onix-4); }
.ox-topo__linha { display: flex; align-items: center; gap: 18px; min-height: 72px; }
.ox-topo__marca { display: flex; align-items: center; gap: 12px; margin-right: auto; color: var(--ox-veio); text-decoration: none; }
.ox-gema { flex: none; width: 40px; height: 40px; }
.ox-topo__nome { display: grid; line-height: 1; }
.ox-topo__nome strong { font: 900 1.8rem/1 var(--ox-titulo); letter-spacing: .08em; text-transform: uppercase; }
.ox-topo__nome small { margin-top: 3px; color: var(--ox-nevoa); font-size: .74rem; letter-spacing: .05em; }
.ox-nav { display: flex; gap: 2px; }
.ox-nav a { padding: 10px; border-radius: var(--ox-raio); color: var(--ox-nevoa); font-size: .95rem; font-weight: 500; text-decoration: none; }
.ox-nav a:hover { background: var(--ox-onix-3); color: var(--ox-veio); }
.ox-menu { display: none; position: relative; }
.ox-menu__botao { display: flex; align-items: center; gap: 9px; min-height: 46px; padding: 0 13px; border: 1px solid var(--ox-onix-4); border-radius: var(--ox-raio); font-weight: 700; list-style: none; cursor: pointer; }
.ox-menu__botao::-webkit-details-marker { display: none; }
.ox-menu__barras { position: relative; width: 18px; height: 12px; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.ox-menu__barras::after { content: ""; position: absolute; left: 0; right: 0; top: 3px; border-top: 2px solid currentColor; }
.ox-menu__lista { position: absolute; right: 0; top: calc(100% + 12px); display: grid; min-width: 236px; padding: 8px; background: var(--ox-onix-2); border: 1px solid var(--ox-onix-4); box-shadow: 0 18px 40px rgba(0, 0, 0, .5); }
.ox-menu__lista a { padding: 13px 12px; border-radius: var(--ox-raio); color: var(--ox-veio); text-decoration: none; }
.ox-menu__lista a:hover { background: var(--ox-onix-3); }

/* botões */
.ox-botoes { display: flex; flex-wrap: wrap; gap: 12px; }
.ox-botao { position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 12px 20px; border: 2px solid transparent; border-radius: var(--ox-raio); font: 700 1rem/1.15 var(--ox-texto); text-decoration: none; cursor: pointer; transition: background-color .2s, border-color .2s, color .2s; }
.ox-botao::after { content: ""; position: absolute; z-index: -1; top: -30%; bottom: -30%; left: -50%; width: 32%; background: linear-gradient(100deg, transparent, var(--ox-brilho, rgba(255, 255, 255, .3)), transparent); transform: skewX(-20deg); transition: left .7s ease; }
.ox-botao:hover::after { left: 125%; }
.ox-botao--claro { background: var(--ox-veio); color: var(--ox-onix); --ox-brilho: rgba(15, 15, 17, .16); }
.ox-botao--claro:hover { background: #fff; }
.ox-botao--escuro { background: var(--ox-onix); color: var(--ox-veio); }
.ox-botao--escuro:hover { background: var(--ox-onix-3); }
.ox-botao--contorno { background: transparent; border-color: rgba(244, 242, 236, .55); color: var(--ox-veio); }
.ox-botao--contorno:hover { background: rgba(244, 242, 236, .08); border-color: var(--ox-veio); }
.ox-botao--linha { background: transparent; border-color: var(--ox-tinta); color: var(--ox-tinta); --ox-brilho: rgba(15, 15, 17, .1); }
.ox-botao--linha:hover { background: var(--ox-po); }
.ox-botao--grande { min-height: 58px; padding-inline: 24px; font-size: 1.1rem; }
.ox-icone { flex: none; width: 22px; height: 22px; }
.ox-icone--botao { width: 20px; height: 20px; }
@media (prefers-reduced-motion: reduce) { .ox-botao::after { display: none; } }

/* rótulo com a facetinha */
.ox-rotulo { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 14px; color: var(--ox-cinza); font: 800 .95rem/1 var(--ox-titulo); letter-spacing: .14em; text-transform: uppercase; }
.ox-rotulo::before { content: ""; width: 11px; height: 11px; background: currentColor; clip-path: var(--ox-oito); }
.ox-rotulo--claro { color: var(--ox-nevoa); }

/* abertura */
.ox-abertura { position: relative; overflow: hidden; padding: 64px 0 76px; color: var(--ox-veio); background: url(veios.svg) center / cover no-repeat, radial-gradient(ellipse 70% 60% at 85% 8%, rgba(255, 255, 255, .09), transparent 70%), linear-gradient(160deg, #1c1c20 0%, #0f0f11 55%, #08080a 100%); background-color: var(--ox-onix); }
.ox-abertura__grade { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 48px; align-items: center; }
.ox-abertura__grade--so-texto { grid-template-columns: minmax(0, 1fr); max-width: 820px; }
.ox-abertura__titulo { margin-bottom: .35em; font-size: clamp(2.5rem, 4.6vw, 3.9rem); font-weight: 900; }
.ox-abertura__linha2 { display: block; color: var(--ox-nevoa); }
.ox-abertura__apoio { max-width: 58ch; margin-bottom: 28px; color: #dad9d3; font-size: 1.15rem; }
.ox-abertura__fatos { display: grid; gap: 10px; margin-top: 30px; color: var(--ox-nevoa); font-size: .95rem; list-style: none; }
.ox-abertura__fatos li { display: flex; align-items: flex-start; gap: 10px; overflow-wrap: anywhere; }
.ox-abertura__fato-icone { width: 20px; height: 20px; margin-top: 2px; }
.ox-abertura__plantao { display: flex; align-items: center; gap: 10px; margin: 22px 0 0; color: var(--ox-nevoa); }
.ox-abertura--servico { padding: 44px 0 64px; }
.ox-trilha { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; color: var(--ox-nevoa); font-size: .92rem; }
.ox-trilha a { padding: 6px 0; color: var(--ox-veio); }

/* relógio do plantão */
.ox-relogio { display: grid; justify-items: center; gap: 16px; }
.ox-relogio__pedra { width: min(100%, 380px); aspect-ratio: 1 / 1; padding: 18px; border-radius: 50%; background: radial-gradient(circle at 32% 26%, #3b3b42 0%, #1a1a1e 46%, #0a0a0c 100%); background-color: #141417; box-shadow: inset 0 2px 0 rgba(255, 255, 255, .16), inset 0 -10px 30px rgba(0, 0, 0, .6), 0 30px 60px rgba(0, 0, 0, .55); }
.ox-relogio__disco { width: 100%; height: auto; }
.ox-relogio__aro { fill: none; stroke: rgba(244, 242, 236, .22); stroke-width: 1.5; }
.ox-relogio__trilha { fill: none; stroke: rgba(244, 242, 236, .07); stroke-width: 18; }
.ox-relogio__traco { stroke: rgba(244, 242, 236, .38); stroke-width: 2; stroke-linecap: round; }
.ox-relogio__traco--seis { stroke: rgba(244, 242, 236, .78); stroke-width: 3; }
.ox-relogio__traco.is-agora { stroke: #fff; stroke-width: 5; }
.ox-relogio__hora { fill: var(--ox-nevoa); font: 800 15px var(--ox-titulo); letter-spacing: .06em; text-anchor: middle; }
.ox-relogio__ponteiro { fill: var(--ox-veio); stroke: var(--ox-veio); stroke-width: 3; stroke-linecap: round; }
.ox-relogio__miolo { fill: #0b0b0d; stroke: rgba(244, 242, 236, .3); stroke-width: 1.2; }
.ox-relogio__grande { fill: var(--ox-veio); font: 900 44px var(--ox-titulo); text-anchor: middle; }
.ox-relogio__legenda { fill: var(--ox-nevoa); font: 700 12.5px var(--ox-texto); letter-spacing: .32em; text-anchor: middle; }
.ox-relogio__agora { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px 10px; margin: 0; color: var(--ox-nevoa); font-size: .95rem; text-align: center; }
.ox-relogio__agora [data-ox-agora] { color: var(--ox-veio); font-weight: 700; }

/* quem atende */
.ox-quem { background: var(--ox-po); border-bottom: 1px solid var(--ox-linha); }
.ox-quem__grade { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 28px; padding: 22px 0; }
.ox-quem__titulo { margin: 0; font-size: 1.35rem; letter-spacing: .06em; text-transform: uppercase; }
.ox-quem__dados { display: grid; grid-template-columns: repeat(5, auto); justify-content: space-between; gap: 10px 26px; margin: 0; }
.ox-quem__item dt { color: var(--ox-cinza); font-size: .75rem; letter-spacing: .1em; text-transform: uppercase; }
.ox-quem__item dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }

/* seções claras */
.ox-secao { padding: 84px 0; }
.ox-secao--po { background: var(--ox-po); }
.ox-secao__cabeca { max-width: 740px; margin-bottom: 40px; }
.ox-secao__titulo { font-size: clamp(2rem, 3.6vw, 3rem); font-weight: 900; }
.ox-secao__titulo--menor { font-size: clamp(1.6rem, 2.6vw, 2.2rem); }
.ox-secao__apoio { margin: 0; color: var(--ox-cinza); font-size: 1.08rem; }
.ox-link-seta { font-weight: 700; color: inherit; }

/* vitrine de serviços: cartões com o canto lapidado */
.ox-vitrine { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; list-style: none; }
.ox-cartao { position: relative; display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 26px 24px 22px; background: var(--ox-papel); border: 1px solid var(--ox-linha); border-radius: var(--ox-raio); color: var(--ox-tinta); text-decoration: none; transition: border-color .2s, box-shadow .2s, transform .2s; }
.ox-cartao::before { content: ""; position: absolute; top: -1px; left: -1px; width: 30px; height: 30px; background: linear-gradient(135deg, var(--ox-papel) 0 calc(50% - 1px), var(--ox-linha) calc(50% - 1px) calc(50% + .5px), transparent calc(50% + .5px)); }
.ox-cartao:hover { border-color: var(--ox-tinta); box-shadow: 0 14px 30px rgba(15, 15, 17, .1); transform: translateY(-2px); }
.ox-cartao:hover::before { background: linear-gradient(135deg, var(--ox-papel) 0 calc(50% - 1px), var(--ox-tinta) calc(50% - 1px) calc(50% + .5px), transparent calc(50% + .5px)); }
.ox-cartao__icone { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 6px; background: var(--ox-onix); color: var(--ox-veio); clip-path: var(--ox-oito); }
.ox-icone--cartao { width: 28px; height: 28px; }
.ox-cartao__nome { margin: 0; font-size: 1.45rem; }
.ox-cartao__resumo { flex: 1; color: var(--ox-cinza); }
.ox-cartao__ver { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; }
.ox-icone--seta { width: 18px; height: 18px; transition: transform .2s; }
.ox-cartao:hover .ox-icone--seta { transform: translateX(4px); }

/* qual é o sinal? */
.ox-sinais { padding: 84px 0; color: var(--ox-veio); background: url(veios.svg) center / cover no-repeat, var(--ox-onix-2); background-color: var(--ox-onix-2); }
.ox-sinais .ox-secao__titulo { color: var(--ox-veio); }
.ox-sinais__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.ox-sinais__intro p { color: #d5d4ce; }
.ox-sinais__opcoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; }
.ox-opcao { display: flex; align-items: center; gap: 12px; height: 100%; min-height: 64px; padding: 12px 14px; background: var(--ox-onix-3); border: 1px solid var(--ox-onix-4); border-radius: var(--ox-raio); color: var(--ox-veio); font-weight: 600; line-height: 1.3; text-decoration: none; }
.ox-opcao:hover { border-color: var(--ox-nevoa); }
.ox-opcao[aria-current="true"] { background: var(--ox-veio); border-color: var(--ox-veio); color: var(--ox-onix); }
.ox-opcao__icone { width: 26px; height: 26px; }
.ox-sinais__respostas { position: sticky; top: 96px; }
.ox-sinais__vazio { display: grid; place-content: center; justify-items: center; gap: 16px; min-height: 244px; padding: 32px; border: 1px dashed #4a4a52; border-radius: var(--ox-raio); color: var(--ox-nevoa); text-align: center; }
.ox-sinais__vazio p { max-width: 36ch; margin: 0; }
.ox-sinais__gema { width: 56px; height: 56px; }
.ox-resposta { position: relative; padding: 30px; background: linear-gradient(135deg, #27272c 0%, #141417 100%); background-color: #1c1c20; border: 1px solid var(--ox-onix-4); border-radius: var(--ox-raio); }
.ox-resposta::before { content: ""; position: absolute; top: -1px; left: -1px; width: 28px; height: 28px; background: linear-gradient(135deg, var(--ox-onix-2) 0 50%, transparent 50%); }
.ox-resposta__visto { margin-bottom: 6px; color: var(--ox-nevoa); font-size: .95rem; }
.ox-resposta__provavel { margin-bottom: 14px; color: var(--ox-nevoa); font-size: .9rem; letter-spacing: .1em; text-transform: uppercase; }
.ox-resposta__provavel strong { display: block; margin-top: 6px; color: var(--ox-veio); font: 900 clamp(1.8rem, 3vw, 2.4rem)/1.05 var(--ox-titulo); letter-spacing: 0; text-transform: none; }
.ox-resposta__conselho { margin-bottom: 22px; font-size: 1.05rem; }
.ox-resposta__mais { display: inline-block; margin-top: 18px; padding: 4px 0; color: var(--ox-veio); font-weight: 600; }

/* como funciona */
.ox-etapas { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; list-style: none; }
.ox-etapa { padding: 24px 22px; background: var(--ox-papel); border: 1px solid var(--ox-linha); border-top: 4px solid var(--ox-onix); border-radius: var(--ox-raio); }
.ox-etapa__numero { display: block; margin-bottom: 12px; color: #77767a; font: 900 2.8rem/1 var(--ox-titulo); }
.ox-etapa__titulo { font-size: 1.4rem; }
.ox-etapa p { margin: 0; color: var(--ox-cinza); }

/* caixa d'água */
.ox-caixa__grade { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 48px; align-items: start; }
.ox-caixa__opcoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 24px 0 16px; list-style: none; }
.ox-opcao--clara { background: var(--ox-po); border-color: var(--ox-linha); color: var(--ox-tinta); }
.ox-opcao--clara:hover { border-color: var(--ox-tinta); }
.ox-opcao--clara[aria-current="true"] { background: var(--ox-onix); border-color: var(--ox-onix); color: var(--ox-veio); }
.ox-caixa__vazio { margin: 0; padding: 14px 0; color: var(--ox-cinza); }
.ox-resposta--clara { padding: 24px; background: var(--ox-po); background-color: var(--ox-po); border: 1px solid var(--ox-linha); color: var(--ox-tinta); }
.ox-resposta--clara::before { background: linear-gradient(135deg, var(--ox-papel) 0 50%, transparent 50%); }
.ox-caixa__lembrete { padding: 32px; background: url(veios.svg) center / cover no-repeat, var(--ox-onix); background-color: var(--ox-onix); border-radius: var(--ox-raio); color: var(--ox-veio); }
.ox-caixa__lembrete h3 { font-size: 1.6rem; }
.ox-caixa__lembrete ul { display: grid; gap: 12px; margin: 18px 0 24px; list-style: none; }
.ox-caixa__lembrete li { position: relative; padding-left: 22px; color: #dad9d3; }
.ox-caixa__lembrete li::before { content: ""; position: absolute; left: 0; top: .55em; width: 9px; height: 9px; background: var(--ox-veio); clip-path: var(--ox-oito); }
.ox-caixa__lembrete .ox-link-seta { color: var(--ox-veio); }
.ox-caixa__icone { width: 40px; height: 40px; margin-bottom: 14px; }

/* cuidados */
.ox-cuidados { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; list-style: none; }
.ox-cuidado { padding-top: 20px; border-top: 1px solid var(--ox-tinta); }
.ox-cuidado__icone { width: 34px; height: 34px; margin-bottom: 14px; }
.ox-cuidado__titulo { font-size: 1.35rem; }
.ox-cuidado p { margin: 0; color: var(--ox-cinza); }

/* onde atende e mapa sob demanda */
.ox-onde { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: stretch; }
.ox-onde__dados { display: grid; gap: 14px; margin: 26px 0 0; }
.ox-onde__dados dt { color: var(--ox-cinza); font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; }
.ox-onde__dados dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.ox-mapa { position: relative; min-height: 380px; overflow: hidden; border: 1px solid var(--ox-linha); border-radius: var(--ox-raio); background: repeating-linear-gradient(45deg, #e7e6e1 0 2px, transparent 2px 22px), repeating-linear-gradient(-45deg, #e7e6e1 0 2px, transparent 2px 22px), #f7f6f2; background-color: #f7f6f2; }
.ox-mapa__capa { position: absolute; inset: 0; display: grid; place-content: center; justify-items: center; gap: 14px; padding: 24px; text-align: center; }
.ox-mapa__pino { width: 46px; height: 46px; }
.ox-mapa__capa p { max-width: 30ch; margin: 0; padding: 2px 8px; background: #f7f6f2; color: var(--ox-cinza); }
.ox-mapa__fora { padding: 8px 6px; background: #f7f6f2; font-weight: 600; }
.ox-mapa iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* dúvidas */
.ox-duvidas { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 48px; }
.ox-duvidas__lista { border-top: 1px solid var(--ox-tinta); }
.ox-duvida { border-bottom: 1px solid var(--ox-linha); }
.ox-duvida summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 20px 0; font-size: 1.08rem; font-weight: 700; list-style: none; cursor: pointer; }
.ox-duvida summary::-webkit-details-marker { display: none; }
.ox-duvida summary::after { content: ""; flex: none; width: 14px; height: 14px; background: var(--ox-tinta); clip-path: polygon(38% 0, 62% 0, 62% 38%, 100% 38%, 100% 62%, 62% 62%, 62% 100%, 38% 100%, 38% 62%, 0 62%, 0 38%, 38% 38%); transition: transform .25s; }
.ox-duvida[open] summary::after { transform: rotate(45deg); }
.ox-duvida p { max-width: 68ch; margin: 0 0 22px; color: var(--ox-cinza); }

/* formulário de pedido sobre a pedra */
.ox-pedido { padding: 88px 0; color: var(--ox-veio); background: url(veios.svg) center / cover no-repeat, var(--ox-onix); background-color: var(--ox-onix); }
.ox-pedido .ox-pedido__lado .ox-secao__titulo { color: var(--ox-veio); }
.ox-pedido__grade { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 52px; align-items: start; }
.ox-pedido__lado p { color: #d5d4ce; }
.ox-pedido .ox-pedido__urgente { color: var(--ox-veio); font-weight: 600; }
.ox-link-fone { display: inline-flex; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 2px solid currentColor; color: var(--ox-veio); font-size: 1.25rem; font-weight: 800; text-decoration: none; }
.ox-pedido__notas { display: grid; gap: 8px; margin-top: 20px; color: var(--ox-nevoa); font-size: .95rem; list-style: none; }
.ox-pedido__notas li { position: relative; padding-left: 20px; }
.ox-pedido__notas li::before { content: ""; position: absolute; left: 0; top: .6em; width: 8px; height: 8px; background: var(--ox-nevoa); clip-path: var(--ox-oito); }
.ox-ficha { position: relative; display: grid; gap: 18px; padding: 34px 32px; background: var(--ox-papel); border-radius: var(--ox-raio); color: var(--ox-tinta); box-shadow: 0 30px 60px rgba(0, 0, 0, .4); }
.ox-ficha::before, .ox-ficha::after { content: ""; position: absolute; width: 26px; height: 26px; }
.ox-ficha::before { top: 0; left: 0; background: linear-gradient(135deg, var(--ox-onix) 0 50%, transparent 50%); }
.ox-ficha::after { right: 0; bottom: 0; background: linear-gradient(-45deg, var(--ox-onix) 0 50%, transparent 50%); }
.ox-pedido .ox-ficha a { color: var(--ox-tinta); }
.ox-ficha__dupla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ox-campo { display: grid; gap: 6px; min-width: 0; margin: 0; }
.ox-campo > label, .ox-escolhas legend { font-size: .95rem; font-weight: 700; }
.ox-opcional { color: var(--ox-cinza); font-weight: 400; }
.ox-campo input[type="text"], .ox-campo input[type="tel"], .ox-campo select, .ox-campo textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1.5px solid #a3a29d; border-radius: var(--ox-raio); background: #fff; font-size: 1rem; }
.ox-campo textarea { min-height: 120px; resize: vertical; }
.ox-campo input:focus, .ox-campo select:focus, .ox-campo textarea:focus { outline: 3px solid var(--ox-tinta); outline-offset: 1px; border-color: var(--ox-tinta); }
.ox-campo [aria-invalid="true"] { border-color: var(--ox-erro); background: #fff7f6; }
.ox-erro { margin: 0; color: var(--ox-erro); font-size: .92rem; font-weight: 600; }
.ox-escolhas { padding: 0; border: 0; }
.ox-escolhas legend { margin-bottom: 8px; padding: 0; }
.ox-escolhas__lista { display: flex; flex-wrap: wrap; gap: 8px; }
.ox-escolha { position: relative; display: inline-flex; }
.ox-escolha input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.ox-escolha span { display: inline-flex; align-items: center; min-height: 46px; padding: 8px 15px; border: 1.5px solid #a3a29d; border-radius: var(--ox-raio); font-weight: 500; }
.ox-escolha input:checked + span { background: var(--ox-onix); border-color: var(--ox-onix); color: var(--ox-veio); font-weight: 700; }
.ox-escolha input:focus-visible + span { outline: 3px solid var(--ox-tinta); outline-offset: 2px; }
.ox-escolhas[data-ox-com-erro] .ox-escolha span { border-color: var(--ox-erro); }
.ox-aceite { grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 4px 12px; }
.ox-aceite input { width: 22px; height: 22px; margin: 2px 0 0; accent-color: var(--ox-onix); }
.ox-aceite label { font-size: .95rem; }
.ox-aceite .ox-erro { grid-column: 1 / -1; }
.ox-ficha__enviar { width: 100%; min-height: 56px; font-size: 1.1rem; }
.ox-ficha__nota { margin: 0; color: var(--ox-cinza); font-size: .88rem; text-align: center; }
.ox-ficha__alerta { padding: 14px 16px; border: 2px solid var(--ox-erro); border-radius: var(--ox-raio); background: #fff7f6; color: #7a1c16; }
.ox-ficha__sinal { margin: 0; padding: 10px 14px; border-left: 4px solid var(--ox-onix); background: var(--ox-po); font-size: .95rem; }
.ox-isca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* fecho com o número */
.ox-chamada { padding: 76px 0; border-top: 1px solid var(--ox-linha); background: var(--ox-papel); text-align: center; }
.ox-chamada__titulo { margin-bottom: 10px; font-size: clamp(1.8rem, 3vw, 2.6rem); }
.ox-chamada__numero { margin: 0 0 8px; }
.ox-chamada__numero a { display: inline-block; padding: 6px 10px; border-bottom: 4px solid var(--ox-tinta); color: var(--ox-tinta); font: 900 clamp(2.8rem, 8vw, 5.6rem)/1 var(--ox-titulo); letter-spacing: .01em; text-decoration: none; }
.ox-chamada__numero a:hover { background: var(--ox-po); }
.ox-chamada__texto { margin: 16px 0 0; color: var(--ox-cinza); }

/* rodapé */
.ox-rodape { padding: 64px 0 0; background: #08080a; color: var(--ox-nevoa); font-size: .95rem; }
.ox-rodape__grade { display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(3, minmax(0, 1fr)); gap: 36px; }
.ox-rodape__gema { width: 46px; height: 46px; margin-bottom: 14px; }
.ox-rodape__nome { margin-bottom: 8px; color: var(--ox-veio); font: 800 1.4rem/1.1 var(--ox-titulo); }
.ox-rodape__titulo { margin-bottom: 14px; color: var(--ox-veio); font-size: 1.05rem; letter-spacing: .12em; text-transform: uppercase; }
.ox-rodape__lista { display: grid; gap: 4px; list-style: none; }
.ox-rodape__lista li { overflow-wrap: anywhere; }
.ox-rodape__lista a, .ox-rodape__botao { display: inline-block; min-height: 36px; padding: 7px 0; color: var(--ox-nevoa); text-decoration: none; }
.ox-rodape__lista a:hover, .ox-rodape__botao:hover { color: var(--ox-veio); text-decoration: underline; }
.ox-rodape__botao { border: 0; background: none; font: inherit; text-align: left; cursor: pointer; }
.ox-rodape__base { margin-top: 48px; padding: 20px 0 28px; border-top: 1px solid #222226; }
.ox-rodape__base p { margin: 0; font-size: .85rem; }

/* barra do celular e aviso de cookies */
.ox-barra { display: none; }
.ox-barra__botao { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 50px; border: 1.5px solid var(--ox-onix-4); border-radius: var(--ox-raio); color: var(--ox-veio); font-weight: 700; text-decoration: none; }
.ox-barra__botao--ligar { background: var(--ox-veio); border-color: var(--ox-veio); color: var(--ox-onix); }
.ox-cookies { position: fixed; z-index: 60; left: 50%; bottom: 18px; display: flex; align-items: center; gap: 18px; width: min(100% - 24px, 740px); padding: 18px 20px; background: var(--ox-veio); border: 1px solid var(--ox-linha); border-radius: var(--ox-raio); color: var(--ox-tinta); box-shadow: 0 20px 50px rgba(0, 0, 0, .35); transform: translateX(-50%); }
.ox-cookies p { margin: 0; font-size: .95rem; }
.ox-cookies a { color: var(--ox-tinta); font-weight: 700; }
.ox-cookies__botoes { flex: none; display: flex; gap: 10px; }
.ox-cookies__botoes .ox-botao { min-width: 112px; }

/* página de serviço */
.ox-agora { padding: 28px; background: rgba(244, 242, 236, .06); background-color: #1a1a1d; border: 1px solid rgba(244, 242, 236, .2); border-radius: var(--ox-raio); }
.ox-agora__icone { width: 42px; height: 42px; margin-bottom: 14px; }
.ox-agora__titulo { font-size: 1.7rem; }
.ox-agora__lista { display: grid; gap: 16px; list-style: none; }
.ox-agora__lista li { display: grid; grid-template-columns: 34px minmax(0, 1fr); align-items: start; gap: 12px; color: #dad9d3; }
.ox-agora__numero { display: grid; place-items: center; width: 34px; height: 34px; background: var(--ox-veio); color: var(--ox-onix); font: 900 1.1rem/1 var(--ox-titulo); clip-path: var(--ox-oito); }
.ox-miolo { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 48px; align-items: start; }
.ox-facetas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; list-style: none; }
.ox-facetas li { padding: 22px 20px 20px; background: var(--ox-po); border-radius: var(--ox-raio); font-weight: 600; line-height: 1.45; }
.ox-facetas li::before { content: ""; display: block; width: 14px; height: 14px; margin-bottom: 12px; background: var(--ox-onix); clip-path: var(--ox-oito); }
.ox-miolo__titulo { font-size: 1.6rem; }
.ox-miolo__causas { display: grid; gap: 12px; padding-left: 20px; color: var(--ox-cinza); }
.ox-miolo__duvidas { max-width: 860px; margin-top: 56px; }
.ox-outros { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; margin-top: 10px; list-style: none; }
.ox-outro { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 14px 16px; background: var(--ox-papel); border: 1px solid var(--ox-linha); border-radius: var(--ox-raio); font-weight: 700; text-decoration: none; }
.ox-outro:hover { border-color: var(--ox-tinta); }

/* confirmação, endereço errado e textos legais */
.ox-confirma__caixa { max-width: 680px; text-align: center; }
.ox-confirma__icone { width: 56px; height: 56px; margin: 0 auto 18px; }
.ox-confirma__titulo { font-size: clamp(2.4rem, 5vw, 3.6rem); font-weight: 900; }
.ox-confirma__texto { color: var(--ox-cinza); font-size: 1.1rem; }
.ox-confirma__resumo { margin: 26px 0; border: 1px solid var(--ox-linha); border-radius: var(--ox-raio); text-align: left; }
.ox-confirma__resumo div { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--ox-linha); }
.ox-confirma__resumo div:last-child { border-bottom: 0; }
.ox-confirma__resumo dt { color: var(--ox-cinza); }
.ox-confirma__resumo dd { margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.ox-confirma__urgente { margin-bottom: 12px; font-weight: 600; }
.ox-botoes--centro { justify-content: center; margin-bottom: 26px; }
.ox-perdido__caixa { max-width: 760px; }
.ox-perdido__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 24px 0 28px; list-style: none; }
.ox-perdido__links a { display: block; padding: 12px 14px; border: 1px solid var(--ox-linha); border-radius: var(--ox-raio); font-weight: 600; text-decoration: none; }
.ox-perdido__links a:hover { border-color: var(--ox-tinta); }
.ox-doc__grade { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); gap: 56px; align-items: start; }
.ox-doc__cabeca { position: sticky; top: 100px; }
.ox-doc__icone { width: 40px; height: 40px; margin-bottom: 16px; }
.ox-doc__data { color: var(--ox-cinza); }
.ox-doc__indice ol { display: grid; gap: 2px; margin-top: 18px; padding-left: 22px; }
.ox-doc__indice a { display: inline-block; padding: 6px 0; color: var(--ox-tinta); }
.ox-doc__parte { margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--ox-linha); }
.ox-doc__parte h2 { font-size: 1.7rem; }
.ox-doc__parte ul { display: grid; gap: 10px; margin-bottom: 1em; padding-left: 22px; }
.ox-doc__ficha { display: grid; gap: 8px; margin: 0; }
.ox-doc__ficha div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; }
.ox-doc__ficha dt { color: var(--ox-cinza); }
.ox-doc__ficha dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.ox-ajuste { display: grid; place-items: center; min-height: 100vh; padding: 24px; background: var(--ox-po); }
.ox-ajuste__caixa { max-width: 560px; padding: 32px; background: #fff; border: 1px solid var(--ox-linha); }

/* larguras menores */
@media (max-width: 1040px) { .ox-nav { display: none; } .ox-menu { display: block; } .ox-quem__grade { grid-template-columns: minmax(0, 1fr); gap: 14px; } .ox-quem__dados { grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: stretch; } }
@media (max-width: 980px) { .ox-abertura__grade, .ox-sinais__grade, .ox-caixa__grade, .ox-onde, .ox-pedido__grade, .ox-miolo, .ox-doc__grade { grid-template-columns: minmax(0, 1fr); gap: 40px; } .ox-abertura { padding: 44px 0 56px; } .ox-relogio__pedra { width: min(100%, 300px); } .ox-sinais__respostas, .ox-doc__cabeca { position: static; } .ox-vitrine, .ox-etapas, .ox-cuidados, .ox-rodape__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ox-duvidas { grid-template-columns: minmax(0, 1fr); gap: 8px; } .ox-mapa { min-height: 320px; } }
@media (max-width: 760px) { .ox-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 10px 10px; background: rgba(8, 8, 10, .96); border-top: 1px solid var(--ox-onix-4); transition: transform .25s ease; } .ox-barra.is-recolhida { transform: translateY(110%); } .ox-corpo { padding-bottom: 76px; } .ox-cookies { flex-direction: column; align-items: stretch; bottom: 84px; } .ox-cookies__botoes { display: grid; grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .ox-faixa { font-size: .8rem; } .ox-faixa__fone { display: none; } .ox-cookies { padding: 14px 16px; gap: 12px; } .ox-cookies p { font-size: .88rem; } .ox-topo__linha { gap: 10px; } .ox-topo__nome small { display: none; } .ox-topo__ligar { width: 48px; padding: 0; } .ox-topo__ligar-texto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } }
@media (max-width: 560px) { .ox-secao, .ox-sinais, .ox-pedido { padding: 60px 0; } .ox-botoes .ox-botao { width: 100%; } .ox-vitrine, .ox-etapas, .ox-cuidados, .ox-rodape__grade, .ox-quem__dados, .ox-facetas, .ox-perdido__links, .ox-ficha__dupla, .ox-sinais__opcoes, .ox-caixa__opcoes { grid-template-columns: minmax(0, 1fr); } .ox-ficha { padding: 26px 18px; } .ox-doc__ficha div { grid-template-columns: minmax(0, 1fr); gap: 0; } }