/* Mayra Gomes — mapa do Google só carrega quando a pessoa toca (sem cookies de terceiros antes disso)
   e link "Privacidade e cookies" no rodapé. Carregado pelo index.html depois dos CSS da loja. */
.mapa-capa{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--u)*8);
  width:100%;height:calc(var(--u)*400);min-height:calc(var(--u)*300);padding:calc(var(--u)*24);text-align:center;
  border-radius:calc(var(--u)*24);overflow:hidden;color:var(--verde-2,#173829);
  background:
    radial-gradient(circle at 50% 46%,rgba(255,254,251,.92) 0 calc(var(--u)*120),rgba(255,254,251,0) calc(var(--u)*220)),
    linear-gradient(115deg,transparent 47%,rgba(155,62,80,.16) 47.4% 49%,transparent 49.4%),
    linear-gradient(28deg,transparent 58%,rgba(36,71,53,.14) 58.3% 59.6%,transparent 60%),
    repeating-linear-gradient(0deg,transparent 0 calc(var(--u)*46),rgba(36,71,53,.09) calc(var(--u)*46) calc(var(--u)*48)),
    repeating-linear-gradient(90deg,transparent 0 calc(var(--u)*58),rgba(36,71,53,.09) calc(var(--u)*58) calc(var(--u)*60)),
    #E5EBDC}
.mapa-capa__pin{display:grid;place-items:center;width:calc(var(--u)*54);height:calc(var(--u)*54);border-radius:50%;
  background:var(--rosa,#9B3E50);color:#fff;box-shadow:0 calc(var(--u)*10) calc(var(--u)*24) calc(var(--u)*-10) rgba(155,62,80,.7)}
.mapa-capa__pin svg{width:52%;height:52%;fill:none;stroke:currentColor;stroke-width:2}
.mapa-capa b{font:500 calc(var(--u)*20)/1.2 'Fraunces',Georgia,serif;margin-top:calc(var(--u)*6)}
.mapa-capa>span:not(.mapa-capa__pin){font-size:calc(var(--u)*13);color:var(--suave,#626D65)}
.mapa-capa .btn{margin-top:calc(var(--u)*8);cursor:pointer}
.mapa-capa small{max-width:calc(var(--u)*320);font-size:calc(var(--u)*11);line-height:1.5;color:var(--suave,#626D65)}
.mapa-capa small a{color:inherit;text-decoration:underline}
.rodape__links{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:calc(var(--u)*6) calc(var(--u)*22)}
.rodape__fim .rodape__priv{color:inherit;opacity:.85}
.rodape__fim .rodape__priv:hover{opacity:1}
/* crédito "Desenvolvido por Haiiro" (todos os sites da Haiiro levam, com link do WhatsApp) */
.rodape__fim .rodape__haiiro{margin-left:calc(var(--u)*14);color:inherit;opacity:.7;white-space:nowrap}
.rodape__fim .rodape__haiiro b{font-weight:700;letter-spacing:.02em}
.rodape__fim .rodape__haiiro:hover{opacity:1}
@media (max-width:760px){.mapa-capa{height:calc(var(--u)*300)}.rodape__links{justify-content:flex-start}}

/* sem rolagem lateral no celular: o desenho do "Monte seu buquê" (svg.buque-cena) tem partes transparentes
   fora da área e fazia o navegador abrir a página para ~500 px. clip não cria rolagem nem atrapalha o position:sticky. */
html,body{overflow-x:clip}