/* RVA Security - correcoes complementares responsivas. Carregar APOS o CSS atual. */
*,*::before,*::after{box-sizing:border-box}
html{max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip}
img,video,iframe{max-width:100%}
.header .brand img,.footer .brand img{display:block;max-width:100%;height:auto;object-fit:contain;visibility:visible;opacity:1}
.header .container{display:flex;align-items:center;gap:clamp(10px,1.5vw,22px);min-width:0}
.header .brand{display:inline-flex;align-items:center;flex:0 0 auto;max-width:190px}
.header .brand img{width:clamp(110px,12vw,170px)}
.header .nav{min-width:0;align-items:center}
.header .nav a{white-space:nowrap}
.footer .footer-grid{display:grid;grid-template-columns:minmax(190px,1.4fr) repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,42px);align-items:start}
.footer .footer-grid>div{min-width:0}
.footer .footer-grid a{overflow-wrap:anywhere}
.footer .brand img{width:min(190px,100%)}
.hero-family-grid,.split,.page-hero-layout,.contact-layout{min-width:0}
.hero-family-grid>*,.split>*,.page-hero-layout>*,.contact-layout>*{min-width:0}
@media (min-width:1101px){
 .header .container>.btn{flex:0 0 auto}
 .header .nav{display:flex;flex-wrap:wrap;column-gap:clamp(8px,1vw,16px);row-gap:8px}
}
@media (min-width:761px) and (max-width:1100px){
 .footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .header .brand img{width:125px}
}
@media (max-width:760px){
 .header .container{gap:8px;flex-wrap:nowrap}
 .header .brand{min-width:0;max-width:42%;margin-right:auto}
 .header .brand img{width:clamp(100px,29vw,145px);max-height:68px}
 .header .container>.btn{max-width:44%;white-space:normal;text-align:center;line-height:1.2}
 .header .mobile-menu{flex:0 0 auto}
 .header .nav{max-width:100%;overflow-wrap:anywhere}
 .header .nav a{white-space:normal}
 .footer .footer-grid{grid-template-columns:minmax(0,1fr);gap:24px}
 .footer .brand img{width:155px}
 .hero-family-grid,.split,.page-hero-layout,.contact-layout{grid-template-columns:minmax(0,1fr)}
 .hero-family-visual img,.image-frame img,.page-hero-image img{max-width:100%;height:auto}
 .actions,.res-actions,.condo-actions{flex-wrap:wrap}
 .rva-unit-grid,.solutions-grid,.feature-grid,.audiences{max-width:100%}
}
@media (max-width:380px){
 .header .brand img{width:100px}
 .header .container>.btn{font-size:11px;padding:10px 8px}
}