/*
 * scc-utilities.css
 * [ZAP-10055] Clases de utilidad para eliminar style="" inline del HTML
 * y permitir la remocion de 'unsafe-inline' en style-src de la CSP.
 *
 * Prefijo scc- evita colisiones con Bootstrap y otros frameworks.
 */

/* === Layout / Barras === */
.scc-action-bar {
    text-align: right;
    border-radius: 5px;
    padding-left: 5px;
    padding-top: 6px;
    padding-right: 20px;
    padding-bottom: 10px;
    background: #D2D6DE; 
}

.scc-modal-header-gray {
    background: #B9B9B9;
    padding: 15px;
}

.scc-modal-header-white {
    background: #FFF;
    padding: 15px;
}

.scc-modal-wide {
    width: 75%;
}

.scc-contact-icon {
    text-align: center;
    padding-top: 50px;
}

/* === Texto / Color === */
.scc-text-white { color: #FFFFFF; }
.scc-text-black { color: #000000; }
.scc-text-red { color: red; }

.scc-result-msg {
    color: #000000;
    font-size: 12px;
}

.scc-p-medidor {
    font-weight: bold;
    text-align: justify;
}

.scc-sidebar-info {
    font-size: 12px;
    text-align: justify;
}

.scc-balanza-red-text {
    font-size: 12px;
    text-align: justify;
    color: red;
}

/* BS5 elimino .text-justify */
.text-justify { text-align: justify; }

.scc-heading-underline {
    font-weight: bold;
    text-decoration: underline;
}

/* === Dashboard (Default.aspx) === */
/* Especificidad (0,2,2) supera .grid figure p {font-size:68.5%} (0,1,2) de set.css */
.grid figure p.scc-icon-lg { font-size: 4em; }
.grid figure p.scc-icon-counter { font-size: 3em; }
/* Fallback fuera del grid (si se usa en otro contexto) */
.scc-icon-lg { font-size: 4em; }
.scc-icon-counter { font-size: 3em; }
.scc-img-fill { width: 100%; height: 100%; }
.scc-logo { width: 60%; }

/* === Tablas / Datos === */
.scc-th-total {
    background: #000000;
    color: #FFFFFF;
    font-weight: bold;
}

.scc-table-scroll { height: 530px; }

/* === Mapas === */
.scc-map {
    width: 100%;
    height: 600px;
}

.scc-map-small {
    height: 450px;
    width: 100%;
}

.scc-scroll-panel {
    position: relative;
    height: 750px;
    overflow-y: scroll;
}

/* === Movil === */
.scc-page-content-mobile { padding: 5px !important; }
.scc-alert-tight { padding-top: 1px !important; }
.scc-marker-img { width: 15%; }

/* =======================================================
 * [BS5-COMPAT] Restaurar comportamiento visual del
 * custom bootstrap.css original (producción) — SOLO Default.aspx.
 * Default.aspx usa plantilla_01 (body.scc-home); las páginas de
 * SCC.Master usan layout5 con body{font-size:14px} propio.
 * Acotar al selector body.scc-home evita afectar agua.aspx, etc.
 * ======================================================= */

/* 1. Font-size base 12px — solo Default.aspx (plantilla_01).
      SCC.Master pages usan 14px de layout5/layout.css. */
body.scc-home { font-size: 12px; }

/* 2. Container: padding 5px y width 90% — solo Default.aspx */
body.scc-home .container {
    padding-right: 5px !important;
    padding-left: 5px !important;
}
@media (min-width: 1200px) {
    body.scc-home .container {
        width: 90% !important;
        max-width: none !important;
    }
}

/* 3. h2 en grid: solo Default.aspx (plantilla_01/set.css) */
body.scc-home .grid figure h2 {
    font-size: 30px;
    line-height: 30px;
}

/* =======================================================
 * [BS5-COMPAT-2] Correcciones de layout Default.aspx
 * ======================================================= */

/* 4. Links en h2 del grid */
body.scc-home .grid figure h2 a,
body.scc-home .grid figure h2 a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

/* 5. Navbar Default.aspx: BS5 flex → block para que
      .navbar-brand (absolute) y .right-div (float) funcionen.
      NO aplicar a SCC.Master donde el navbar usa flex legítimo. */
body.scc-home nav.navbar {
    display: block !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* 6. .navbar > .container: BS5 lo convierte a flex.
      Solo Default.aspx tiene esta estructura con .right-div float. */
body.scc-home .navbar > .container {
    display: block !important;
}

/* 7. Header row: solo Default.aspx tiene cols floatadas en header.
      overflow:hidden crea BFC (sin esto header colapsa a 20px). */
body.scc-home header .row {
    display: block !important;
    margin-left: -5px !important;
    margin-right: -5px !important;
    overflow: hidden !important;
}
body.scc-home header .col-md-4,
body.scc-home header .col-md-8 {
    float: left;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
body.scc-home header .col-md-4 { width: 33.333% !important; }
body.scc-home header .col-md-8 { width: 66.666% !important; }
