/* Complementos ao visual da prévia do Lovable (styles.css) */

/* Textos legais */
.legal-texto { margin-top: 18px; line-height: 1.7; font-size: 16px; }
.legal-texto h2 { font-size: 21px; font-weight: 900; margin: 34px 0 8px; }
.legal-texto p { margin: 0 0 12px; }
.legal-texto ul { margin: 0 0 14px; padding-left: 22px; }
.legal-texto li { margin-bottom: 6px; }
.legal-texto a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.legal-tabela { overflow-x: auto; margin: 6px 0 18px; border: 1px solid var(--border); border-radius: 14px; }
.legal-tabela table { width: 100%; border-collapse: collapse; font-size: 14.5px; min-width: 520px; }
.legal-tabela th, .legal-tabela td { text-align: left; vertical-align: top; padding: 10px 14px; border-bottom: 1px solid var(--border); }
.legal-tabela th { background: var(--muted); font-weight: 800; }
.legal-tabela tr:last-child td { border-bottom: 0; }

/* Amostra do celular tocando a narração real */
#amostra-play.tocando + .audio-info .audio-wave i { animation: onda 1.1s ease-in-out infinite; transform-origin: center; }
#amostra-play.tocando + .audio-info .audio-wave i:nth-child(2n) { animation-delay: -.3s; }
#amostra-play.tocando + .audio-info .audio-wave i:nth-child(3n) { animation-delay: -.6s; }
#amostra-play.tocando + .audio-info .audio-wave i:nth-child(5n) { animation-delay: -.85s; }
@keyframes onda { 0%, 100% { transform: scaleY(.45); } 50% { transform: scaleY(1.15); } }
@media (prefers-reduced-motion: reduce) { #amostra-play.tocando + .audio-info .audio-wave i { animation: none; } }

/* Rodapé centralizado e enxuto */
.footer { padding: 40px 24px 34px; }
.footer-inner { flex-direction: column; align-items: center; text-align: center; gap: 16px; }
.footer-id { display: flex; flex-direction: column; align-items: center; max-width: none; }
.footer-legal { justify-content: center; font-size: 13px; margin-top: 12px; }
.footer-links { justify-content: center; font-size: 13.5px; gap: 26px; }
.footer-links a { text-decoration: none; } .footer-links a:hover { text-decoration: underline; }
.copyright { text-align: center; font-size: 12px; margin-top: 20px; }

/* links que eram botões na prévia */
a[data-checkout], a[href="#planos"] { text-decoration: none; }