/* Tema Festança — festas: magenta, roxo, amarelo, arredondado e confete */
@font-face { font-family: "Fredoka"; src: url("/assets/fontes/fredoka-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
:root { --cor: #d6246e; --cor-2: #b51a5b; --roxo: #3b1450; --amarelo: #ffc93c; --fundo: #fff; --fundo-2: #fff3f8; --tinta: #3b1450; --texto: #6c5578; --linha: #f3dbe7; --raio: 26px;
  --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --titulo: "Fredoka", "Arial Rounded MT Bold", sans-serif; --rodape-fundo: #3b1450;
  --veu: linear-gradient(120deg, rgba(59, 20, 80, .85), rgba(214, 36, 110, .55)); }
h1, h2, h3 { font-weight: 600; }
h1 em { color: var(--amarelo) !important; }
.botao { box-shadow: 0 8px 0 var(--cor-2); }
.botao:hover { transform: translateY(3px); box-shadow: 0 5px 0 var(--cor-2); background: var(--cor); }
.selo-hero { background: var(--amarelo); color: var(--roxo); transform: rotate(-3deg); }
.hero-fundo { overflow: hidden; }
.hero-fundo::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle, var(--amarelo) 0 4px, transparent 5px) 0 0 / 80px 80px, radial-gradient(circle, #fff 0 3px, transparent 4px) 40px 40px / 80px 80px; opacity: .35; animation: cair 12s linear infinite; pointer-events: none; }
@keyframes cair { to { background-position: 0 800px, 40px 840px; } }
.sobretitulo { font-family: var(--titulo); text-transform: none; letter-spacing: 0; font-size: 1.15rem; }
.cartao { text-align: center; border-top: 6px solid var(--cor); }
.cartao:nth-child(2) { border-top-color: var(--amarelo); } .cartao:nth-child(3) { border-top-color: #7c3aed; } .cartao:nth-child(4) { border-top-color: #22c3a6; }
.cartao:hover { transform: translateY(-6px) rotate(-1deg); }
.icone-cartao { border-radius: 50%; }
.plano.destaque { background: var(--roxo); border-color: var(--roxo); color: #e9d5ff; }
.plano.destaque h3, .plano.destaque .preco strong, .plano.destaque li { color: #fff; }
.plano-tag { background: var(--amarelo); color: var(--roxo); }
.galeria-grade img { border-radius: 24px; }
.galeria-grade img:nth-child(odd) { transform: rotate(-2deg); } .galeria-grade img:nth-child(even) { transform: rotate(2deg); }
.galeria-grade img:hover { transform: rotate(0) scale(1.04); }
.foto-sobre img { aspect-ratio: 4/3; border: 8px solid #fff; box-shadow: 0 20px 40px -20px rgba(59, 20, 80, .5); transform: rotate(2deg); }