/* A imagem é o fundo da seção; sua proporção e o texto à direita são preservados. */
#economia {
  padding:32px 0;
  min-height:calc(100vw * 60 / 100 * 941 / 1672);
  background:
    linear-gradient(to right, #dcf7fc 0%, #dcf7fc 40%, #dcf7fc00 74%),
    url('assets/images/custodeagua.png') right top / 60% auto no-repeat;
}
#economia::before { display:none; }
#economia .economy-grid { display:block; width:calc(100% - 64px); max-width:1500px; }
#economia .economy-media { display:none; }
#economia .economy-copy {
  width:39%; padding:24px; border-radius:18px;
  background:rgba(8,42,58,.91); border:1px solid #ffffff40;
  box-shadow:0 12px 36px #123c5520; color:#fff;
}
#economia .economy-copy .eyebrow { color:#bceaff; font-size:.58rem; line-height:1.5; margin-bottom:12px; }
#economia .economy-copy h2 { color:#fff; font-size:clamp(1.35rem,2vw,2rem); margin-bottom:12px; }
#economia .economy-copy > p:not(.eyebrow) { color:#e1f3fa; font-size:.85rem; line-height:1.55; margin-bottom:12px; }
#economia .economy-copy .checks { margin-block:12px; font-size:.8rem; line-height:1.5; }
#economia .economy-copy .checks li { color:#e1f3fa; }
#economia .economy-copy .fine { font-size:.69rem; }
#economia .economy-badge { margin-top:10px; padding:8px 10px; font-size:.72rem; border-radius:10px; background:#e4f5ff; }
@media (max-width:1000px) {
  #economia { padding:20px 0; background-size:55% auto; }
  #economia .economy-grid { width:calc(100% - 32px); }
  #economia .economy-copy { width:43%; padding:18px; }
}
@media (max-width:700px) {
  /* No celular, imagem como antes — sem degrade, 100% centralizada */
  #economia {
    padding-top:calc(100vw * 941 / 1672 - 12px);
    padding-bottom:28px;
    background:#dcf7fc url('assets/images/custodeagua.png') center top / 100% auto no-repeat;
  }
  #economia .economy-copy { width:100%; padding:22px; }
  #economia .economy-copy h2 { font-size:1.65rem; }
  #economia .economy-copy > p:not(.eyebrow) { font-size:.9rem; }
  #economia .economy-copy .checks { font-size:.86rem; }
}