/* Global Evo Motors V32 - additional, non-destructive responsive layer.
   Load AFTER all previous stylesheets, including responsive-v28.css. */
:root{--evo-gutter:clamp(16px,3vw,56px)}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-padding-top:80px}
body{width:100%;min-width:0;overflow-x:clip}
img,video,iframe,canvas{max-width:100%}
img{height:auto}
.shell{width:min(1320px,calc(100% - 2 * var(--evo-gutter)))!important;min-width:0}
main,section,footer,header,.footer-grid,.contact-grid,.about,.business-grid,.care,.vehicle-grid,.models-grid,.models-hero-grid{min-width:0}
:is(.vehicle-grid,.models-grid,.reasons-grid,.review-grid,.business-cards,.value-grid,.contact-grid,.about,.footer-grid,.models-hero-grid)>*{min-width:0}
:is(.vehicle-info,.review-person,.review-card,.reason,.business-copy,.about-info,.contact-form-card,.contact-overlay-content,.footer-grid)>*{min-width:0}
:is(.vehicle-info,.review-card,.footer-grid,.contact-overlay-content,.contact-form-card) :is(p,a,strong,small){overflow-wrap:break-word}
:where(input,select,textarea,button){max-width:100%}
:where(input,select,textarea){min-width:0}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #00c9d0;outline-offset:3px}
/* Navigation stays usable instead of compressing to illegible text on medium widths. */
@media(max-width:1180px){
 .headrow{gap:12px}
 .headrow nav{gap:13px}
 .headrow nav a{font-size:10px}
 .head-actions .btn{padding-inline:10px}
 .brand{min-width:0}
}
@media(min-width:761px) and (max-width:1180px){
 .about{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
 .business-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
 .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .care{grid-template-columns:36% minmax(0,1fr)}
 .care-lower{flex-wrap:wrap}
 .care-icons{min-width:0}
}
@media(max-width:900px){
 .topbar{height:66px}
 .headrow nav{display:none;position:absolute;top:66px;left:0;right:0;padding:18px var(--evo-gutter);background:#06182b;flex-direction:column;align-items:stretch;gap:6px;max-height:calc(100dvh - 66px);overflow:auto;z-index:60}
 .headrow nav.open{display:flex}
 .headrow nav a{display:block;padding:10px 8px;font-size:13px}
 .menu-toggle{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;border:1px solid #466077;background:transparent;color:white;border-radius:9px;padding:9px 12px}
 .head-actions{display:none}
 .headrow{gap:12px}
}
@media(max-width:760px){
 :root{--evo-gutter:16px}
 html{scroll-padding-top:66px}
 .hero{min-height:0!important;height:clamp(460px,calc(100svh - 66px),700px)!important}
 .hero-overlay{align-items:flex-end!important;padding-bottom:65px!important}
 .hero-copy{width:100%;max-width:100%!important;min-width:0;padding:0!important}
 .hero h1{font-size:clamp(25px,7.1vw,38px)!important;line-height:1.07!important;margin:0 0 13px!important}
 .hero .tagline{font-size:clamp(11px,3vw,14px)!important;line-height:1.3}
 .hero .lead{display:none!important}
 .hero .btnrow{display:flex;gap:9px;flex-wrap:wrap}
 .hero .btnrow .btn{min-height:42px;font-size:clamp(10px,2.6vw,12px)!important;padding:10px 13px!important}
 .hero::before{background:linear-gradient(0deg,rgba(3,15,32,.93),rgba(3,15,32,.46) 52%,rgba(3,15,32,.08))!important}
 .about,.contact-grid,.models-hero-grid{grid-template-columns:minmax(0,1fr)!important}
 .about{gap:20px}
 .about-photo{height:clamp(220px,62vw,360px)}
 .about-info>.subdued{margin-bottom:22px}
 .value-grid,.reasons-grid,.business-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .business-grid{grid-template-columns:minmax(0,1fr)}
 .vehicle-grid,.models-grid{grid-template-columns:minmax(0,1fr)!important}
 .vehicle-image{height:clamp(190px,60vw,320px)}
 .vehicle-info{padding:18px}
 .care{grid-template-columns:minmax(0,1fr)}
 .care-picture{height:clamp(210px,52vw,330px)}
 .care-content{padding:25px var(--evo-gutter)}
 .care-lower{flex-direction:column;align-items:stretch;gap:18px}
 .care-icons{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .care-icons>div{max-width:none}
 .contact-section{padding-block:34px}
 .contact-form-card{padding:20px!important}
 .contact-overlay-content{padding:24px 20px!important}
 .contact-overlay-content h2{max-width:none!important;font-size:clamp(24px,6vw,32px)!important;line-height:1.15!important}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:25px}
 .footer-about{grid-column:1/-1}
 .footer-grid :is(a,p,span){overflow-wrap:anywhere}
 .footer-bottom-v22 .footer-bottom-inner{grid-template-columns:minmax(0,1fr)!important}
 .footer-center-stack{grid-column:1!important;text-align:center!important}
 .testimonials .testimonials-title{font-size:clamp(10px,3vw,18px)!important;white-space:nowrap!important;max-width:100%!important;width:100%!important;letter-spacing:-.035em!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
 .review-slider-wrap{max-width:520px!important;width:100%;margin-inline:auto;min-width:0}
 .review-slider-wrap .review-viewport{width:100%;min-width:0;overflow:hidden}
 .review-slider-wrap .review-slide{max-width:100%!important;min-width:0!important}
 .floating-whatsapp{right:14px!important;bottom:88px!important;width:54px;height:54px}
 .models-hero h1{font-size:clamp(29px,8vw,42px);line-height:1.1}
 .models-bottom-inner{display:grid;grid-template-columns:minmax(0,1fr)}
 .form-two{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
 .topbar .brand img{width:41px;height:41px}
 .topbar .brand strong{font-size:14px}
 .topbar .brand small{font-size:7px}
 .menu-toggle{padding:8px 10px;font-size:12px}
 .business-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .business-card img{aspect-ratio:1/1;object-fit:cover}
 .business-card>span{font-size:10px;gap:5px}
 .reasons-grid{grid-template-columns:minmax(0,1fr)}
 .value-grid{gap:12px}
 .footer-grid{grid-template-columns:minmax(0,1fr)!important}
 .footer-about{grid-column:auto}
 .contact-methods strong{overflow-wrap:anywhere}
 .models-page{padding-block:20px 45px}
}
@media(max-width:360px){
 .hero h1{font-size:clamp(23px,7vw,26px)!important}
 .hero .btnrow{flex-direction:column;align-items:flex-start}
 .hero .btnrow .btn{min-height:40px}
 .business-cards{grid-template-columns:minmax(0,1fr)}
 .testimonials .testimonials-title{font-size:clamp(9px,2.8vw,11px)!important}
}
@media(orientation:landscape) and (max-height:500px) and (max-width:950px){
 .hero{height:auto!important;min-height:370px!important}
 .hero-overlay{padding-block:50px 52px!important;align-items:flex-end!important}
 .hero h1{font-size:clamp(23px,4vw,32px)!important}
 .hero .tagline{margin-bottom:10px!important}
 .hero .btnrow .btn{min-height:36px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.review-track{transition:none!important}}


/* V34: CTA final da página de modelos */
.models-bottom-cta h2{font-size:clamp(24px,2.3vw,34px)!important;line-height:1.18;max-width:22ch!important}
@media (min-width:981px){
  .models-bottom-inner{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
}
@media (max-width:980px){
  .models-bottom-cta h2{font-size:clamp(23px,3.8vw,30px)!important;max-width:20ch!important}
}
@media (max-width:640px){
  .models-bottom-cta h2{font-size:clamp(22px,6vw,28px)!important;max-width:18ch!important}
}