/* Seções da página inicial após o hero. */
.home-hero ~ section {
  --panel-shadow: 0 3px 8px rgba(37, 94, 123, .06), 0 14px 34px -12px rgba(32, 98, 140, .24);
  --lift-shadow: 0 8px 18px rgba(41, 107, 145, .1), 0 22px 40px -14px rgba(31, 92, 139, .32);
}
.home-hero ~ .sec {
  padding-block: clamp(40px, 5vw, 72px);
  background: radial-gradient(ellipse at 94% 20%, #deeff8, transparent 60%), #f5f9fc;
}
.home-hero ~ :is(.sec-alt, .catalog, .resumo) {
  background: radial-gradient(ellipse at 5% 12%, #c8e7ef, transparent 60%), linear-gradient(115deg, #e7f3f7, #edf1fb);
}
.home-hero ~ .sec h2 { letter-spacing: -.03em; text-wrap: balance; }
.home-hero ~ .sec :is(.cards .card > a, .facts > li, .urgencia-grid > li,
  .steps > li, .signs > li, .diy > li, .catalog-group, .regional-card, .faq details, .table-wrap),
.home-hero ~ .resumo > .wrap {
  background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(250,253,255,.59));
  border: 1px solid rgba(255,255,255,.94);
  border-radius: 18px;
  box-shadow: var(--panel-shadow);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.home-hero ~ .resumo > .wrap {
  max-width: 960px;
  padding: clamp(20px, 4vw, 48px);
  border-radius: 26px;
}
.home-hero ~ .resumo .facts li { padding-block: 14px; justify-content: center; }
.home-hero ~ .resumo .facts strong { font-size: clamp(1.1rem, 2vw, 1.45rem); color: #075678; }
.home-hero ~ .sec .table-wrap { overflow-x: auto; }
.home-hero ~ .sec .tbl thead th { background: #dcecf4; }
.home-hero ~ .cta-banner {
  background: radial-gradient(ellipse at 12% 100%, #105677, transparent 65%), #102c50;
}
.home-hero ~ section .btn { border-radius: 999px; padding: 14px 22px; box-shadow: var(--panel-shadow); }
.home-hero ~ section :is(a, button, summary):focus-visible { outline: 3px solid #178bb3; outline-offset: 3px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .home-hero ~ section :is(.cards .card > a, .urgencia-grid > li, .steps > li, .signs > li, .diy > li, .btn) {
    transition: transform .18s ease-out, box-shadow .18s ease-out;
  }
  .home-hero ~ section :is(.cards .card > a, .urgencia-grid > li, .steps > li, .signs > li, .diy > li, .btn):hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: var(--lift-shadow);
  }
}
@media (prefers-reduced-motion: reduce), (hover: none) {
  .home-hero ~ section .cards .card > a:hover { transform: none; transition: none; }
}