/* V13 — estrutura adaptativa real: sem posições absolutas para a fotografia. */
.hero.hero-responsive {display:block !important;position:relative !important;min-height:0 !important;height:auto !important;overflow:visible !important;background:transparent !important;isolation:isolate !important;}
.hero.hero-responsive::before {content:none !important;display:none !important;}
.hero-responsive .hero-layout {display:grid !important;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) !important;align-items:center !important;column-gap:clamp(12px,2.5vw,42px) !important;min-height:clamp(450px,36vw,590px) !important;padding-block:26px 30px !important;position:relative !important;}
.hero-responsive .hero-copy {width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;position:relative !important;z-index:2 !important;}
.hero-responsive h1 {font-size:clamp(35px,3.05vw,52px) !important;line-height:1.13 !important;letter-spacing:-1.1px !important;max-width:690px !important;}
.hero-responsive .hero-copy p {max-width:490px !important;}
.hero-responsive .hero-art {display:flex !important;justify-content:center !important;align-items:center !important;min-width:0 !important;width:100% !important;position:relative !important;z-index:1 !important;}
.hero-responsive .hero-art img {display:block !important;width:100% !important;max-width:610px !important;height:auto !important;max-height:550px !important;object-fit:contain !important;object-position:center !important;}
@media (min-width:1600px) {.hero-responsive .hero-layout {min-height:590px !important;}}
@media (min-width:791px) and (max-width:1200px) {
 .hero-responsive .hero-layout {grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;min-height:460px !important;}
 .hero-responsive h1 {font-size:clamp(32px,3.6vw,44px) !important;}
}
@media (max-width:790px) {
 .hero-responsive .hero-layout {display:flex !important;flex-direction:column-reverse !important;align-items:stretch !important;gap:8px !important;min-height:0 !important;padding-block:18px 46px !important;}
 .hero-responsive .hero-art {max-width:510px !important;margin:0 auto !important;}
 .hero-responsive .hero-art img {max-height:340px !important;}
 .hero-responsive .hero-copy {padding:0 !important;}
 .hero-responsive h1 {font-size:clamp(32px,5.5vw,42px) !important;}
}
@media (max-width:520px) {
 .hero-responsive .hero-layout {padding-block:10px 30px !important;}
 .hero-responsive .hero-art img {max-height:280px !important;}
 .hero-responsive h1 br {display:none !important;}
 .hero-responsive h1 span {display:block !important;}
}