:root{--primary-color:#1a2a6c;--bg-color:#f4f6f8;--card-bg:#fff;--text-dark:#333;--text-light:#fff;--border-color:#e0e0e0;--color-high:#3c7d21;--color-medium:#fc0;--color-low:#c00;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark)}.dashboard-container{flex-direction:column;gap:10px;max-width:1600px;height:100vh;margin:0 auto;padding:10px;display:flex}.header{background-color:var(--card-bg);border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.header-actions{gap:10px;display:flex}.btn-primary{background-color:var(--primary-color);color:var(--text-light);cursor:pointer;border:none;padding:8px 16px;font-weight:700}.btn-secondary{color:#666;cursor:pointer;background-color:#f0f0f0;border:1px solid #ccc;padding:8px 16px}.header-title{font-size:24px;font-weight:700}.header-logo{height:40px}.filters-container{background-color:var(--card-bg);flex-wrap:wrap;gap:10px;padding:15px;display:flex}.filter-group{flex-direction:column;flex:1;min-width:150px;display:flex}.filter-group label{color:#555;margin-bottom:4px;font-size:12px}.filter-group select{border:1px solid var(--border-color);border-radius:4px;padding:6px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.kpi-grid.row-2{grid-template-columns:repeat(2,1fr)}.kpi-grid.row-3{grid-template-columns:repeat(3,1fr)}.kpi-grid.row-6{grid-template-columns:repeat(6,1fr)}.kpi-grid-header-full{background-color:var(--primary-color);color:var(--text-light);text-align:center;grid-column:1/-1;padding:8px;font-size:16px;font-weight:700}.kpi-card{background-color:var(--card-bg);border:1px solid var(--border-color);flex-direction:column;display:flex}.kpi-card-header{background-color:var(--primary-color);color:var(--text-light);text-align:center;padding:8px;font-size:14px;font-weight:700}.kpi-card-body{flex:1;justify-content:space-between;align-items:center;gap:10px;padding:15px 20px;display:flex}.kpi-icon{color:var(--primary-color);flex-shrink:0}.kpi-value-container{flex-direction:column;flex:1;align-items:center;display:flex}.kpi-value{font-size:32px;font-weight:700}.kpi-label{color:#666;font-size:16px}.kpi-chart{width:100px;height:100px}.charts-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:10px;min-height:0;display:grid}.chart-card{background-color:var(--card-bg);border:1px solid var(--border-color);flex-direction:column;min-height:250px;display:flex}.chart-card-header{background-color:var(--primary-color);color:var(--text-light);text-align:center;padding:8px;font-size:14px;font-weight:700}.chart-card-body{flex:1;min-height:0;padding:10px;position:relative;overflow-y:auto}.app-layout{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.dashboard-container{flex-direction:column;flex:1;gap:10px;width:100%;max-width:1600px;min-height:0;margin:0 auto;padding:10px;display:flex}.route-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.bottom-nav-wrapper{border-top:1px solid var(--border-color);z-index:100;background-color:#fff;flex-shrink:0}.inicio-kpis{gap:20px;display:flex}.inicio-kpi-card{flex-direction:row;flex:1;justify-content:center;align-items:center;padding:30px}.inicio-kpi-icon{margin-right:40px}.inicio-kpi-text{text-align:center;flex:1}.inicio-footer{flex-direction:column;margin-top:auto;padding-top:40px;display:flex}.inicio-footer-details{color:#333;border-top:1px solid #ddd;justify-content:space-between;padding-top:15px;font-size:12px;display:flex}.bottom-nav{flex-wrap:wrap;gap:5px;max-width:1600px;margin:0 auto;padding:5px;display:flex}.nav-tab{text-align:center;color:#333;cursor:pointer;background-color:#e0e0e0;border:none;flex:auto;min-width:100px;padding:12px;font-weight:700;text-decoration:none}.nav-tab.active{background-color:var(--primary-color);color:var(--text-light)}.legend{align-items:center;gap:15px;padding:10px;font-size:12px;display:flex}.legend-item{align-items:center;gap:5px;display:flex}.legend-color{border-radius:50%;width:12px;height:12px}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-container{overflow-y:auto}}@media (width<=768px){.app-layout{height:100dvh}.header{flex-direction:column;align-items:flex-start;gap:15px}.header h1{font-size:24px!important}.header>div{justify-content:center;width:100%;position:static!important}.kpi-grid,.kpi-grid.row-2,.kpi-grid.row-3{grid-template-columns:1fr}.kpi-grid.row-6{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr;min-height:min-content}.dashboard-container{min-height:min-content}.nav-tab{flex:30%;padding:10px;font-size:14px}.inicio-content{padding:20px!important}.inicio-content>div:first-child,.inicio-kpis{flex-direction:column}.inicio-kpi-card{padding:20px}.inicio-kpi-icon{margin-right:20px}.inicio-footer-details{display:block!important}.inicio-footer-details>div{text-align:center;margin-bottom:15px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}