/* .testimonial-card, .faq-item e .map__embed iframe ficam de fora deste grupo de propósito: cada um já declara seu próprio border-radius no CSS do componente (testimonials.css, components.css) — incluí-los aqui reintroduziria o bug de "moldura em pílula" (mesmo empate de especificidade + shapes.css carregando por último no venceria e sobrescreveria a correção feita no arquivo do componente). */ .btn, .service-card, .gallery-card, .about__media img, .hero--split .hero__media img, .hero__card { border-radius: var(--radius-lg); } .btn { border-radius: var(--radius-md); } .wa-float, .trustbar__stars { border-radius: var(--radius-lg); } body[data-shape="pill"] .btn { border-radius: var(--radius-lg); } /* organic: acento decorativo suave atrás do hero, opcional */ body[data-organic="true"] .hero { position: relative; overflow: hidden; } body[data-organic="true"] .hero::before { content: ""; position: absolute; top: -15%; right: -10%; width: 55vw; height: 55vw; max-width: 560px; max-height: 560px; background: radial-gradient(circle at 30% 30%, var(--color-accent), transparent 70%); opacity: 0.18; border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%; pointer-events: none; }