/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,166): run-time error CSS1039: Token not allowed after unary operator: '-borders'
(20,194): run-time error CSS1039: Token not allowed after unary operator: '-fondos'
(25,45): run-time error CSS1039: Token not allowed after unary operator: '-fondos'
(27,194): run-time error CSS1039: Token not allowed after unary operator: '-links'
(28,58): run-time error CSS1039: Token not allowed after unary operator: '-links'
(29,26): run-time error CSS1039: Token not allowed after unary operator: '-links'
(34,84): run-time error CSS1039: Token not allowed after unary operator: '-txt-primary'
(35,88): run-time error CSS1039: Token not allowed after unary operator: '-txt-primary'
(38,46): run-time error CSS1039: Token not allowed after unary operator: '-txt-primary'
(39,52): run-time error CSS1039: Token not allowed after unary operator: '-txt-primary'
(40,26): run-time error CSS1039: Token not allowed after unary operator: '-txt-primary'
(41,39): run-time error CSS1039: Token not allowed after unary operator: '-txt-secondary'
(42,16): run-time error CSS1039: Token not allowed after unary operator: '-links'
(43,22): run-time error CSS1039: Token not allowed after unary operator: '-txt-primary'
(47,38): run-time error CSS1039: Token not allowed after unary operator: '-links'
(54,89): run-time error CSS1039: Token not allowed after unary operator: '-txt-primary'
(54,222): run-time error CSS1039: Token not allowed after unary operator: '-borders'
(89,27): run-time error CSS1039: Token not allowed after unary operator: '-red'
(90,30): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(91,30): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(92,29): run-time error CSS1039: Token not allowed after unary operator: '-green'
(104,98): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(105,69): run-time error CSS1039: Token not allowed after unary operator: '-fondos'
(106,56): run-time error CSS1039: Token not allowed after unary operator: '-fondos'
(108,35): run-time error CSS1039: Token not allowed after unary operator: '-red'
(109,38): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(110,38): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(111,37): run-time error CSS1039: Token not allowed after unary operator: '-green'
(122,93): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
 */
:root{
    --links: #96B414; /* Botón primario y acciones clave: Verde XPENG */
    --borders: #E1E1E1; /* Bordes y divisiones: Gris claro — #E1E1E1 */
    --txt-primary: #000000; /* Texto principal y bloques de contraste: Negro — #000000 */
    --txt-secondary: #A5A5A5; /* Texto secundario: Gris medio — #A5A5A5 */
    --fondos: #E6F0DC; /* Fondos suaves / tarjetas: Verde claro — #E6F0DC */
    --red: #D14242;
    --yellow: #fcb714;
    --orange: #E85C3B;
    --green: #1A9657;
    --bs-border-width: 2px;
    --bs-border-radius: 20px;
    --bs-font-sans-serif: Arial, "Helvetica", sans-serif;
    --bs-body-bg: #FFF; /*Fondo principal: Blanco — #FFFFFF */
    --bs-body-font-size: 1rem;
    --bs-topbar-height: 2.2rem;
}

/* ::: HEADER & FOOTER ::: */
.topbar {min-width:168px; width: max-content !important; height:48px; position: fixed; top:0; right: 0; border-bottom-left-radius: 16px; border-left: 2px solid var(--borders); background: var(--fondos);}
.topbar-custom {margin: 0;}
.brand {margin-right: 8px;}
.brand p {margin: 4px 0; font-size: 0.68rem; font-weight: normal;}
li.brand {font-size: 0.68rem; line-height: 0.82rem; letter-spacing: 0.4px; font-weight: bold; text-transform: uppercase;}
.dropdown-menu.show {background-color: var(--fondos); width: 148px; left: -92px; top: 35px; padding: 2px 2px 8px; border-radius: 0; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; border-top: 0;}
.dropdown-menu.show .dropdown-item {padding: 8px 12px; margin: 2px; width: 97%; text-transform: uppercase; font-size: 0.72rem;}
.dropdown-menu.show .dropdown-item:focus, .dropdown-menu.show .dropdown-item:hover, .dropdown-menu.show .dropdown-item.active, .dropdown-menu.show .dropdown-item:active {background-color: var(--links);}
.dropdown-divider {margin: 6px 0; border: 1px solid var(--links);}
.nav-link i {color: var(--links)}
.iconoir-menu {font-size: 22px; margin-top: 4px;}
.nav-link span {text-transform: uppercase;}
main.container-fluid {padding: 1.2rem 1.2rem 0;}
.card-body, .echarts {display: flex !important; align-items: center !important;}
.dropdown-item {margin-left: 4px; margin-right: -8px; padding: 0 12px; color: var(--txt-primary) !important;}
.dropdown-item:focus, .dropdown-item:hover {background-color: transparent; color: var(--txt-primary) !important;}

/* ::: GENERALES ::: */
body, h1, h2, h3, h4, h5, h6, a {color: var(--txt-primary) }
p {font-size: 1rem; line-height: 1rem; color: var(--txt-primary)}
.main-color {color: var(--txt-primary) !important;}
.sub-color, small, label {color: var(--txt-secondary) !important;}
a {color: var(--links)}
a:hover {color: var(--txt-primary)}

/* login */
.btn {border-radius: 20px; padding: 12px;}
.btn-primary {background-color: var(--links); border: 0; color:#FFF; text-transform: uppercase; font-size: 1em;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {background-color: #000;}
.login a.font-13 {font-size: 12px !important}
.loginBox .card {box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.75);}
.loginBox .card {padding: 40px 24px; }
.loginBox.card-body, .auth-header-box {display: initial !important;}
.form-control {padding: .6rem .95rem; font-size: 1rem; font-weight: normal; color: var(--txt-primary) !important; height: 2.92rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid var(--borders); border-radius: 20px;}

/* charts */
/*.col-kpis .card {height: 100px;}
.col-kpis p, .previewsV p, .previewsV span, .col-kpis span {font-size: 0.88rem !important; line-height: 1.2rem;}
h4 {font-size: 1.72rem;}
.card {margin-bottom: 0; width: 100%;}
.card .card-header {padding: 8px 4px 0;}
.card .card-header .card-title {font-size: 1.08rem; font-weight: 400; letter-spacing: 0.8px;}
.card-body {padding: 8px 4px;}
.h-80 {height: 280px;}
.h-240 {height:240px}
.startbar .startbar-menu .navbar-nav .nav-item.active .nav-link.active .menu-icon,
.startbar .startbar-menu .navbar-nav .nav-item.active .nav-link.active {color:#FEFEFE}
.h-mitad {height:300px;}
.fullHsinKPI {height: calc(100vh - 8.6rem)}
.fullHconKPI {height: calc(100vh - 9.72rem)}
.midHconKPI {height: calc(50vh - 4.8rem)}
.tercios {height: calc(33vh - 1.2rem)}
.tercios .card-body { margin-top: -32px;}
.row > div {margin-bottom: 12px;}
h4.card-title {text-align: center;}
.bars-n-lines .h-80 {min-height: 180px; height: 100%;}
.col-ventas-kpi .card {height: 22%;}
.col-ventas-kpi  {display: flex; align-items: center !important;}
.col-kpis .card-body {padding: 16px 4px 12px;}
.col-kpis .card-body .text-center {margin: 0 auto;}
.previewss {display: flex !important; align-content: space-between !important; flex-wrap: wrap !important;}
.previewss .card {height: 22vh;}*/ /*14vh si están en tercios*/
/*.previewss .col-6:last-child .card {margin-top: 0.52vh;}
.previewss .card-body {padding: 20px 4px 8px; margin-top: -12px;}*/



/* semáforo KPIs */
.pcColor.red {color: var(--red)}
.pcColor.orange {color: var(--orange)}
.pcColor.yellow {color: var(--yellow)}
.pcColor.green {color: var(--green)}


/* App fixes */
.table tbody, .table td, .table tfoot, .table th, .table thead, .table tr {
    border-style: solid;
}
/* ::: tablas V3 ::: */
.table tbody, .table td, .table tfoot, .table th, .table thead, .table tr { border: 1px solid #dee2e6; }
.tableFixHeadFoot {overflow-y: auto; height: 520px; display: flex; flex-grow: 1; flex-direction: column; /*overflow: hidden;*/ margin: 0 4px 8px;}
.tableFixHeadFoot table {height: 100%;}
.tableFixHeadFoot th, .tableFixHeadFoot td {font-size: 0.88rem; line-height: 1.2rem; text-align: center; border-bottom: 1px solid #494949; padding: 4.8px 2px !important;}
.tableFixHeadFoot thead th, .tableFixHeadFoot tfoot tr {position: sticky; background-color: var(--bs-body-bg) !important; z-index: 1; border-radius: 0 !important;}
.tableFixHeadFoot thead th {top: 0px; border-bottom: solid 2px var(--fondos) !important;}
.tableFixHeadFoot tfoot td {border-top: solid 2px var(--fondos) !important;}
.ventModel td:nth-child(2), .ventHist td:nth-child(1) {text-align: left;}
td.bg-red {background-color: var(--red); color: #FFF;}/* < 5% */
td.bg-orange {background-color: var(--orange); color: #FFF;}/* 6% - 80% */ 
td.bg-yellow {background-color: var(--yellow); color: #FFF;}/* 81% - 90% */
td.bg-green {background-color: var(--green); color: #FFF;} /* >= 91% */
/*thead, tfoot {display:inline;}
thead tr, tfoot tr {height: 32px;}
tfoot tr {bottom: 0px;}
tbody {display: block; flex-grow: 1; overflow-y: auto;}
tbody tr, thead tr, tfoot tr {display: table; width: 100%; table-layout: fixed;}*/
.fullHeight {height: calc(100vh - 2.72rem)} /* para considerar el padding de todo el sitio. Aplicado a tabla de Ventas */
.midHeight {height: calc(50vh - 1.68rem)}
.chart-cell {position: relative; height: 28px; width: 100%;} /* barras en celdas */
td.bg-danger {background-color: transparent !important;}
.table-sm > :not(caption) > * > * {padding: .16rem .2rem; vertical-align: middle; }
.topRightTotalpc {position: absolute; top: 4px; right: 12px; font-size: 1.28rem; color:var(--bs-body-bg)}

/* % columnas tabla ventas*/
/*.col-ventas-tabla th, .col-ventas-tabla td {width: 7.74%; text-align: center;}*/ /*cols 3,5,6,8,9,10,11  */
/*.col-ventas-tabla .card-body, .col-stock-tabla .card-body {display: flex; flex-direction: column; min-height: 480px; height: 100vh; width: 100%; padding: 24px; box-sizing: border-box;}
.col-ventas-tabla th:nth-child(1), .col-ventas-tabla td:nth-child(1) {width: 14%; text-align: left;}
.col-ventas-tabla th:nth-child(2), .col-ventas-tabla td:nth-child(2) {width: 5%; text-align: center;}
.col-ventas-tabla th:nth-child(4), .col-ventas-tabla td:nth-child(4),
.col-ventas-tabla th:nth-child(7), .col-ventas-tabla td:nth-child(7) {width: 13.4%;}
.col-leads-tabla th, .col-leads-tabla td {min-width: 60px; width:18%; text-align: center;}
.col-leads-tabla th:nth-child(1), .col-leads-tabla td:nth-child(1) {width: 28%; text-align: left;}
.col-leads-tabla .card-body {display: flex; flex-direction: column; min-height: 480px; height: calc(100vh - 6rem); padding: 0 8px 8px; box-sizing: border-box;}
.col-garantia-tabla .tableFixHeadFoot {height: 40vh;}
.col-garantia-tabla th:first-child, .col-garantia-tabla td:first-child {width: calc(100% - 88px); text-align: left;}
.col-garantia-tabla th:last-child, .col-garantia-tabla td:last-child {width:88px; text-align: center !important;}
.col-ventas-kpi .card {height: 22%; max-height: 148px;}
.col-stock-tabla th, .col-stock-tabla td, .col-stock-tabla td:nth-child(2) {width: 6%; text-align: center; font-size: 0.88rem; line-height: 1.02rem;}
.col-stock-tabla th:nth-child(1), .col-stock-tabla td:nth-child(1) {width: 10%; text-align: left;}*/



/*::: MEDIA QUERIES */
/* despliegue de columnas en xxxl */
@media (min-width:1680px){
    .col-xxxl-1 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:8.33333333%}
    .col-xxxl-2 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:16.66666667%}
    .col-xxxl-3 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:25%}
    .col-xxxl-4 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333333%}
    .col-xxxl-5 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:41.66666667%}
    .col-xxxl-6 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:50%}
    .col-xxxl-7 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:58.33333333%}
    .col-xxxl-8 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:66.66666667%}
    .col-xxxl-9 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:75%}
    .col-xxxl-10 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:83.33333333%}
    .col-xxxl-11 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:91.66666667%}
    .col-xxxl-12 {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%;}
    .row > div {margin-bottom: 12px;}
    .fullHeight {height: calc(100vh - 2.6rem)} /* para considerar el padding de todo el sitio. Aplicado a tabla de Ventas */
    .fullHsinKPI {height: calc(100vh - 8rem)}
    .midHeight {height: calc(50vh - 1.48rem)}
    .vheight60 {height: calc(60vh - 1.48rem)}
    .vheight40 {height: calc(40vh - 1.48rem)}
    .reajustaHeights {display: flex; height: 100%;}
    .reajustaHeights .rHcolWrapper {display: flex; align-items: stretch; width: 100%; height: auto;}
    .reajustaHeights .card {height: auto; width: 100%;}
    .reajustaHeights .card-50 {height: 46.6vh;}
    .vhMap {height: calc(100vh - 320px);}
    .vhMap .card {height: 100%;}
    .vhPathBar .h-mitad {height: 268px;}
    .vhPathBar .echarts {height: 232px;}
  
   /* tabla */
    .previewsV {max-height: 640px;}
    .col-leads-tabla th, .col-leads-tabla td {min-width: 60px; width:12%; text-align: center;}
    .col-leads-tabla th:nth-child(1), .col-leads-tabla td:nth-child(1) {width: 40%; text-align: left;}      
    .h-240 {height:328px}
    .h2v {display:flex !important; flex-wrap: wrap !important; align-content: space-between !important;}
}
@media only screen and  (min-width:1400px){
    .tercios .card-body { margin-top: -12px;}
}
@media only screen and (max-width: 1214px) {
    .col-kpis p, .previewsV p, .previewsV span, .col-kpis span {font-size: 0.8rem !important;}
}
@media only screen and (max-width: 991px) {
    .previewss.tercios, .previewss.midHeight {height: initial;}
    .previewss .col-6:last-child .card {margin-top: initial;}
    .tercios .mb-3 {margin-bottom: 32px !important;}
    .col-kpis .card {height: 120px;}
    .leadsKPIs .col {flex: 0 0 auto; width: 33.3%;}
}
@media only screen and (max-width: 840px) {
/*.col-ventas-tabla th, .col-ventas-tabla td {width: 80px !important; text-align: center;}
.col-ventas-tabla th:nth-child(1), .col-ventas-tabla td:nth-child(1) {width: 132px !important; text-align: left;}
.col-ventas-tabla th:nth-child(4), .col-ventas-tabla td:nth-child(4),
.col-ventas-tabla th:nth-child(7), .col-ventas-tabla td:nth-child(7) {width: 120px !important;}*/
}
@media only screen and (max-width: 767px) {
    main.container-fluid {padding: 3.6rem 1.2rem 0;}
    .topbar {position: absolute; width: 100% !important; border-radius: 0; border-left: 0;}
    .navbar-expand .navbar-collapse {justify-content: space-between;}
    .previewsV .card {width: 48%; margin: 8px auto;}
    .align-content-between {align-content: initial !important;}
    .leadsKPIs .col {flex: 0 0 auto; width: 50%;}
}