/* Visual de aquarela: papel claro, tinta cinza de Payne e manchas de cor com borda molhada. */
:root {
  --aq-papel: #FBF8F2; --aq-papel-2: #F3EEE4; --aq-branco: #FFFFFF;
  --aq-tinta: #22303C; --aq-tinta-2: #3A4A58; --aq-noite: #1A252F; --aq-apoio: #55606B;
  --aq-prussia: #1B4F72; --aq-carmim: #A8324F; --aq-zap: #1F7A4D; --aq-erro: #B3261E;
  --aq-ceu: 143, 201, 236; --aq-rosa: 233, 163, 189; --aq-verde: 121, 210, 196; --aq-ocre: 242, 196, 109;
  --aq-linha: #DED6C8; --aq-campo-borda: #C9BFAE;
  --aq-serifa: "Playfair Display", Georgia, "Times New Roman", serif;
  --aq-texto: "Cabin", "Segoe UI", Tahoma, sans-serif;
  --aq-mao: "Kalam", "Comic Sans MS", cursive;
}

[hidden], .aq-escondido-sempre { display: none !important; }
html.aq { box-sizing: border-box; scroll-behavior: smooth; scroll-padding-top: 96px; }
html.aq *, html.aq *::before, html.aq *::after { box-sizing: inherit; }
html.aq body { margin: 0; background: var(--aq-papel); color: var(--aq-tinta); font: 400 1.06rem/1.65 var(--aq-texto); padding-bottom: 80px; }
html.aq img { max-width: 100%; height: auto; display: block; }
html.aq a { color: var(--aq-prussia); text-underline-offset: 3px; }
html.aq a:hover { color: var(--aq-carmim); }
html.aq :focus-visible { outline: 3px solid var(--aq-prussia); outline-offset: 3px; border-radius: 4px; }
html.aq h1, html.aq h2, html.aq h3 { font-family: var(--aq-serifa); color: var(--aq-tinta); margin: 0; letter-spacing: -.01em; }
html.aq h2 { font-size: clamp(1.8rem, 3.8vw, 2.7rem); font-weight: 800; line-height: 1.12; margin: .3rem 0 1.4rem; }
html.aq h3 { font-size: 1.35rem; font-weight: 700; line-height: 1.25; }
p { margin-top: 0; margin-bottom: 1rem; }

.aq-filtros { position: absolute; width: 0; height: 0; overflow: hidden; }
.aq-faixa { width: 100%; max-width: 1140px; margin-left: auto; margin-right: auto; padding-left: 18px; padding-right: 18px; }
.aq-solta { overflow-wrap: anywhere; }
.aq-pula { position: absolute; left: 14px; top: -80px; z-index: 99; padding: .55rem 1rem; background: var(--aq-tinta); color: #FFFFFF; border-radius: 10px; }
html.aq .aq-pula, html.aq .aq-pula:focus { color: #FFFFFF; }
.aq-pula:focus { top: 12px; }

/* manchas de aquarela */
.aq-mancha { position: absolute; z-index: 0; border-radius: 50%; pointer-events: none; filter: url(#aq-borda-de-tinta) blur(3px); }
.aq-mancha--ceu { width: 560px; height: 480px; top: -140px; right: -160px; background: radial-gradient(closest-side, rgba(var(--aq-ceu), .55), rgba(var(--aq-ceu), .25) 60%, rgba(var(--aq-ceu), 0)); }
.aq-mancha--rosa { width: 380px; height: 330px; bottom: -120px; left: -130px; background: radial-gradient(closest-side, rgba(var(--aq-rosa), .5), rgba(var(--aq-rosa), .18) 65%, rgba(var(--aq-rosa), 0)); }
.aq-mancha--ocre { width: 460px; height: 380px; top: -160px; left: 55%; background: radial-gradient(closest-side, rgba(var(--aq-ocre), .4), rgba(var(--aq-ocre), .12) 65%, rgba(var(--aq-ocre), 0)); }

/* rótulo acima dos títulos */
.aq-sobre { display: inline-flex; align-items: center; gap: .6rem; margin: 0; color: var(--aq-carmim); font: 700 .82rem/1.3 var(--aq-texto); letter-spacing: .15em; text-transform: uppercase; }
.aq-sobre::before { content: ""; width: 22px; height: 14px; border-radius: 50% 45% 55% 40%; background: rgba(var(--aq-rosa), .75); flex: none; }
.aq-nota-a-mao { margin: 0; font: 700 1.35rem/1.2 var(--aq-mao); color: var(--aq-carmim); transform: rotate(-3deg); }
.aq-intro { max-width: 60ch; color: var(--aq-apoio); font-size: 1.1rem; margin-bottom: 1.8rem; }

/* botões */
.aq-botao { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 50px; padding: .72rem 1.4rem; border: 2px solid transparent; border-radius: 14px; font: 700 1.02rem/1.2 var(--aq-texto); text-align: center; text-decoration: none; cursor: pointer; transition: box-shadow .18s ease, background-color .18s ease, transform .18s ease; }
.aq-botao:hover { box-shadow: 0 0 0 6px rgba(var(--aq-ceu), .38); transform: translateY(-1px); }
html.aq .aq-botao--tinta { background: var(--aq-tinta); color: #FFFFFF; }
html.aq .aq-botao--tinta:hover { background: var(--aq-prussia); color: #FFFFFF; }
html.aq .aq-botao--contorno { background: transparent; color: var(--aq-tinta); border-color: var(--aq-tinta); }
html.aq .aq-botao--contorno:hover { background: rgba(var(--aq-ceu), .2); color: var(--aq-tinta); }
html.aq .aq-botao--zap { background: var(--aq-zap); color: #FFFFFF; }
html.aq .aq-botao--zap:hover { background: #17633E; color: #FFFFFF; box-shadow: 0 0 0 6px rgba(var(--aq-verde), .4); }
.aq-botao--largo { width: 100%; }
.aq-botao--grande { min-height: 58px; padding-inline: 1.7rem; font-size: 1.1rem; }

/* topo */
.aq-topo { position: sticky; top: 0; z-index: 30; background: var(--aq-papel); border-bottom: 1px solid var(--aq-linha); }
.aq-topo__linha { display: flex; align-items: center; gap: 18px; min-height: 74px; }
.aq-marca { display: flex; align-items: center; gap: .65rem; margin-right: auto; color: var(--aq-tinta); text-decoration: none; min-width: 0; }
.aq-marca img { width: 38px; flex: none; }
.aq-marca span { display: grid; line-height: 1.05; }
.aq-marca b { font: 800 1.55rem/1 var(--aq-serifa); }
.aq-marca i { font-size: .8rem; color: var(--aq-apoio); }
.aq-topo__nav { display: none; gap: 24px; font-weight: 600; }
html.aq .aq-topo__nav a { color: var(--aq-tinta); text-decoration: none; padding: .4rem 0; background: linear-gradient(rgba(var(--aq-ceu), .7), rgba(var(--aq-ceu), .7)) 0 100% / 0 6px no-repeat; transition: background-size .2s ease; }
html.aq .aq-topo__nav a:hover { background-size: 100% 6px; }
.aq-topo__acao { min-height: 44px; padding: .5rem 1rem; white-space: nowrap; }

/* abertura */
.aq-abertura { position: relative; overflow: hidden; padding: 44px 0 34px; }
.aq-abertura__grade { position: relative; z-index: 1; display: grid; gap: 26px; align-items: center; }
html.aq .aq-abertura h1 { font-size: clamp(2.15rem, 5vw, 3.6rem); font-weight: 800; line-height: 1.08; margin: .8rem 0 1rem; }
.aq-abertura h1 em { font-style: italic; color: var(--aq-prussia); background: linear-gradient(transparent 60%, rgba(var(--aq-ocre), .55) 60%, rgba(var(--aq-ocre), .55) 92%, transparent 92%); padding: 0 .08em; }
.aq-abertura__lead { font-size: 1.15rem; color: var(--aq-apoio); max-width: 34em; }
.aq-abertura__contato { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.3rem; }
.aq-abertura__arte { position: relative; margin: 0 auto; max-width: 380px; }
.aq-abertura__arte figcaption { position: absolute; right: 4%; bottom: 8%; }

.aq-rapido { margin-top: 1.4rem; padding: 18px 18px 20px; background: rgba(255, 255, 255, .72); border: 1px solid var(--aq-linha); border-radius: 22px; max-width: 470px; }
.aq-rapido__titulo { margin: 0 0 .7rem; font: 700 1.3rem/1.2 var(--aq-mao); color: var(--aq-carmim); }
.aq-rapido__opcoes { display: flex; flex-wrap: wrap; gap: 10px; }
html.aq .aq-rapido__opcao { display: grid; place-items: center; width: 60px; height: 60px; border-radius: 48% 52% 46% 54%; color: var(--aq-tinta); font: 800 1.45rem/1 var(--aq-serifa); text-decoration: none; background: rgba(var(--aq-ceu), .55); transition: transform .15s ease; }
html.aq .aq-rapido__opcao:nth-child(2) { background: rgba(var(--aq-verde), .6); }
html.aq .aq-rapido__opcao:nth-child(3) { background: rgba(var(--aq-rosa), .6); }
html.aq .aq-rapido__opcao:nth-child(4) { background: rgba(var(--aq-ocre), .65); }
html.aq .aq-rapido__opcao:hover { transform: scale(1.08) rotate(-3deg); color: var(--aq-tinta); }
html.aq .aq-rapido__opcao--mais { width: auto; padding: 0 1.2rem; font: 700 1rem/1 var(--aq-texto); border-radius: 30px 26px 32px 24px; background: #FFFFFF; border: 2px solid var(--aq-tinta); }

.aq-selos { position: relative; z-index: 1; list-style: none; margin-top: 34px; margin-bottom: 0; display: grid; gap: 12px; }
.aq-selos li { padding: 14px 16px; background: rgba(255, 255, 255, .78); border-radius: 18px; color: var(--aq-apoio); font-size: .95rem; line-height: 1.35; }
.aq-selos b { display: block; color: var(--aq-tinta); font: 800 1.3rem/1.2 var(--aq-serifa); }

/* pedido */
.aq-pedido { background: var(--aq-papel-2); padding: 60px 0 66px; }
.aq-pedido__grade { display: grid; gap: 34px; align-items: start; }
.aq-ficha { position: relative; overflow: hidden; background: var(--aq-branco); border: 1px solid var(--aq-linha); border-radius: 24px; padding: 26px 20px 24px; box-shadow: 0 26px 50px -30px rgba(34, 48, 60, .5); }
.aq-ficha::before { content: ""; position: absolute; top: -90px; right: -90px; width: 230px; height: 200px; border-radius: 50%; background: radial-gradient(closest-side, rgba(var(--aq-verde), .45), rgba(var(--aq-verde), 0)); filter: url(#aq-borda-de-tinta); pointer-events: none; }
html.aq .aq-ficha h2 { position: relative; font-size: 1.95rem; margin-bottom: 1.1rem; }
.aq-ficha__alerta { position: relative; padding: .7rem .9rem; background: #FCE8E6; border-left: 5px solid var(--aq-erro); border-radius: 8px; color: #6B1611; font-weight: 600; }
.aq-ficha__dupla { display: grid; gap: 0 16px; }
.aq-campo { position: relative; margin: 0 0 15px; min-width: 0; }
.aq-campo--grupo { border: 0; padding: 0; }
.aq-campo__rotulo { display: block; margin-bottom: 6px; padding: 0; font-weight: 600; font-size: .93rem; }
.aq-campo__rotulo span { font-weight: 400; color: var(--aq-apoio); }
.aq-campo input[type="text"], .aq-campo input[type="tel"], .aq-campo select, .aq-campo textarea { width: 100%; min-height: 50px; margin: 0; padding: .7rem .9rem; border: 1.5px solid var(--aq-campo-borda); border-radius: 12px; background: #FFFEFB; color: var(--aq-tinta); font: 400 1rem/1.4 var(--aq-texto); }
.aq-campo textarea { min-height: 72px; resize: vertical; }
.aq-campo input:focus, .aq-campo select:focus, .aq-campo textarea:focus { outline: none; border-color: var(--aq-prussia); box-shadow: 0 0 0 4px rgba(var(--aq-ceu), .5); }
.aq-campo__fixo { display: flex; align-items: center; min-height: 50px; padding: .6rem .9rem; border: 1.5px dashed var(--aq-campo-borda); border-radius: 12px; font-weight: 700; }
.aq-campo__erro { display: block; margin-top: 6px; color: var(--aq-erro); font-size: .87rem; font-weight: 600; }
.aq-campo--erro input, .aq-campo--erro select, .aq-campo--erro textarea, .aq-campo--erro .aq-pilulas span { border-color: var(--aq-erro); }
.aq-pilulas { display: flex; flex-wrap: wrap; gap: 8px; }
.aq-pilulas label { position: relative; display: inline-flex; }
.aq-pilulas input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.aq-pilulas span { display: inline-flex; align-items: center; min-height: 46px; padding: .45rem 1.05rem; border: 1.5px solid var(--aq-campo-borda); border-radius: 12px; background: #FFFEFB; font-weight: 600; }
.aq-pilulas input:checked + span { background: rgba(var(--aq-ceu), .38); border-color: var(--aq-prussia); font-weight: 700; }
.aq-pilulas input:focus-visible + span { outline: 3px solid var(--aq-prussia); outline-offset: 2px; }
.aq-aceito { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; font-size: .93rem; }
.aq-aceito input { width: 20px; height: 20px; margin: 3px 0 0; accent-color: var(--aq-prussia); }
.aq-isca { position: absolute; left: -6000px; top: 0; width: 1px; height: 1px; overflow: hidden; }

.aq-pedido__lado { padding-top: 6px; }
.aq-depois { list-style: none; margin: 1rem 0 1.4rem; padding: 0; counter-reset: passo; display: grid; gap: 14px; }
.aq-depois li { position: relative; padding-left: 52px; color: var(--aq-apoio); counter-increment: passo; }
.aq-depois li b { display: block; color: var(--aq-tinta); }
.aq-depois li::before { content: counter(passo); position: absolute; left: 0; top: -2px; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 46% 54% 50% 50%; background: rgba(var(--aq-ceu), .55); color: var(--aq-tinta); font: 700 1.3rem/1 var(--aq-mao); }
.aq-depois li:nth-child(2)::before { background: rgba(var(--aq-rosa), .6); }
.aq-depois li:nth-child(3)::before { background: rgba(var(--aq-ocre), .65); }
.aq-pedido__ou { font-weight: 700; margin-bottom: .6rem; }
.aq-pedido__botoes { display: flex; flex-wrap: wrap; gap: 10px; }

/* galão */
.aq-galao { padding: 62px 0 66px; }
.aq-galao__lista { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 290px), 1fr)); gap: 22px; }
.aq-galao__lista--um { max-width: 760px; grid-template-columns: minmax(0, 1fr); }
.aq-cartao { position: relative; overflow: hidden; background: var(--aq-branco); border: 1px solid var(--aq-linha); border-radius: 22px; padding: 28px 24px 26px; }
.aq-cartao__tinta { position: absolute; top: -60px; right: -50px; width: 220px; height: 190px; border-radius: 50%; background: radial-gradient(closest-side, rgba(var(--aq-ceu), .55), rgba(var(--aq-ceu), 0)); filter: url(#aq-borda-de-tinta); }
.aq-cartao h3, .aq-cartao p, .aq-cartao ul, .aq-cartao .aq-botao { position: relative; }
html.aq .aq-cartao h3 { font-size: 1.7rem; margin-bottom: .5rem; }
.aq-cartao ul { margin: 0 0 1.3rem; padding: 0; list-style: none; }
.aq-cartao li { padding-left: 24px; margin-bottom: .4rem; color: var(--aq-apoio); background: radial-gradient(circle at 7px 10px, rgba(var(--aq-rosa), .9) 5px, transparent 5.5px) no-repeat; }

/* bebedouro, suporte ou bomba */
.aq-apoio { background: var(--aq-papel-2); padding: 62px 0 66px; }
.aq-quiz { display: grid; gap: 14px; margin-bottom: 22px; }
.aq-quiz fieldset { margin: 0; padding: 16px 18px; border: 1px solid var(--aq-linha); border-radius: 18px; background: var(--aq-branco); min-width: 0; }
.aq-quiz legend { padding: 0 .3rem; font-weight: 700; }
.aq-quiz label { display: inline-flex; align-items: center; gap: .4rem; min-height: 44px; margin: 6px 14px 0 0; cursor: pointer; }
.aq-quiz input { width: 18px; height: 18px; accent-color: var(--aq-prussia); }
.aq-quiz__resultado { margin: 0; padding: 14px 18px; border-left: 6px solid rgba(var(--aq-ceu), 1); border-radius: 14px; background: var(--aq-branco); font-weight: 600; }
.aq-apoio__opcoes { display: grid; gap: 16px; }
.aq-opcao { position: relative; padding: 22px 22px 18px; background: var(--aq-branco); border: 2px solid transparent; border-radius: 20px; transition: border-color .2s ease, box-shadow .2s ease; }
.aq-opcao p { margin: .5rem 0 0; color: var(--aq-apoio); }
.aq-opcao--sugerida { border-color: var(--aq-prussia); box-shadow: 0 0 0 7px rgba(var(--aq-ceu), .3); }
.aq-opcao--sugerida::before { content: "sugestão para você"; display: block; margin-bottom: .3rem; color: var(--aq-carmim); font: 700 1.1rem/1.2 var(--aq-mao); }
.aq-apoio__nota { margin-top: 18px; font-size: .92rem; color: var(--aq-apoio); }

/* loja e mapa */
.aq-loja { padding: 62px 0 66px; }
.aq-loja__grade { display: grid; gap: 30px; align-items: start; }
.aq-loja dl { display: grid; gap: 0 24px; margin: 0; }
.aq-loja dl div { padding: 10px 0; border-bottom: 1px dashed var(--aq-linha); min-width: 0; }
.aq-loja dt { font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--aq-apoio); }
.aq-loja dd { margin: 2px 0 0; font-weight: 600; }
.aq-loja__aviso { margin-top: 16px; color: var(--aq-apoio); }
.aq-mapa { position: relative; overflow: hidden; min-height: 360px; border-radius: 26px; border: 1px solid var(--aq-linha); background-color: #EEF4F2; background-image: radial-gradient(circle at 30% 35%, rgba(var(--aq-verde), .45) 0 70px, transparent 120px), radial-gradient(circle at 75% 70%, rgba(var(--aq-ceu), .5) 0 90px, transparent 150px), linear-gradient(105deg, transparent 47%, rgba(255, 255, 255, .95) 47% 50%, transparent 50%), linear-gradient(15deg, transparent 60%, rgba(255, 255, 255, .85) 60% 62%, transparent 62%); }
.aq-mapa__botao { display: grid; place-items: center; align-content: center; gap: 10px; width: 100%; min-height: 360px; padding: 22px; border: 0; background: transparent; color: var(--aq-tinta); font: inherit; cursor: pointer; text-align: center; }
.aq-mapa__marca { width: 42px; height: 42px; border-radius: 50% 50% 50% 0; background: var(--aq-carmim); transform: rotate(-45deg); box-shadow: -4px 4px 0 rgba(34, 48, 60, .2); }
.aq-mapa__texto { font: 800 1.35rem/1.2 var(--aq-serifa); }
.aq-mapa__aviso { max-width: 30ch; padding: .25rem .7rem; border-radius: 10px; background: rgba(255, 255, 255, .88); font-size: .9rem; color: var(--aq-apoio); }
.aq-mapa iframe { display: block; width: 100%; height: 100%; min-height: 360px; border: 0; }

/* dúvidas */
.aq-duvidas { background: var(--aq-papel-2); padding: 62px 0 66px; }
.aq-duvidas__coluna { max-width: 860px; }
.aq-duvidas details { margin-bottom: 10px; border-radius: 16px; background: var(--aq-branco); border: 1px solid var(--aq-linha); }
.aq-duvidas summary { position: relative; padding: 16px 60px 16px 20px; font-weight: 700; cursor: pointer; list-style: none; }
.aq-duvidas summary::-webkit-details-marker { display: none; }
.aq-duvidas summary::after { content: "+"; position: absolute; right: 16px; top: 50%; width: 32px; height: 32px; margin-top: -16px; display: grid; place-items: center; border-radius: 48% 52% 50% 50%; background: rgba(var(--aq-ceu), .5); font: 700 1.3rem/1 var(--aq-mao); }
.aq-duvidas details[open] summary::after { content: "–"; background: rgba(var(--aq-rosa), .6); }
.aq-duvidas details p { margin: 0; padding: 0 20px 16px; color: var(--aq-apoio); }

/* chamada final */
.aq-chamada { position: relative; overflow: hidden; background: var(--aq-tinta); color: #EDE7DC; padding: 56px 0; }
.aq-chamada__linha { position: relative; z-index: 1; }
html.aq .aq-chamada h2 { color: #FFFFFF; margin-bottom: .5rem; }
.aq-chamada__botoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.4rem; }
html.aq .aq-chamada .aq-botao--tinta { background: #FFFFFF; color: var(--aq-tinta); }
html.aq .aq-chamada .aq-botao--tinta:hover { background: #F0F6FB; color: var(--aq-tinta); }
html.aq .aq-chamada .aq-botao--contorno { color: #FFFFFF; border-color: #FFFFFF; }

/* obrigado e 404 */
.aq-recado { position: relative; overflow: hidden; padding: 56px 0 74px; }
.aq-recado .aq-faixa { position: relative; z-index: 1; }
.aq-recado__papel { max-width: 760px; padding: 32px 24px; background: var(--aq-branco); border: 1px solid var(--aq-linha); border-radius: 26px; box-shadow: 0 26px 50px -32px rgba(34, 48, 60, .45); }
html.aq .aq-recado h1 { font-size: clamp(1.95rem, 4.4vw, 2.9rem); font-weight: 800; line-height: 1.12; margin: .5rem 0 1rem; }
.aq-recado__resumo { font: 700 1.25rem/1.4 var(--aq-serifa); color: var(--aq-prussia); }
.aq-recado__lista { padding-left: 1.3rem; }
.aq-recado__botoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.5rem; }

/* textos de privacidade e termos */
.aq-texto { padding: 52px 0 72px; }
.aq-texto__coluna { max-width: 800px; }
html.aq .aq-texto h1 { font-size: clamp(2rem, 4.4vw, 2.9rem); font-weight: 800; margin: .6rem 0 .4rem; }
html.aq .aq-texto h2 { font-size: 1.45rem; font-weight: 700; margin: 2.2rem 0 .7rem; }
.aq-texto li { margin-bottom: .4rem; }
.aq-texto__data { color: var(--aq-apoio); }
.aq-tabela { overflow-x: auto; margin: 0 0 1.2rem; border: 1px solid var(--aq-linha); border-radius: 16px; background: var(--aq-branco); }
.aq-tabela table { width: 100%; min-width: 600px; border-collapse: collapse; font-size: .95rem; }
.aq-tabela th, .aq-tabela td { padding: 11px 13px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--aq-linha); }
.aq-tabela th { background: var(--aq-papel-2); }

/* rodapé */
.aq-rodape { background: var(--aq-noite); color: #E6E1D7; padding: 48px 0 26px; font-size: .95rem; }
html.aq .aq-rodape a { color: #FFFFFF; }
.aq-rodape__grade { display: grid; gap: 26px; }
.aq-rodape__nome { font: 800 1.35rem/1.2 var(--aq-serifa); color: #FFFFFF; }
.aq-rodape__titulo { font-weight: 700; font-size: .8rem; letter-spacing: .15em; text-transform: uppercase; color: rgb(var(--aq-rosa)); }
.aq-rodape p { margin-bottom: .55rem; }
.aq-rodape__links { display: grid; justify-items: start; gap: 4px; }
.aq-rodape__links a, .aq-rodape__cookies { padding: .3rem 0; }
.aq-rodape__cookies { border: 0; background: none; color: #FFFFFF; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.aq-rodape__nota { margin-top: 28px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, .14); font-size: .86rem; color: #C3C9CF; }

/* cookies */
.aq-cookies { position: fixed; z-index: 70; left: 12px; right: 12px; bottom: 90px; max-width: 520px; margin: 0 auto; padding: 18px 20px; background: var(--aq-branco); color: var(--aq-tinta); border: 1px solid var(--aq-linha); border-radius: 22px; box-shadow: 0 24px 60px -20px rgba(26, 37, 47, .55); font-size: .94rem; }
.aq-cookies__titulo { margin: 0 0 .4rem; font: 700 1.3rem/1.2 var(--aq-mao); color: var(--aq-carmim); }
.aq-cookies__botoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

/* barra de atalhos no celular */
.aq-atalhos { position: fixed; z-index: 50; left: 0; right: 0; bottom: 0; display: flex; gap: 8px; padding: 10px 12px; padding-bottom: max(10px, env(safe-area-inset-bottom)); background: var(--aq-papel); border-top: 1px solid var(--aq-linha); box-shadow: 0 -10px 30px -18px rgba(26, 37, 47, .5); transition: transform .24s ease; }
.aq-atalhos .aq-botao { flex: 1 1 0; min-width: 0; padding-inline: .5rem; font-size: .96rem; }
.aq-atalhos--sumiu { transform: translateY(120%); }

@media (min-width: 580px) {
  .aq-ficha__dupla { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .aq-ficha { padding: 32px 30px 28px; }
  .aq-loja dl { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .aq-selos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 820px) {
  .aq-quiz { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .aq-quiz__resultado { grid-column: 1 / -1; }
  .aq-apoio__opcoes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .aq-rodape__grade { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); }
  .aq-recado__papel { padding: 44px 48px; }
}

@media (min-width: 992px) {
  html.aq body { padding-bottom: 0; }
  .aq-atalhos { display: none; }
  .aq-topo__nav { display: flex; }
  .aq-cookies { left: auto; right: 26px; bottom: 26px; margin: 0; }
  .aq-abertura { padding: 70px 0 44px; }
  .aq-abertura__grade { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 40px; }
  .aq-pedido__grade { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 56px; }
  .aq-pedido__lado { position: sticky; top: 110px; }
  .aq-loja__grade { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 46px; }
  .aq-mapa, .aq-mapa__botao, .aq-mapa iframe { min-height: 420px; }
}

@media not all and (prefers-reduced-motion: no-preference), print {
  html.aq { scroll-behavior: auto; }
  html.aq *, html.aq *::before, html.aq *::after { transition: none !important; animation: none !important; }
}