/* Ajustes para telas compactas, telas intermediárias e orientação horizontal. */
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.benefits{grid-template-columns:repeat(4,minmax(0,1fr))}
.benefits article,.how li,.footer-about,.footer-date,.button>span{min-width:0}
.button>span{overflow-wrap:break-word}
nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 3px}
@media(max-width:900px){
 .header-inner{flex-wrap:wrap;gap:10px 16px}
 .header-inner nav{order:3;width:100%;justify-content:center;gap:30px;padding:0}
 .header-inner .brand{width:210px}
 .header-inner .header-button{margin-left:auto}
}
@media(max-width:700px){
 .header-inner{padding-left:16px;padding-right:16px;gap:4px 8px}
 .header-inner .brand{width:150px;max-width:44%}
 .header-inner .header-button{font-size:clamp(15px,4.2vw,18px);gap:7px;padding:9px 10px;min-height:46px}
 .header-inner .header-button>svg:first-child{width:25px;height:25px}
 .header-inner nav{gap:clamp(12px,5vw,30px)}
 .header-inner nav a{font-size:clamp(14px,4vw,17px);padding:0 4px}
 .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .benefits h3{font-size:clamp(19px,5.7vw,23px);overflow-wrap:break-word}
 .benefits p{font-size:clamp(17px,4.5vw,19px);overflow-wrap:break-word}
 .how h2{white-space:normal;font-size:clamp(23px,6.9vw,30px)}
 .how li{min-width:0}.how li>span{min-width:0;overflow-wrap:break-word}
 .notice strong,.notice span{overflow-wrap:break-word}
 .hero-inner{padding-left:18px;padding-right:18px}
 .hero-button,.bottom-button{width:100%;max-width:100%;min-height:76px}
 .hero-button>span,.bottom-button>span{flex:1}
 .footer-about,.footer-date{max-width:100%;overflow-wrap:break-word}
}
@media(max-width:359px){
 .header-inner{padding-left:12px;padding-right:12px}
 .header-inner .brand{width:127px;max-width:43%}
 .header-inner .header-button{font-size:15px;padding:9px 8px;gap:6px}
 .header-inner .header-button>svg:first-child{width:23px;height:23px}
 .header-inner nav{gap:13px}
 .content{padding-left:12px;padding-right:12px}
 .benefits{gap:8px}.benefits article{padding-left:7px;padding-right:7px}
 .circle{width:65px;height:65px}.circle svg{width:41px;height:41px}
 .benefits h3{font-size:19px;letter-spacing:-.5px}
 .how{padding-left:14px;padding-right:14px}.how li{gap:14px;font-size:19px}
 .notice{margin-left:0;margin-right:0;padding:12px 10px;gap:9px}
 .notice>svg{width:38px;height:38px}.notice strong{font-size:19px}.notice span{font-size:17px}
 .date{min-width:73px;padding:6px;right:-3px}.date b{font-size:39px}
 .date span:last-child{font-size:10px}
 .hero-button,.bottom-button{gap:9px;font-size:17px;padding:13px 10px}
 .hero-copy{font-size:21px}.vehicles b{font-size:16px}
}
@media(orientation:landscape) and (max-width:950px){.header-inner{padding-top:5px;padding-bottom:5px}.header-inner .brand{width:180px}.header-inner nav{min-height:44px}}
@supports(padding: max(0px)){@media(max-width:700px){.header-inner{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.footer-inner{padding-bottom:max(22px,env(safe-area-inset-bottom))}}}