/* ============================================================
   CABRAL ADVOGADOS — MELHORIAS DE 24/10/2026
   Carregado depois de index.html (estilos base) e motion.css.
   Mantém a identidade (Cinzel, Cormorant Garamond, Lora, marinho e ouro)
   e corrige o que pesava na leitura, sobretudo no celular:
   botões e rótulos em Cinzel de 10–11,5 px, título do hero pequeno,
   texto claro com pouco contraste nos blocos escuros, ícones de traço fino
   (trocados por ícones 3D em ouro envelhecido, gerados no Higgsfield).
   ============================================================ */

/* --- títulos com mais presença ----------------------------------------- */
.hero h1 { font-size: clamp(2.55rem, 4.1vw, 3.9rem); line-height: 1.04; letter-spacing: -0.005em; text-wrap: balance; }
.section-h2 { text-wrap: balance; }
h2, h3 { text-wrap: balance; }

/* --- Cinzel legível: botões, rótulos, selos ------------------------------- */
.btn { font-size: 0.8rem; letter-spacing: 0.16em; min-height: 52px; justify-content: center; }
.label, .hero-tag, .oque-subtitle { font-size: 0.78rem; letter-spacing: 0.22em; }
.trust-item, .trust-seal { font-size: 0.74rem; }
.stat-label, .sobre-cred-label, .contact-label { font-size: 0.74rem; }
.nav-links a, .nav-cta { font-size: 0.76rem; }
.footer-links a, .redes-social-link { font-size: 0.76rem; }
.footer-legal { font-size: 0.72rem; line-height: 1.7; }
.video-card-title { font-size: 0.74rem; }
.urgencia-alerta, .urgencia-revisao, .urgencia-countdown-label { font-size: 0.72rem; }
.comp-criterion { font-size: 0.68rem; }
.hero-microcopy { font-size: 0.84rem; }
.contato-map p { font-size: 0.8rem; }

/* --- mais contraste no texto sobre o marinho ----------------------------- */
.bene-desc { color: rgba(255, 255, 255, 0.82); }

/* --- ícones 3D (Higgsfield) ---------------------------------------------- */
.bene-icon img { width: 84px; height: 84px; display: block; filter: drop-shadow(0 14px 22px rgba(0, 0, 0, 0.45)); transition: transform 0.6s cubic-bezier(.22, 1, .36, 1); }
.bene-card:hover .bene-icon img { transform: translateY(-6px) rotate(-3deg) scale(1.05); }
.pq-icon { width: 104px; height: 104px; background: radial-gradient(circle at 50% 35%, #1d2c4a 0%, #0d1a33 70%); border-color: rgba(184, 151, 90, 0.45); box-shadow: 0 18px 40px rgba(13, 26, 51, 0.25), inset 0 0 0 6px rgba(184, 151, 90, 0.08); }
.pq-icon img { width: 74px; height: 74px; display: block; filter: drop-shadow(0 10px 16px rgba(0, 0, 0, 0.4)); transition: transform 0.6s cubic-bezier(.22, 1, .36, 1); }
.pq-card:hover .pq-icon img { transform: translateY(-5px) scale(1.06); }

@keyframes cabral-flutua { 0%, 100% { translate: 0 0; } 50% { translate: 0 -5px; } }
.bene-icon img, .pq-icon img { animation: cabral-flutua 6s ease-in-out infinite; }
.bene-card:nth-child(2n) .bene-icon img, .pq-card:nth-child(2n) .pq-icon img { animation-delay: -2s; }
.bene-card:nth-child(3n) .bene-icon img, .pq-card:nth-child(3n) .pq-icon img { animation-delay: -4s; }

/* --- celular --------------------------------------------------------------- */
@media (max-width: 760px) {
  .hero h1 { font-size: clamp(2.45rem, 10.4vw, 3rem); }
  .section-h2 { font-size: clamp(2.2rem, 9vw, 2.8rem); }
  .btn { font-size: 0.82rem; padding: 1.05rem 1.4rem; width: 100%; max-width: 420px; text-align: center; }
  .bene-title { font-size: 1.55rem; }
  .bene-desc, .pq-desc { font-size: 1rem; line-height: 1.7; }
  .contact-val { font-size: 1rem; }
  .bene-icon img { width: 80px; height: 80px; }
}

@media (prefers-reduced-motion: reduce) {
  .bene-icon img, .pq-icon img { animation: none; transition: none; }
}