/* ============================================================
   bs3-compat.css - TEMPORARIO: remover na fase M4
   Shim que permite markup Bootstrap 3 legado funcionar sob o
   Bootstrap 5 carregado pelo next2026.master.
   ============================================================ */

/* --- Grid xs (BS3) -> larguras BS5 (o .row do BS5 ja e flex) --- */
.col-xs-1 { flex: 0 0 auto; width: 8.3333%; }
.col-xs-2 { flex: 0 0 auto; width: 16.6667%; }
.col-xs-3 { flex: 0 0 auto; width: 25%; }
.col-xs-4 { flex: 0 0 auto; width: 33.3333%; }
.col-xs-5 { flex: 0 0 auto; width: 41.6667%; }
.col-xs-6 { flex: 0 0 auto; width: 50%; }
.col-xs-7 { flex: 0 0 auto; width: 58.3333%; }
.col-xs-8 { flex: 0 0 auto; width: 66.6667%; }
.col-xs-9 { flex: 0 0 auto; width: 75%; }
.col-xs-10 { flex: 0 0 auto; width: 83.3333%; }
.col-xs-11 { flex: 0 0 auto; width: 91.6667%; }
.col-xs-12 { flex: 0 0 auto; width: 100%; }

/* Colunas BS3 soltas (fora de .row flex) ainda ocupam largura total */
[class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"] {
    position: relative;
    min-height: 1px;
    padding-right: 12px;
    padding-left: 12px;
}

/* --- Offsets BS3 (no BS3 so valiam em telas maiores) --- */
@media (min-width: 768px) {
    .col-sm-offset-1 { margin-left: 8.3333%; }
    .col-sm-offset-2 { margin-left: 16.6667%; }
}
@media (min-width: 992px) {
    .col-md-offset-1 { margin-left: 8.3333%; }
    .col-md-offset-2 { margin-left: 16.6667%; }
}

/* --- Visibilidade BS3 --- */
@media (max-width: 767.98px) {
    .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}
@media (min-width: 768px) {
    .visible-xs { display: none !important; }
}
@media (max-width: 767.98px) {
    .visible-xs { display: block !important; }
}

/* --- Utilitarios BS3 removidos no BS5 --- */
.img-responsive { display: block; max-width: 100%; height: auto; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.text-justify { text-align: justify; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; }

/* --- nav-stacked (BS3) --- */
.nav-stacked { flex-direction: column; }
.nav-stacked > li { float: none; width: 100%; }

/* --- panel/panel-group BS3 (FAQ das paginas legadas) --- */
.panel { background: #fff; border: 1px solid var(--nx-border, #e2e8f0); border-radius: 10px; margin-bottom: 12px; }
.panel-heading { padding: 14px 18px; cursor: pointer; }
.panel-heading h4 { margin: 0; font-size: 1.05rem; }
.panel-collapse { padding: 0 18px; }
.panel-collapse.in, .panel-collapse.show { padding-bottom: 14px; }

/* --- Estilos que moraram inline no sistemas.master --- */
.featuretable td, .featuretable th { padding: 10px !important; border-left: inset; }
@media (min-width: 991px) {
    .arrows img { transform: rotate(-90deg); }
}

/* --- Rows promovidos pelo auto-reparo do next2026.js: sem margens negativas --- */
[data-nx-rowified].row { margin-left: 0; margin-right: 0; }

/* --- Honeypot anti-spam (antes escondido pelo CSS do mixitup) --- */
#next-field { display: none !important; }