/* Intervenção restrita à abertura e à faixa de canais que a encerra. */
#inicio {
  --hero-brand-width: clamp(180px, min(calc(100vw - 740px), 34svh), 320px);
  --hero-seal-width: clamp(120px, 10vw, 152px);
  display: flex;
  flex-direction: column;
  min-height: calc(100svh - 72px);
  padding: calc(var(--hero-brand-width) * .496 + 40px) 0 22px;
  background: #fcf7e7;
}
#inicio::after { width: min(54vw, 820px); opacity: 1; mix-blend-mode: normal; }
#inicio::before {
  background: linear-gradient(90deg, #fcf7e7 0%, #fcf7e7 40%, rgba(252,247,231,.97) 47%, rgba(252,247,231,.65) 55%, rgba(252,247,231,.08) 67%, transparent 74%);
}
#inicio .hero-orb { display: none; }
#inicio > .hero-brand { left: max(24px, calc((100% - 1180px) / 2)); }
#inicio .hero-content {
  flex: 1;
  min-height: 0;
  grid-template-columns: minmax(0, 1.3fr) minmax(230px, .7fr);
}
#inicio .hero-copy { max-width: 680px; }
#inicio .eyebrow { margin-bottom: 18px; }
#inicio h1 { margin-bottom: 24px; font-size: clamp(3.6rem, 6.4vw, 5.75rem); line-height: 1.03; }
#inicio .hero-description { max-width: 600px; margin-bottom: 28px; font-size: 1.16rem; line-height: 1.6; }
#inicio .hero-actions { margin-bottom: 26px; }
#inicio .button { padding: 14px 21px; font-size: .95rem; }
#inicio .text-link { font-size: .92rem; }
#inicio .hero-proof { gap: 26px; }
#inicio .hero-proof > div { gap: 7px; padding-right: 26px; }
#inicio .hero-proof > div:last-child { padding-right: 0; }
#inicio .hero-proof strong { font-size: 1.6rem; line-height: 1; }
#inicio .hero-proof span { max-width: none; font-size: .75rem; letter-spacing: .045em; line-height: 1.3; }
#inicio .hero-bottom { margin-top: 18px; font-size: .71rem; }
#inicio .hero-sif { width: var(--hero-seal-width); bottom: 24px; }

#inicio + .audience-band { min-height: 72px; background: #19251d; }
#inicio + .audience-band .audience-row { min-height: 72px; gap: 26px; justify-content: space-between; }
#inicio + .audience-band .audience-row > p { font-size: 1.13rem; }
#inicio + .audience-band .audience-list { gap: 20px; font-size: .81rem; letter-spacing: .045em; }

@media (min-width: 901px) and (max-width: 1150px) {
  #inicio + .audience-band .audience-row { gap: 18px; }
  #inicio + .audience-band .audience-row > p { font-size: 1rem; }
  #inicio + .audience-band .audience-list { gap: 12px; font-size: .71rem; letter-spacing: .025em; }
}

@media (min-width: 901px) and (max-height: 760px) {
  #inicio { min-height: calc(100svh - 64px); padding-top: calc(var(--hero-brand-width) * .496 + 34px); padding-bottom: 18px; }
  #inicio h1 { margin-bottom: 22px; font-size: clamp(3.5rem, 6.4vw, 5.4rem); }
  #inicio .hero-description { margin-bottom: 24px; font-size: 1.1rem; line-height: 1.55; }
  #inicio .hero-actions { margin-bottom: 22px; }
  #inicio .button { padding: 11px 19px; }
  #inicio .hero-proof strong { font-size: 1.5rem; }
  #inicio .hero-proof span { font-size: .72rem; }
  #inicio .hero-bottom { margin-top: 18px; }
  #inicio .hero-sif { width: 112px; bottom: 24px; }
  #inicio + .audience-band, #inicio + .audience-band .audience-row { min-height: 64px; }
}

@media (min-width: 901px) and (max-height: 650px) {
  #inicio { --hero-brand-width: clamp(180px, calc(100vw - 740px), 200px); padding-top: calc(var(--hero-brand-width) * .496 + 38px); padding-bottom: 16px; }
  #inicio .eyebrow { margin-bottom: 10px; }
  #inicio h1 { margin-bottom: 20px; font-size: clamp(3.5rem, min(6.1vw, 10.8svh), 5.2rem); }
  #inicio .hero-description { margin-bottom: 22px; font-size: 1.06rem; line-height: 1.5; }
  #inicio .hero-actions { margin-bottom: 16px; }
  #inicio .hero-proof { gap: 22px; }
  #inicio .hero-proof > div { gap: 5px; padding-right: 22px; }
  #inicio .hero-bottom { margin-top: 16px; font-size: .68rem; }
  #inicio .hero-scroll { display: none; }
}

@media (max-width: 900px) {
  #inicio { --hero-brand-width: clamp(240px, 52vw, 320px); --hero-seal-width: 94px; min-height: 0; padding-top: calc(var(--hero-brand-width) * .496 + 42px); padding-bottom: 30px; }
  #inicio > .hero-brand { left: 24px; }
  #inicio .hero-content { grid-template-columns: 1fr; }
  #inicio::after { width: 100%; opacity: 1; }
  #inicio::before { background: linear-gradient(90deg, rgba(252,247,231,.99) 0%, rgba(252,247,231,.96) 58%, rgba(252,247,231,.65) 100%); }
  #inicio .hero-sif { right: 20px; }
  #inicio .hero-bottom { margin-top: 22px; }
  #inicio + .audience-band .audience-row { padding: 20px 0; flex-wrap: wrap; gap: 14px; }
  #inicio + .audience-band .audience-list { flex-wrap: wrap; gap: 12px 16px; font-size: .75rem; white-space: normal; }
}

@media (max-width: 600px) {
  #inicio { --hero-brand-width: clamp(210px, 66vw, 280px); --hero-seal-width: 80px; }
  #inicio > .hero-brand { left: 16px; }
  #inicio h1 { font-size: clamp(3.25rem, 15vw, 4.3rem); }
  #inicio .hero-description { font-size: 1.04rem; }
  #inicio .hero-actions { gap: 18px; margin-bottom: 30px; }
  #inicio .hero-proof { gap: 15px; }
  #inicio .hero-proof > div { padding-right: 15px; }
  #inicio .hero-proof strong { font-size: 1.35rem; }
  #inicio .hero-proof span { max-width: 82px; font-size: .66rem; }
  #inicio .hero-bottom { min-height: 60px; align-items: start; margin-top: 28px; font-size: .65rem; }
  #inicio + .audience-band .audience-row { display: block; }
  #inicio + .audience-band .audience-row > p { margin-bottom: 15px; }
  #inicio + .audience-band .audience-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; overflow: visible; font-size: .72rem; }
  #inicio + .audience-band .audience-list b { display: none; }
}
