@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#f8fafc;--bg-card:#fff;--bg-subtle:#f1f5f9;--primary:#ea580c;--primary-hover:#c2410c;--primary-light:#fff7ed;--primary-border:#ffedd5;--primary-focus:#ea580c40;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-hover:#cbd5e1;--status-success-bg:#dcfce7;--status-success-text:#15803d;--status-warning-bg:#fef3c7;--status-warning-text:#b45309;--status-danger-bg:#ffe4e6;--status-danger-text:#be123c;--status-info-bg:#e0f2fe;--status-info-text:#0369a1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #00000008;--radius-sm:6px;--radius-md:10px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select,textarea{font-family:inherit}button{transition:transform .15s cubic-bezier(.16,1,.3,1),opacity .15s,background-color .15s!important}button:active{transform:scale(.97)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes arrowBounceHorizontal{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-drawer-in{animation:.22s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.app-main-content{width:100%;max-width:100%;padding:24px 32px}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (width<=768px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.app-main-content{padding:12px 14px!important}}@media (width<=640px){header{height:56px!important;padding:0 12px!important}main{padding:12px!important}.stat-grid-mobile{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding-bottom:0!important;display:grid!important}.stat-grid-mobile>*{flex:unset!important;width:100%!important;min-width:0!important}.dashboard-filter-container{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.dashboard-filter-inputs{align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.dashboard-filter-inputs input[type=date]{flex:1!important;min-width:0!important;padding:5px 4px!important;font-size:11px!important}.chart-container-mobile{height:160px!important}}.card-hover-effect{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s!important}.card-hover-effect:hover{border-color:#ea580c4d!important;box-shadow:0 8px 18px -4px #00000014!important}.stat-card-compact{transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),border-color .22s!important}.stat-card-compact:hover{transform:translateY(-3px);border-color:#f0884266!important;box-shadow:0 12px 28px -4px #ea580c29,0 4px 8px -2px #0000000d!important}.stat-card-compact:hover .stat-card-icon{transform:scale(1.1)}.stat-card-icon{transition:transform .2s cubic-bezier(.16,1,.3,1)!important}@media (width<=640px){.stat-card-compact{gap:4px!important;padding:10px 12px!important}.stat-card-title{font-size:11px!important}.stat-card-value{font-size:20px!important}.stat-card-icon{width:28px!important;height:28px!important}}.personas-stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.personas-stat-card{border-radius:var(--radius-md);border:1px solid var(--border-color);cursor:pointer;box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:14px;min-width:0;padding:16px 18px;transition:all .2s;display:flex;position:relative;overflow:hidden}.personas-stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.personas-stat-card.active-tab{background:linear-gradient(#fff 0%,#eff6ff 100%)!important;border-color:#3b82f6!important;box-shadow:0 4px 12px -2px #3b82f62e!important}.personas-stat-card.active-tab:after{content:"";background-color:#3b82f6;height:3px;position:absolute;bottom:0;left:0;right:0}.personas-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.personas-stat-info{flex-direction:column;min-width:0;display:flex}.personas-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.personas-stat-value{color:var(--text-main);margin-top:2px;font-size:22px;font-weight:700;line-height:1.2}@media (width<=640px){.personas-stat-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.personas-stat-card{text-align:center!important;border-radius:var(--radius-sm)!important;flex-direction:column!important;align-items:center!important;gap:3px!important;padding:8px 4px!important}.personas-stat-icon{border-radius:6px!important;width:26px!important;height:26px!important}.personas-stat-icon svg{width:14px!important;height:14px!important}.personas-stat-label{letter-spacing:0!important;max-width:100%!important;font-size:9px!important;font-weight:700!important}.personas-stat-value{margin-top:0!important;font-size:16px!important}.personas-tab-button{flex:1!important;justify-content:center!important;gap:4px!important;padding:8px 6px!important;font-size:12px!important}.personas-tab-button svg{width:14px!important;height:14px!important}}.management-btn-native{position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1)!important}.management-btn-native:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px -4px #ea580c85,0 6px 14px #00000014!important}.management-btn-native .arrow-icon-animated{animation:1.2s ease-in-out infinite arrowBounceHorizontal}.stat-card-glass{-webkit-backdrop-filter:blur(12px)!important;background:#ffffffc7!important;border:1px solid #e2e8f0cc!important;box-shadow:0 4px 12px #0f172a0d!important}.glass-container{-webkit-backdrop-filter:blur(12px)!important;background:#ffffffc7!important;border:1px solid #f088422e!important;box-shadow:0 8px 24px -4px #ea580c14,0 4px 12px #0f172a08!important}.glass-segmented-bar{-webkit-backdrop-filter:blur(10px);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#ffffffd1;border:1px solid #f088422e;border-radius:14px;justify-content:space-between;align-items:center;gap:4px;width:100%;padding:4px;display:flex;overflow-x:auto;box-shadow:0 4px 16px -2px #0f172a0d,inset 0 1px 1px #fff9}.glass-segmented-bar::-webkit-scrollbar{display:none}.glass-segment-item{min-width:max-content;color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.glass-segment-item:hover:not(.active){color:var(--primary);background:#ea580c0f}.glass-segment-item.active{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);font-weight:700;box-shadow:0 3px 10px #ea580c59}.glass-modal-overlay{-webkit-backdrop-filter:blur(6px)!important;background:#0f172a80!important}.glass-modal-content{-webkit-backdrop-filter:blur(16px)!important;background:#fffffff2!important;border:1px solid #f0884238!important}.table-row-hover{transition:background-color .18s!important}.table-row-hover:hover{background-color:#ea580c09!important}.table-responsive-container,div[style*="overflowX: 'auto'"],div[style*="overflow-x: auto"]{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);width:100%;overflow-x:auto}@media (width<=640px){.table-responsive-container table,div[style*="overflowX: 'auto'"] table,div[style*="overflow-x: auto"] table{min-width:480px}}.diagnosticos-desktop-table{display:block}.diagnosticos-mobile-list{display:none}.diagnosticos-filtros-grid{grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(120px,1fr));align-items:center;gap:8px;display:grid}.diagnosticos-filtros-search{grid-column:auto}@media (width<=768px){.diagnosticos-desktop-table{display:none}.diagnosticos-mobile-list{flex-direction:column;gap:8px;display:flex}.diagnosticos-filtros-grid{grid-template-columns:repeat(3,1fr);gap:6px}.diagnosticos-filtros-search{grid-column:1/-1}}.gestion-subtabs-grid{box-sizing:border-box;background-color:#f1f5f9;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;padding:4px;display:grid}@media (width<=640px){.gestion-subtabs-grid{grid-template-columns:repeat(2,1fr);gap:4px}}.dashboard-view-wrapper{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:100%;display:flex}.dashboard-header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-title-box{flex-direction:column;min-width:0;display:flex}.periodo-comparado-hint{color:var(--text-muted,#94a3b8)}.dashboard-actions-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dashboard-refresh-btn{border-radius:var(--radius-sm,8px);border:1px solid var(--border-color,#e2e8f0);color:var(--text-secondary,#475569);cursor:pointer;background:#fff;align-items:center;gap:6px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.dashboard-refresh-btn:hover:not(:disabled){background:var(--bg-subtle,#f8fafc);color:var(--primary,#ea580c);border-color:var(--primary,#ea580c)}.dashboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-kpis-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.dashboard-charts-grid{grid-template-columns:1.45fr 1fr;align-items:stretch;gap:12px;width:100%;display:grid}.dashboard-chart-card{flex-direction:column;height:100%;display:flex}.chart-header-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.chart-comparison-badge-container{flex-shrink:0;align-items:center;gap:8px;display:flex}.estado-atenciones-container{flex:1;justify-content:space-around;align-items:center;gap:16px;margin-top:10px;display:flex}.estado-atenciones-legend{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dashboard-fallas-card{width:100%}.falla-frecuente-row{transition:transform .1s}.falla-frecuente-row:hover{transform:translate(2px)}.ver-todas-fallas-btn:hover{background-color:#f9731614}@media (width<=1023px){.dashboard-kpis-grid{grid-template-columns:repeat(2,1fr);gap:10px}.dashboard-charts-grid{grid-template-columns:1fr;gap:10px}}@media (width<=639px){.dashboard-view-wrapper{gap:10px}.dashboard-header-container{flex-direction:column;align-items:stretch;gap:10px}.dashboard-actions-row{justify-content:space-between;width:100%;display:flex}.dashboard-actions-row .glass-segmented-bar{flex:1;min-width:0}.dashboard-kpis-grid{grid-template-columns:repeat(2,1fr);gap:8px}.estado-atenciones-container{flex-direction:column;align-items:stretch;gap:12px}.periodo-comparado-hint{margin-top:2px;display:block}.refresh-btn-text{display:none}.dashboard-refresh-btn{min-height:38px;padding:8px 10px}}@media (width<=359px){.dashboard-kpis-grid{grid-template-columns:1fr}}.periodo-filter{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.periodo-filter label{flex-direction:column;gap:4px;font-size:12px;display:flex}.periodo-filter button,.periodo-filter input{border:1px solid var(--border-color);color:var(--text-main);font:inherit;background:#fff;border-radius:8px;padding:8px 10px;font-size:12px}.periodo-filter button{cursor:pointer}.periodo-filter button[aria-pressed=true]{background:var(--primary);color:#fff}.periodo-filter button:disabled{opacity:.5;cursor:not-allowed}.tesis-comparacion{border-collapse:collapse;width:100%;font-size:13px}.tesis-comparacion th,.tesis-comparacion td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px}.validacion-cards{display:none}@media (width<=600px){.tesis-comparacion thead{display:none}.tesis-comparacion tbody,.tesis-comparacion tr{display:block}.tesis-comparacion tr{border-bottom:1px solid var(--border-color);padding:8px 0}.tesis-comparacion th{border:0;padding:6px 0;display:block}.tesis-comparacion td{border:0;justify-content:space-between;gap:12px;padding:4px 0;display:flex}.tesis-comparacion td:before{content:attr(data-label);color:var(--text-secondary)}.validacion-table-scroll{display:none}.validacion-cards{padding:12px;font-size:12px;display:block}.validacion-cards article{border-bottom:1px solid var(--border-color);padding:12px 0}.validacion-cards button{color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:600}}.diagnostico-modal-grid{grid-template-columns:minmax(330px,1.05fr) minmax(440px,1.4fr) minmax(320px,1.05fr);align-items:stretch;gap:14px;height:calc(88vh - 120px);min-height:520px;max-height:720px;display:grid}.diagnostico-modal-col{flex-direction:column;gap:10px;max-height:100%;padding-right:4px;display:flex;overflow-y:auto}.diagnostico-modal-col::-webkit-scrollbar{width:5px}.diagnostico-modal-col::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}@media (width<=1100px){.diagnostico-modal-grid{grid-template-columns:1fr;height:auto;max-height:none}.diagnostico-modal-col{max-height:none;overflow-y:visible}}
