/* Disk Água Pederiva · céu de fim de tarde sobre a terra do noroeste paulista */
:root {
  --pv-terra: #3a1c10;
  --pv-terra-media: #6b3a22;
  --pv-terra-sulco: #7d4529;
  --pv-tinta: #2a1a12;
  --pv-apoio: #5c4637;
  --pv-palha: #fbf6ec;
  --pv-palha-funda: #f3e9d6;
  --pv-linha: #e2d3bb;
  --pv-ceu: #bfe0f4;
  --pv-ceu-claro: #e6f3fb;
  --pv-pessego: #fbd9a8;
  --pv-sol: #f28c28;
  --pv-sol-forte: #d9711a;
  --pv-rotulo: #9a4a16;
  --pv-agua: #1f7fb6;
  --pv-agua-texto: #17628e;
  --pv-zap: #1d7f45;
  --pv-erro: #a82a1d;
  --pv-erro-fundo: #fdeae6;
  --pv-gota: 26px 26px 26px 6px;
  --pv-gota-botao: 18px 18px 18px 4px;
  --pv-sombra: 0 22px 44px -28px rgba(58, 28, 16, .55);
  --pv-titulos: "Shrikhand", Georgia, "Times New Roman", serif;
  --pv-corpo: "Reddit Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
}

html { box-sizing: border-box; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 96px; }
:where(*, ::before, ::after) { box-sizing: inherit; }
body { margin: 0; background: var(--pv-palha); color: var(--pv-tinta); font: 400 1.0625rem/1.62 var(--pv-corpo); }
img, svg { max-width: 100%; display: block; }
h1, h2, h3 { margin: 0 0 .55em; line-height: 1.1; text-wrap: balance; }
h1, h2 { font-family: var(--pv-titulos); font-weight: 400; color: var(--pv-terra); letter-spacing: .01em; }
h3 { font-size: 1.14rem; font-weight: 800; color: var(--pv-terra); }
p { margin: 0 0 1.05em; overflow-wrap: break-word; }
a { color: var(--pv-agua-texto); text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { color: var(--pv-terra); text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--pv-sol); outline-offset: 3px; border-radius: 6px; }
[hidden], .pv-sumir { display: none !important; }
.pv-so-js { display: none !important; }
.pv-js .pv-so-js { display: inline-flex !important; }
.pv-quebra { overflow-wrap: anywhere; }
.pv-icone { width: 1.2em; height: 1.2em; flex: none; }
.pv-largura { width: min(1160px, 100% - 2.4rem); margin-inline: auto; }
.pv-largura--estreita { width: min(780px, 100% - 2.4rem); }
.pv-pular { position: absolute; left: 1rem; top: -5rem; z-index: 60; padding: .7rem 1rem; background: var(--pv-terra); color: var(--pv-palha); border-radius: 10px; }
.pv-pular:focus { top: 1rem; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } :where(*, ::before, ::after) { animation: none !important; transition: none !important; } }

/* botões */
.pv-botoes { display: flex; flex-wrap: wrap; gap: .75rem; }
.pv-botao { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 50px; padding: .78rem 1.3rem; border: 2px solid transparent; border-radius: var(--pv-gota-botao); font: 800 1rem/1.15 var(--pv-corpo); text-decoration: none; cursor: pointer; transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease; }
.pv-botao .pv-icone { width: 1.25rem; height: 1.25rem; }
.pv-botao:hover { transform: translateY(-2px); text-decoration: none; }
.pv-botao--sol { background: var(--pv-sol); color: var(--pv-terra); box-shadow: 0 10px 20px -12px rgba(217, 113, 26, .95); }
.pv-botao--sol:hover { background: var(--pv-sol-forte); color: var(--pv-terra); }
.pv-botao--contorno { background: transparent; border-color: var(--pv-terra); color: var(--pv-terra); }
.pv-botao--contorno:hover { background: var(--pv-terra); color: var(--pv-palha); }
.pv-botao--leve { background: var(--pv-ceu-claro); border-color: var(--pv-ceu); color: var(--pv-terra); min-height: 44px; padding: .55rem 1rem; font-size: .95rem; }
.pv-botao--leve:hover { border-color: var(--pv-agua); color: var(--pv-terra); }
.pv-botao--zap { background: var(--pv-zap); color: #fff; }
.pv-botao--zap:hover { background: #166a39; color: #fff; }
.pv-botao--largo { width: 100%; }
.pv-linkbotao { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: .2em; cursor: pointer; }

/* faixa e topo */
.pv-faixa { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .3rem .9rem; margin: 0; padding: .5rem 1rem; background: var(--pv-terra); color: #f6e7d3; font-size: .9rem; text-align: center; }
.pv-faixa strong { color: var(--pv-pessego); }
.pv-faixa__sol { width: 1.1rem; height: 1.1rem; color: var(--pv-sol); }
.pv-faixa__sep { width: 5px; height: 5px; border-radius: 50%; background: var(--pv-sol); }
.pv-topo { position: sticky; top: 0; z-index: 30; background: rgba(251, 246, 236, .96); border-bottom: 1px solid var(--pv-linha); backdrop-filter: saturate(1.4) blur(6px); }
.pv-topo__linha { width: min(1160px, 100% - 2.4rem); margin-inline: auto; min-height: 76px; display: flex; align-items: center; gap: 1.4rem; }
.pv-marca { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: .65rem; align-items: center; color: var(--pv-terra); text-decoration: none; margin-right: auto; }
.pv-marca:hover { color: var(--pv-terra); text-decoration: none; }
.pv-marca__gota { grid-row: span 2; width: 48px; height: 48px; }
.pv-marca__nome { font: 400 1.32rem/1 var(--pv-titulos); }
.pv-marca__nome em { font-style: normal; color: var(--pv-sol-forte); }
.pv-marca__onde { font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--pv-apoio); }
.pv-menu { display: flex; gap: .2rem; }
.pv-menu a { padding: .5rem .8rem; border-radius: 12px 12px 12px 3px; color: var(--pv-tinta); font-weight: 700; text-decoration: none; }
.pv-menu a:hover, .pv-menu a[aria-current="page"] { background: var(--pv-palha-funda); color: var(--pv-terra); }
.pv-ligar { display: inline-flex; align-items: center; gap: .5rem; padding: .62rem 1.05rem; border-radius: var(--pv-gota-botao); background: var(--pv-terra); color: var(--pv-palha); text-decoration: none; font-weight: 700; white-space: nowrap; }
.pv-ligar:hover { background: var(--pv-terra-media); color: #fff; text-decoration: none; }
.pv-ligar .pv-icone { color: var(--pv-sol); }
.pv-ligar strong { font-weight: 800; }

/* abertura: céu, sol e a terra no horizonte */
.pv-ceu { position: relative; overflow: hidden; background: linear-gradient(180deg, var(--pv-ceu) 0%, var(--pv-ceu-claro) 42%, #fde9cc 76%, var(--pv-pessego) 100%); }
.pv-ceu__sol { position: absolute; right: 9%; bottom: 28px; width: 300px; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, #ffd28a 0 40%, rgba(255, 196, 120, .45) 41% 56%, rgba(255, 196, 120, 0) 57%); pointer-events: none; }
.pv-ceu__grade { position: relative; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: center; padding: clamp(2.8rem, 6vw, 5rem) 0 clamp(3.4rem, 7vw, 5.4rem); }
.pv-ceu h1 { font-size: clamp(2.4rem, 1.4rem + 3.6vw, 4.1rem); line-height: 1.04; margin-bottom: .4em; }
.pv-ceu__lead { font-size: 1.16rem; max-width: 36rem; color: var(--pv-tinta); }
.pv-fatos { list-style: none; display: flex; flex-wrap: wrap; gap: .5rem; margin: 1.6rem 0 0; padding: 0; }
.pv-fatos li { display: inline-flex; align-items: center; gap: .45rem; padding: .38rem .8rem; border-radius: 999px; background: rgba(255, 255, 255, .7); border: 1px solid rgba(107, 58, 34, .18); font-size: .9rem; font-weight: 600; color: var(--pv-terra); }
.pv-fatos li::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--pv-sol); }
.pv-sobre { display: flex; align-items: center; gap: .6rem; margin: 0 0 .75rem; font-size: .8rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: var(--pv-rotulo); }
.pv-sobre::before { content: ""; width: 26px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--pv-sol) 0 60%, var(--pv-agua) 60%); }
.pv-terra { height: 58px; background:
  repeating-linear-gradient(-14deg, var(--pv-terra-media) 0 14px, var(--pv-terra-sulco) 14px 28px);
  border-top: 5px solid var(--pv-agua); box-shadow: inset 0 10px 14px -10px rgba(0, 0, 0, .45); }

/* os anéis de entrega */
.pv-aneis { position: relative; padding: 1.5rem 1.5rem 1.3rem; border-radius: var(--pv-gota); background: rgba(255, 255, 255, .9); border: 2px solid var(--pv-terra); box-shadow: var(--pv-sombra); }
.pv-aneis__titulo { margin: 0 0 1rem; font-family: var(--pv-corpo); font-size: .82rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: var(--pv-rotulo); text-align: center; }
.pv-aneis__alvo { position: relative; width: min(250px, 78%); aspect-ratio: 1; margin: .6rem auto 1.3rem; }
.pv-aneis__fora, .pv-aneis__dentro, .pv-aneis__loja { position: absolute; border-radius: 50%; }
.pv-aneis__fora { inset: 0; background: #fff3e0; border: 3px dashed var(--pv-terra-media); }
.pv-aneis__dentro { inset: 23%; background: var(--pv-ceu); border: 3px solid var(--pv-agua); }
.pv-aneis__loja { inset: 40%; display: grid; place-items: center; background: var(--pv-terra); color: var(--pv-sol); }
.pv-aneis__loja .pv-icone { width: 58%; height: 58%; }
.pv-aneis__selo { position: absolute; left: 50%; translate: -50% 0; padding: .14rem .7rem .22rem; border-radius: 999px; font: 400 1.05rem/1.2 var(--pv-titulos); white-space: nowrap; }
.pv-aneis__selo--fora { top: -.85rem; background: var(--pv-terra); color: var(--pv-pessego); }
.pv-aneis__selo--dentro { top: 15%; background: var(--pv-agua); color: #fff; }
.pv-aneis__lista { display: grid; gap: .45rem; margin: 0; }
.pv-aneis__lista div { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .55rem .2rem; border-bottom: 1px dashed var(--pv-linha); }
.pv-aneis__lista dt { display: flex; align-items: center; gap: .5rem; font-weight: 600; }
.pv-aneis__lista dd { margin: 0; font: 400 1.35rem/1 var(--pv-titulos); color: var(--pv-terra); white-space: nowrap; }
.pv-ponto { width: 12px; height: 12px; border-radius: 50%; flex: none; }
.pv-ponto--dentro { background: var(--pv-ceu); border: 3px solid var(--pv-agua); }
.pv-ponto--fora { background: #fff3e0; border: 3px dashed var(--pv-terra-media); }
.pv-aneis__nota { margin: .9rem 0 0; font-size: .9rem; color: var(--pv-apoio); }

/* seções */
.pv-secao { padding: clamp(3.2rem, 7vw, 5.4rem) 0; }
.pv-titulo { font-size: clamp(1.95rem, 1.25rem + 2.2vw, 2.85rem); }

.pv-itens { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; margin: 2rem 0 1.4rem; padding: 0; }
.pv-item { display: flex; flex-direction: column; padding: 1rem 1rem 1.2rem; border-radius: var(--pv-gota); background: #fff; border: 1px solid var(--pv-linha); box-shadow: 0 14px 30px -26px rgba(58, 28, 16, .6); }
.pv-item__moldura { display: grid; place-items: center; height: 168px; margin-bottom: 1rem; border-radius: 20px 20px 20px 4px; background: linear-gradient(180deg, var(--pv-ceu-claro) 0 74%, var(--pv-palha-funda) 74%); }
.pv-item__desenho { width: 118px; height: 148px; transition: transform .25s ease; }
.pv-item:hover .pv-item__desenho { transform: translateY(-4px) rotate(-2deg); }
.pv-item p { color: var(--pv-apoio); font-size: .97rem; }
.pv-item .pv-botao { margin-top: auto; align-self: flex-start; }
.pv-marcas { max-width: 46rem; padding: .9rem 1.1rem; border-left: 4px solid var(--pv-sol); border-radius: 0 14px 14px 0; background: var(--pv-palha-funda); }

/* horário */
.pv-dia { background: var(--pv-terra); color: #f6e7d3; }
.pv-dia .pv-titulo { color: #fff; }
.pv-dia .pv-sobre { color: var(--pv-pessego); }
.pv-dia__grade { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.pv-dia__regua { padding: 1.4rem 1.4rem 1.1rem; border-radius: var(--pv-gota); background: rgba(255, 255, 255, .06); border: 1px solid rgba(251, 217, 168, .25); }
.pv-dia__faixa { position: relative; height: 54px; border-radius: 14px 14px 14px 3px; background: linear-gradient(90deg, #fbd9a8 0%, #ffe8a6 18%, #bfe0f4 40%, #9fd0ef 58%, #f7a85a 80%, #8a3d24 100%); }
.pv-dia__agora { position: absolute; top: -10px; bottom: -10px; left: var(--agora, 50%); width: 4px; margin-left: -2px; border-radius: 4px; background: #fff; box-shadow: 0 0 0 2px var(--pv-terra); }
.pv-dia__agora b { position: absolute; top: -1.9rem; left: 50%; translate: -50% 0; padding: .1rem .55rem; border-radius: 999px; background: #fff; color: var(--pv-terra); font-size: .82rem; white-space: nowrap; }
.pv-dia__horas { display: flex; justify-content: space-between; margin-top: .55rem; }
.pv-dia__hora { font-size: .85rem; font-weight: 700; color: var(--pv-pessego); }
.pv-dia__estado { margin: .7rem 0 0; font-weight: 700; color: #fff; }

/* pedido */
.pv-pedido { background: var(--pv-palha-funda); }
.pv-pedido__cabeca { max-width: 46rem; }
.pv-pedido__cabeca > p:last-child { color: var(--pv-apoio); }
.pv-pedido__grade { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: clamp(1.4rem, 3vw, 2.4rem); align-items: start; margin-top: 1.6rem; }
.pv-form { padding: clamp(1.2rem, 3vw, 2rem); border-radius: var(--pv-gota); background: #fff; border: 1px solid var(--pv-linha); box-shadow: var(--pv-sombra); }
.pv-form__aviso { margin: 0 0 1.2rem; padding: .85rem 1rem; border-radius: 12px; background: var(--pv-erro-fundo); color: var(--pv-erro); font-weight: 700; }
.pv-form__nota { margin: .8rem 0 0; font-size: .88rem; color: var(--pv-apoio); text-align: center; }
.pv-isca { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.pv-grupo { margin: 0 0 1.6rem; padding: 0; border: 0; min-width: 0; }
.pv-grupo > legend { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; padding: 0; font: 400 1.4rem/1.2 var(--pv-titulos); color: var(--pv-terra); }
.pv-grupo__numero { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50% 50% 50% 4px; background: var(--pv-sol); color: var(--pv-terra); font: 800 1rem/1 var(--pv-corpo); }
.pv-qtd { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .55rem 0; border-bottom: 1px dashed var(--pv-linha); }
.pv-qtd__nome { font-weight: 700; }
.pv-qtd__controle { display: flex; align-items: center; gap: .35rem; }
.pv-qtd__controle input { width: 4.2rem; min-height: 44px; text-align: center; font-weight: 800; -moz-appearance: textfield; appearance: textfield; }
.pv-qtd__controle input::-webkit-inner-spin-button, .pv-qtd__controle input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.pv-qtd__passo { width: 44px; height: 44px; align-items: center; justify-content: center; border: 2px solid var(--pv-terra); border-radius: 50%; background: #fff; color: var(--pv-terra); font: 800 1.35rem/1 var(--pv-corpo); cursor: pointer; }
.pv-qtd__passo:hover { background: var(--pv-pessego); }
.pv-campo { display: grid; gap: .35rem; margin-top: 1rem; }
.pv-campo label, .pv-escolha > legend { font-weight: 700; color: var(--pv-terra); }
.pv-campo small, .pv-escolha small { font-weight: 400; color: var(--pv-apoio); }
.pv-campo input, .pv-campo select, .pv-campo textarea, .pv-qtd__controle input { width: 100%; min-height: 48px; padding: .65rem .8rem; border: 2px solid var(--pv-linha); border-radius: 12px 12px 12px 3px; background: #fffdf9; color: var(--pv-tinta); font: 400 1rem var(--pv-corpo); }
.pv-qtd__controle input { width: 4.2rem; }
.pv-campo textarea { resize: vertical; }
.pv-campo input:focus, .pv-campo select:focus, .pv-campo textarea:focus, .pv-qtd__controle input:focus { border-color: var(--pv-agua); outline: 3px solid rgba(31, 127, 182, .22); outline-offset: 0; }
.pv-campo input[aria-invalid="true"], .pv-aceite input[aria-invalid="true"] { border-color: var(--pv-erro); }
.pv-campo__erro { margin: .2rem 0 0; color: var(--pv-erro); font-size: .9rem; font-weight: 700; }
.pv-dupla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }
.pv-escolha { margin: 1.1rem 0 0; padding: 0; border: 0; display: flex; flex-wrap: wrap; gap: .5rem; min-width: 0; }
.pv-escolha > legend { margin-bottom: .55rem; padding: 0; }
.pv-escolha > label { display: inline-flex; align-items: center; gap: .45rem; padding: .5rem .9rem; border: 2px solid var(--pv-linha); border-radius: 999px; background: #fffdf9; font-weight: 600; cursor: pointer; }
.pv-escolha > label:has(input:checked) { border-color: var(--pv-agua); background: var(--pv-ceu-claro); }
.pv-escolha input { accent-color: var(--pv-agua); width: 1.1rem; height: 1.1rem; }
.pv-escolha .pv-campo__erro { flex-basis: 100%; }
.pv-escolha--cartoes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 0; }
.pv-escolha--cartoes > label { align-items: flex-start; border-radius: 18px 18px 18px 4px; padding: .8rem .9rem; }
.pv-escolha--cartoes span { display: grid; gap: .15rem; }
.pv-escolha--cartoes b { font: 400 1.4rem/1.1 var(--pv-titulos); color: var(--pv-terra); }
.pv-aceite { margin: .4rem 0 1.2rem; }
.pv-aceite label { display: flex; align-items: flex-start; gap: .6rem; font-size: .95rem; cursor: pointer; }
.pv-aceite input { width: 1.2rem; height: 1.2rem; margin-top: .2rem; flex: none; accent-color: var(--pv-agua); }

/* o bilhete com o resumo, picotado embaixo */
.pv-bilhete { position: sticky; top: 100px; padding: 1.4rem 1.3rem 2.2rem; background:
  linear-gradient(135deg, transparent 10px, #fffdf6 0) bottom left / 20px 20px repeat-x,
  linear-gradient(-135deg, transparent 10px, #fffdf6 0) bottom left / 20px 20px repeat-x,
  linear-gradient(#fffdf6, #fffdf6) top / 100% calc(100% - 20px) no-repeat;
  filter: drop-shadow(0 12px 18px rgba(58, 28, 16, .16)); }
.pv-bilhete h3 { font: 400 1.5rem/1.1 var(--pv-titulos); padding-bottom: .6rem; border-bottom: 2px dashed var(--pv-linha); }
.pv-bilhete__itens { list-style: none; margin: 0 0 .8rem; padding: 0; display: grid; gap: .35rem; }
.pv-bilhete__itens li { display: flex; justify-content: space-between; gap: .8rem; font-weight: 600; }
.pv-bilhete__itens .pv-bilhete__vazio { color: var(--pv-apoio); font-weight: 400; }
.pv-bilhete__contas { margin: 0; padding-top: .6rem; border-top: 2px dashed var(--pv-linha); display: grid; gap: .4rem; }
.pv-bilhete__contas div { display: flex; justify-content: space-between; gap: .8rem; }
.pv-bilhete__contas dt { font-weight: 700; }
.pv-bilhete__contas dd { margin: 0; text-align: right; color: var(--pv-apoio); }
.pv-bilhete__nota { margin: .9rem 0 0; font-size: .86rem; color: var(--pv-apoio); }

/* trilha da entrega */
.pv-trilha { list-style: none; counter-reset: passo; position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.4rem; margin: 2rem 0 0; padding: 0; }
.pv-trilha::before { content: ""; position: absolute; top: 27px; left: 6%; right: 6%; border-top: 4px dashed var(--pv-sol); }
.pv-trilha li { counter-increment: passo; position: relative; }
.pv-trilha li::before { content: counter(passo); display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 1rem; border-radius: 50% 50% 50% 6px; background: var(--pv-terra); color: var(--pv-pessego); font: 400 1.6rem/1 var(--pv-titulos); box-shadow: 0 0 0 6px var(--pv-palha); }
.pv-trilha p { color: var(--pv-apoio); }

/* a loja e o mapa */
.pv-loja { background: #fff; border-block: 1px solid var(--pv-linha); }
.pv-loja__grade { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2rem, 5vw, 4rem); align-items: stretch; }
.pv-ficha { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem 1.4rem; margin: 1.2rem 0 0; }
.pv-ficha div { padding-bottom: .65rem; border-bottom: 1px dashed var(--pv-linha); }
.pv-ficha__inteira { grid-column: 1 / -1; }
.pv-ficha dt { font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--pv-rotulo); }
.pv-ficha dd { margin: .15rem 0 0; font-weight: 600; }
.pv-mapa { min-height: 340px; border-radius: var(--pv-gota); overflow: hidden; background: linear-gradient(180deg, var(--pv-ceu-claro), var(--pv-palha-funda)); border: 2px dashed var(--pv-terra-media); }
.pv-mapa iframe { display: block; width: 100%; height: 100%; min-height: 340px; border: 0; }
.pv-mapa__capa { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .7rem; padding: 2rem; text-align: center; }
.pv-mapa__capa > .pv-icone { width: 54px; height: 54px; color: var(--pv-terra); }
.pv-mapa__capa p { margin: 0; font-weight: 600; }
.pv-mapa__nota { font-size: .85rem; color: var(--pv-apoio); font-weight: 400 !important; }
.pv-mapa__link { font-weight: 700; }

/* dúvidas */
.pv-duvida { border-bottom: 1px solid var(--pv-linha); }
.pv-duvida summary { position: relative; padding: 1.05rem 2.6rem 1.05rem 0; font-weight: 800; color: var(--pv-terra); cursor: pointer; list-style: none; }
.pv-duvida summary::-webkit-details-marker { display: none; }
.pv-duvida summary::after { content: ""; position: absolute; right: .3rem; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50% 50% 50% 3px; background: linear-gradient(var(--pv-terra), var(--pv-terra)) center / 10px 2px no-repeat, linear-gradient(var(--pv-terra), var(--pv-terra)) center / 2px 10px no-repeat, var(--pv-pessego); transition: background-color .2s ease; }
.pv-duvida[open] summary::after { background-size: 10px 2px, 2px 0; background-color: var(--pv-sol); } /* aberto: só o traço do menos */
.pv-duvida p { margin: 0 0 1.1rem; color: var(--pv-apoio); }

/* chamada final */
.pv-fim { padding: clamp(2.6rem, 6vw, 4rem) 0; background: linear-gradient(100deg, var(--pv-sol) 0%, #f7a85a 55%, var(--pv-pessego) 100%); }
.pv-fim__caixa { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1.4rem; }
.pv-fim h2 { font-size: clamp(2rem, 1.3rem + 2.4vw, 3rem); margin-bottom: .2em; }
.pv-fim p { margin: 0; font-weight: 600; color: var(--pv-terra); }
.pv-fim .pv-botao--sol { background: var(--pv-terra); color: var(--pv-palha); box-shadow: none; }
.pv-fim .pv-botao--sol:hover { background: #24110a; color: #fff; }

/* taxas, galão e páginas de texto */
.pv-taxas__grade, .pv-galao__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4rem); align-items: center; }
.pv-tabela { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: var(--pv-gota); background: #fff; border: 2px solid var(--pv-terra); box-shadow: var(--pv-sombra); }
.pv-tabela thead th:first-child { border-top-left-radius: 24px; }
.pv-tabela thead th:last-child { border-top-right-radius: 24px; }
.pv-tabela caption { padding: 0 0 .7rem .2rem; font-size: .8rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--pv-rotulo); text-align: left; }
.pv-tabela th, .pv-tabela td { padding: 1rem 1.2rem; text-align: left; border-bottom: 1px dashed var(--pv-linha); }
.pv-tabela thead th { background: var(--pv-terra); color: var(--pv-pessego); font-size: .85rem; letter-spacing: .08em; text-transform: uppercase; }
.pv-tabela tbody tr:last-child > * { border-bottom: 0; }
.pv-tabela td { font: 400 1.6rem/1 var(--pv-titulos); color: var(--pv-terra); text-align: right; }
.pv-galao__par { display: flex; align-items: flex-end; justify-content: center; gap: 1rem; padding: 2rem 1rem 0; border-radius: var(--pv-gota); background: linear-gradient(180deg, var(--pv-ceu-claro) 0 78%, var(--pv-palha-funda) 78%); }
.pv-galao__desenho { width: 190px; height: 238px; }
.pv-galao__desenho--menor { width: 140px; height: 175px; }
.pv-lista { margin: 0 0 1.4rem; padding: 0; list-style: none; display: grid; gap: .6rem; }
.pv-lista li { position: relative; padding-left: 1.6rem; }
.pv-lista li::before { content: ""; position: absolute; left: 0; top: .42em; width: 12px; height: 12px; border-radius: 50% 50% 50% 2px; rotate: 135deg; background: var(--pv-agua); }
.pv-texto h1 { font-size: clamp(2.1rem, 1.4rem + 2.4vw, 3rem); }
.pv-texto h2 { margin-top: 1.8em; font-size: 1.55rem; }
.pv-texto__lead, .pv-recibo__lead { font-size: 1.15rem; }
.pv-texto__data { margin-top: 2rem; font-size: .9rem; color: var(--pv-apoio); }
.pv-recibo__cartao { margin: 1.4rem 0; padding: 1.3rem 1.4rem; border-radius: var(--pv-gota); background: #fff; border: 2px solid var(--pv-terra); }
.pv-recibo__cartao h2 { font-size: 1.4rem; }
.pv-recibo__cartao ul { margin: 0 0 .8rem; padding-left: 1.2rem; font-weight: 700; }
.pv-recibo__cartao p { margin: 0; color: var(--pv-apoio); }

/* rodapé */
.pv-rodape { background: var(--pv-terra); color: #ead7c2; }
.pv-terra--rodape { height: 34px; border-top-width: 4px; }
.pv-rodape__grade { display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(3, minmax(0, 1fr)); gap: 2rem; padding: 2.8rem 0 2rem; }
.pv-rodape h2 { margin-bottom: .7rem; font: 800 .8rem/1.2 var(--pv-corpo); letter-spacing: .14em; text-transform: uppercase; color: var(--pv-pessego); }
.pv-rodape p { font-size: .95rem; }
.pv-rodape a, .pv-rodape .pv-linkbotao { color: #fff; }
.pv-rodape a:hover { color: var(--pv-pessego); }
.pv-rodape ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; font-size: .95rem; }
.pv-rodape__marca { display: flex; gap: .9rem; align-items: flex-start; }
.pv-rodape__gota { width: 54px; height: 54px; flex: none; }
.pv-rodape__fim { margin: 0; padding: 1rem 1.2rem 1.3rem; border-top: 1px solid rgba(251, 217, 168, .18); text-align: center; font-size: .85rem; color: #c9b39b; }

/* barra do celular e aviso de medição */
.pv-barra { display: none; }
.pv-aviso { position: fixed; left: 1rem; bottom: 1rem; z-index: 50; width: min(420px, calc(100% - 2rem)); padding: 1.1rem 1.2rem; border-radius: var(--pv-gota); background: #fff; border: 2px solid var(--pv-terra); box-shadow: 0 18px 40px -16px rgba(58, 28, 16, .6); font-size: .95rem; }
.pv-aviso p { margin: 0 0 .8rem; }
.pv-aviso__titulo { font: 400 1.25rem/1.2 var(--pv-titulos); color: var(--pv-terra); }
.pv-aviso__botoes { display: flex; gap: .6rem; }
.pv-aviso__botoes .pv-botao { flex: 1; min-height: 44px; }

@media screen and (max-width: 1040px) {
  .pv-menu { display: none; }
  .pv-itens { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pv-rodape__grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 899.98px) {
  .pv-ceu__grade, .pv-dia__grade, .pv-pedido__grade, .pv-loja__grade, .pv-taxas__grade, .pv-galao__grade { grid-template-columns: minmax(0, 1fr); }
  .pv-ceu__sol { right: -60px; bottom: 40px; width: 240px; }
  .pv-bilhete { position: static; order: -1; }
  .pv-trilha { grid-template-columns: minmax(0, 1fr); gap: 1.1rem; }
  .pv-trilha::before { top: 20px; bottom: 20px; left: 27px; right: auto; border-top: 0; border-left: 4px dashed var(--pv-sol); }
  .pv-trilha li { display: grid; grid-template-columns: 58px minmax(0, 1fr); column-gap: 1rem; }
  .pv-trilha li::before { grid-row: span 2; margin: 0; }
  .pv-trilha h3 { align-self: end; margin-bottom: .2rem; }
}
@media screen and (max-width: 760px) {
  body { padding-bottom: 68px; }
  .pv-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--pv-terra); box-shadow: 0 -8px 20px -12px rgba(58, 28, 16, .7); }
  .pv-barra a { display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 60px; background: var(--pv-terra); color: var(--pv-palha); font-weight: 800; text-decoration: none; }
  .pv-barra a:last-child { background: var(--pv-sol); color: var(--pv-terra); }
  .pv-barra .pv-icone { width: 1.3rem; height: 1.3rem; }
  .pv-aviso { bottom: 76px; }
  .pv-ligar__rotulo, .pv-ligar strong { display: none; }
  .pv-ligar { width: 46px; height: 46px; padding: 0; justify-content: center; }
  .pv-ligar .pv-icone { width: 1.35rem; height: 1.35rem; }
  .pv-faixa__sep { display: none; }
}
@media screen and (max-width: 559px) {
  body { font-size: .99rem; }
  .pv-topo__linha { min-height: 66px; gap: .8rem; }
  .pv-marca__gota { width: 40px; height: 40px; }
  .pv-marca__nome { font-size: 1.12rem; }
  .pv-itens, .pv-dupla, .pv-ficha, .pv-escolha--cartoes, .pv-rodape__grade { grid-template-columns: minmax(0, 1fr); }
  .pv-botoes .pv-botao { width: 100%; }
  .pv-item__moldura { height: 150px; }
  .pv-galao__desenho { width: 140px; height: 175px; }
  .pv-galao__desenho--menor { width: 104px; height: 130px; }
  .pv-faixa { font-size: .82rem; }
}