/* RESPONSIVIDADE GLOBAL */

@media(max-width:991px){

.container{
max-width:100% !important;
padding-left:15px !important;
padding-right:15px !important;
}

.topo{
padding:20px !important;
}

.topo h2{
font-size:22px !important;
}

.topo p{
font-size:14px !important;
}

.card-box,
.card-form,
.card-tabela,
.card-info,
.card-painel,
.box,
.tabela-box,
.contatos,
.lgpd{
padding:20px !important;
border-radius:18px !important;
}

.table-responsive{
overflow-x:auto !important;
-webkit-overflow-scrolling:touch;
}

.table{
min-width:900px !important;
}

.btn,
.btn-custom,
.btn-pesquisar{
width:100%;
margin-top:5px;
}

.d-flex.gap-2,
.d-flex.gap-3{
flex-wrap:wrap !important;
}

.form-control,
.form-select{
height:50px !important;
font-size:16px !important;
}

.pagination{
flex-wrap:wrap !important;
}

}

/* CELULAR */

@media(max-width:768px){

body{
font-size:14px;
overflow-x:hidden;
}

/* TOPO */

.topo{
text-align:center;
padding:15px !important;
}

.topo .d-flex{
justify-content:center !important;
}

.topo img{
width:50px !important;
height:50px !important;
}

.topo h2{
font-size:20px !important;
}

.logo-area{
flex-direction:column !important;
align-items:center !important;
text-align:center;
}

.logo-texto h1{
font-size:24px !important;
}

/* HERO */

.hero{
margin-top:15px !important;
}

.hero-box{
padding:20px !important;
border-radius:20px !important;
}

.hero-box h1{
font-size:34px !important;
line-height:1.2 !important;
}

.hero-box h2{
font-size:22px !important;
}

.hero-box p{
font-size:15px !important;
line-height:1.6 !important;
}

.hero-img img{
max-width:220px !important;
margin-top:20px;
}

/* MENU */

.menu-cards{
grid-template-columns:1fr !important;
}

.menu-item{
padding:18px !important;
border-radius:18px !important;
}

.menu-item i{
font-size:28px !important;
}

.menu-item span{
font-size:14px !important;
}

/* CARDS */

.info-cards{
grid-template-columns:1fr !important;
}

.card-info{
flex-direction:column !important;
text-align:center;
padding:20px !important;
}

.card-info h2{
font-size:42px !important;
}

.card-painel{
padding:25px 15px !important;
}

.icone{
width:65px !important;
height:65px !important;
font-size:28px !important;
}

/* FORM */

.form-control,
.form-select{
font-size:16px !important;
}

/* DATA */

.data-box{
flex-direction:column !important;
align-items:flex-start !important;
}

/* TABELAS */

.table-responsive{
overflow-x:auto !important;
-webkit-overflow-scrolling:touch;
border-radius:18px;
}

.table{
min-width:900px !important;
font-size:13px !important;
}

.table th,
.table td{
padding:10px !important;
white-space:nowrap;
}

/* LGPD */

.lgpd{
flex-direction:column !important;
}

.lgpd-left{
flex-direction:column !important;
text-align:center;
}

/* FOOTER */

.footer{
text-align:center;
padding:20px 0 !important;
}

.footer .container{
justify-content:center !important;
}

.footer .social{
justify-content:center !important;
width:100%;
margin-top:15px;
}

/* BOTÕES */

.btn,
.btn-custom,
.btn-pesquisar{
font-size:15px !important;
padding:12px !important;
}

}

/* TELAS MUITO PEQUENAS */

@media(max-width:480px){

.topo{
padding:15px !important;
}

.topo h2{
font-size:18px !important;
}

.hero-box h1{
font-size:28px !important;
}

.btn,
.btn-custom,
.btn-pesquisar{
font-size:14px !important;
padding:10px !important;
}

.card-box,
.card-form,
.card-tabela,
.box,
.tabela-box{
padding:15px !important;
}

.table{
font-size:12px !important;
}

.menu-item span{
font-size:13px !important;
}

}