/* ======================================================
   BARBER LUXURY — RESPONSIVE
   RESPONSIVIDADE PREMIUM
   ====================================================== */


/* =========================================
   TABLETS GRANDES
========================================= */

@media (max-width:1200px){

.container{
max-width:1000px;
}

.hero h1{
font-size:42px;
}

.section h2{
font-size:34px;
}

}


/* =========================================
   TABLETS
========================================= */

@media (max-width:992px){

.header-inner{
flex-direction:column;
gap:16px;
}

.nav{
flex-wrap:wrap;
justify-content:center;
}

.hero{
grid-template-columns:1fr;
gap:40px;
text-align:center;
}

.hero p{
margin-left:auto;
margin-right:auto;
}

.hero-actions{
justify-content:center;
}

.hero-img{
height:300px;
}

.section{
margin-top:90px;
}

.section h2{
font-size:30px;
text-align:center;
}

.section-header{
margin-left:auto;
margin-right:auto;
text-align:center;
}

.compare{
grid-template-columns:1fr;
}

.dashboard-preview{
grid-template-columns:1fr 1fr;
}

}


/* =========================================
   TABLETS PEQUENOS
========================================= */

@media (max-width:768px){

.container{
padding-left:20px;
padding-right:20px;
}

.brand-title{
font-size:22px;
}

.tenant-logo{
height:50px;
}

.hero{
padding-top:80px;
padding-bottom:60px;
}

.hero h1{
font-size:34px;
line-height:1.3;
}

.hero p{
font-size:16px;
}

.hero-img{
height:260px;
}

.grid{
grid-template-columns:1fr;
}

.feature-card{
padding:24px;
}

.dashboard-preview{
grid-template-columns:1fr;
}

.cta{
padding:70px 24px;
}

.cta h2{
font-size:30px;
}

}


/* =========================================
   CELULARES
========================================= */

@media (max-width:600px){

.header{
padding-top:14px;
padding-bottom:14px;
}

.header-inner{
gap:12px;
}

.brand-title{
font-size:20px;
}

.nav{
gap:10px;
font-size:14px;
}

.nav-divider{
display:none;
}

.main-content{
padding-top:30px;
}

.hero h1{
font-size:30px;
}

.hero p{
font-size:15px;
}

.hero-actions{
flex-direction:column;
align-items:center;
}

.btn{
width:100%;
max-width:280px;
}

.card{
padding:22px;
}

.feature-card{
padding:22px;
}

.section{
margin-top:70px;
}

.section h2{
font-size:26px;
}

.testimonial{
padding:28px;
}

.cta{
padding:60px 20px;
}

.cta h2{
font-size:26px;
}

}


/* =========================================
   CELULARES PEQUENOS
========================================= */

@media (max-width:420px){

.hero h1{
font-size:26px;
}

.hero p{
font-size:14px;
}

.section h2{
font-size:24px;
}

.brand-title{
font-size:18px;
}

.footer{
font-size:12px;
}

}


/* =========================================
   ULTRA WIDE
========================================= */

@media (min-width:1600px){

.container{
max-width:1400px;
}

.hero h1{
font-size:56px;
}

.section h2{
font-size:44px;
}

.hero-img{
height:420px;
}

}