/* Portatil mobile fixes - enqueued via mu-plugin zz-mobile-fix.php (Customizer "Additional CSS" does not render on this site). */
img{max-width:100%;height:auto}
.entry-content img,.elementor-widget-theme-post-content img,.e-con img{max-width:100%;height:auto}

/* Hero <h2> (a403ade, in the header template) stays 110px on phones -> overflows a ~375px screen.
   Cap it (and subtitle be421e9) and force wrapping. */
@media (max-width:767px){
  .elementor-element-a403ade .elementor-heading-title{font-size:38px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:break-word!important}
  .elementor-element-be421e9 .elementor-heading-title{font-size:18px!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:break-word!important}
}
@media (max-width:430px){
  .elementor-element-a403ade .elementor-heading-title{font-size:30px!important}
  .elementor-element-be421e9 .elementor-heading-title{font-size:16px!important}
}

/* Royal Elementor Addons headings (rs-heading): RS forces the title onto one line, so a long
   title's container exceeds the viewport and clips to the right on phones. Force wrapping for ALL
   rs-headings (no font change), and additionally cap the "Recuperação de Dados" one (54ce3a7). */
@media (max-width:767px){
  .elementor-widget-rs-heading .rs-heading,
  .elementor-widget-rs-heading .rs-heading .title-inner{max-width:100%!important}
  .elementor-widget-rs-heading .rs-heading .title{white-space:normal!important;overflow-wrap:break-word!important;word-break:break-word!important}
  .elementor-widget-rs-heading .rs-heading .watermark{max-width:100%!important;overflow:hidden!important}

  .elementor-element-54ce3a7 .rs-heading,
  .elementor-element-54ce3a7 .rs-heading .title-inner{width:100%!important;max-width:100%!important}
  .elementor-element-54ce3a7 .rs-heading .title{font-size:34px!important;line-height:1.2!important}
  .elementor-element-54ce3a7{overflow-x:clip}
}
