/* Círio Mobile: regras somente para tablet e celular. Desktop inalterado. */
@media (max-width: 991.98px) {
 html,body{max-width:100%;overflow-x:clip}
 *,*::before,*::after{box-sizing:border-box}
 img,video,svg,canvas,iframe{max-width:100%}
 .container,.container-fluid,.page,.wrap,.content-wrapper,main{max-width:100%;min-width:0}
 .row > *,[class*="col-"]{min-width:0}
 h1,h2,h3,h4,p,a{overflow-wrap:break-word}
 .table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 input,select,textarea{max-width:100%}
 .hero h1,.hero-title,.slide-title{font-size:clamp(1.5rem,5vw,2.8rem)}
 .hero,.card-3d,.cardx{max-width:100%}
}
@media (max-width: 767.98px) {
 .container,.container-fluid{padding-left:14px;padding-right:14px}
 .page,.wrap{padding:16px 12px 28px}
 .hero,.card-3d,.cardx{padding:16px;border-radius:18px}
 .row{--bs-gutter-x:1rem}
 .btn{white-space:normal}
 .nav-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .nav-tabs .nav-link{white-space:nowrap}
 .form-control,.form-select{font-size:16px}
 .table{min-width:540px}
 .table-responsive .table{margin-bottom:0}
}
@media (max-width: 479.98px) {
 .page,.wrap{padding:12px 10px 24px}
 .hero,.card-3d,.cardx{padding:13px;border-radius:16px}
 .hero h1{font-size:1.4rem}
 .btn-premium{width:100%}
}