/* Estilos exclusivos da Hero; carregados somente na Home. */
body[data-page='home'] .hero { background: #eef3f7; overflow: hidden; }
body[data-page='home'] .hero .hero-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 8% 12%, #dce9f7 0%, #dce9f700 52%),
    radial-gradient(ellipse at 32% 110%, #c7d9e970 0%, #c7d9e900 56%),
    linear-gradient(110deg, #f1f6fb, #eaf1f7 48%, #e5ebef);
}
body[data-page='home'] .hero .hero-inner { position: relative; display: flex; align-items: center; min-height: 492px; padding-block: 48px; }
body[data-page='home'] .hero .hero-copy { width: 44%; max-width: 520px; }
body[data-page='home'] .hero h1 { font-size: clamp(2rem, 3.15vw, 3rem); line-height: 1.12; }
body[data-page='home'] .hero h1 span { color: var(--ink); }
body[data-page='home'] .hero .lead { margin-top: 24px; max-width: 390px; font-size: .95rem; color: #455f84; }
body[data-page='home'] .hero .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 24px; }
body[data-page='home'] .hero .hero-actions .text-link { font-size: .68rem; gap: 8px; }
body[data-page='home'] .hero .hero-actions .button { padding: 12px 14px; font-size: .75rem; gap: 12px; }
body[data-page='home'] .hero .hero-visual { position: absolute; z-index: -1; inset: 0 0 0 auto; width: min(66%, 960px); display: flex; align-items: center; }
body[data-page='home'] .hero .hero-visual img {
  width: 100%;
  height: auto;
  mask-image:
    linear-gradient(to right, transparent, #0000000f 8%, #0000003b 16%, #0000008c 25%, #000000d9 35%, #000000fa 45%, #000 52%),
    linear-gradient(to bottom, transparent, #000 7%, #000 93%, transparent);
  mask-composite: intersect;
}
@media (max-width: 1000px) {
  body[data-page='home'] .hero .hero-actions { gap: 16px; }
}
@media (max-width: 900px) {
  body[data-page='home'] .hero .hero-inner { min-height: 460px; }
  body[data-page='home'] .hero .hero-copy { width: 48%; }
  body[data-page='home'] .hero h1 { font-size: clamp(2rem, 4vw, 2.5rem); }
  body[data-page='home'] .hero .hero-visual { width: 60%; }
}
@media (max-width: 800px) {
  body[data-page='home'] .hero .hero-scene { display: flex; flex-direction: column; }
  body[data-page='home'] .hero .hero-inner { min-height: 0; padding-block: 40px 24px; }
  body[data-page='home'] .hero .hero-copy { width: 100%; max-width: 560px; }
  body[data-page='home'] .hero h1 { max-width: 520px; font-size: clamp(2rem, 4.5vw, 2.5rem); }
  body[data-page='home'] .hero .lead { max-width: 440px; }
  body[data-page='home'] .hero .hero-visual { position: relative; z-index: 0; order: 1; width: 100%; aspect-ratio: 16 / 9; }
  body[data-page='home'] .hero .hero-visual img { mask-image: linear-gradient(to bottom, transparent, #00000040 4%, #000000a6 8%, #000000eb 12%, #000 16%, #000 95%, transparent); }
}
@media (max-width: 640px) {
  body[data-page='home'] .hero h1 { font-size: 2.15rem; }
  body[data-page='home'] .hero .hero-actions .text-link { font-size: .82rem; }
  body[data-page='home'] .hero .hero-actions .button { font-size: .82rem; }
}