/* Avora IA · identidad v3 (2026-10-12). Se carga al final en el CRM y en el OCP.
   Primario esmeralda/teal #10B981 / #0EA5A4 · CTA coral #F97316 · texto slate #0F172A/#334155 · base clara. */
:root{--av-em:#10B981;--av-te:#0EA5A4;--av-te-d:#0F766E;--av-te-dd:#115E59;--av-co:#F97316;--av-co-d:#EA580C;--av-ink:#0F172A;--av-sl:#334155;--av-mu:#64748B;--av-ln:#E3EEEA;--av-soft:#ECFDF5;--av-bg:#F5FAF8}
body{color:var(--av-ink)}
/* fondo de contenido */
.content-wrapper,.right-side{background-color:var(--av-bg)!important;background-image:radial-gradient(1000px 460px at 100% 0%,rgba(16,185,129,.08),rgba(16,185,129,0) 60%),radial-gradient(760px 360px at 0% 100%,rgba(249,115,22,.06),rgba(249,115,22,0) 60%)!important;background-attachment:fixed!important}
body.skin-blue,body{background-color:var(--av-bg)}
/* encabezado */
.main-header .navbar,.main-header .logo,.skin-blue .main-header .navbar,.skin-blue .main-header .logo{background:#fff!important;background-image:none!important;border-bottom:1px solid var(--av-ln)!important}
.main-header .navbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--av-te),var(--av-em),var(--av-co));background-size:200% 100%;animation:avbar 8s ease-in-out infinite;opacity:.85;pointer-events:none}
@keyframes avbar{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.main-header .navbar{position:relative}
.main-header .navbar .sidebar-toggle:hover,.main-header .navbar .nav>li>a:hover{background:var(--av-soft)!important;color:var(--av-te-d)!important}
/* marca */
.av-wordmark,.td-brand-name.av-wordmark{background:linear-gradient(90deg,var(--av-te-d),var(--av-em),var(--av-te))!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;animation:avbar 7s ease-in-out infinite}
.av-crm,.av-wm-tag,.td-brand-sub{color:var(--av-co-d)!important;-webkit-text-fill-color:var(--av-co-d)!important;background:#FFEDD5!important;border-color:#FED7AA!important}
.av-wolf-wrap{background:transparent!important;box-shadow:none!important}
.av-wolf{border-radius:12px!important;box-shadow:0 8px 18px -10px rgba(14,165,164,.7)!important}
/* barra lateral */
.main-sidebar,.left-side,.skin-blue .main-sidebar{background:#fff!important;background-image:linear-gradient(180deg,#FFFFFF 0%,#F7FCFA 100%)!important;border-right:1px solid var(--av-ln)!important}
body .main-sidebar .sidebar-menu>li>a:hover{background:#F0FDF9!important;color:var(--av-te-dd)!important}
body .main-sidebar .sidebar-menu>li>a:hover>.fa{color:var(--av-te)!important;background:#D1FAE5!important}
body .main-sidebar .sidebar-menu>li.active>a{background:linear-gradient(90deg,#ECFDF5,#F0FDFA)!important;color:var(--av-te-dd)!important;border-left-color:var(--av-em)!important}
body .main-sidebar .sidebar-menu>li.active>a>.fa{background:linear-gradient(135deg,var(--av-em),var(--av-te))!important;color:#fff!important;box-shadow:0 6px 14px -6px rgba(14,165,164,.7)!important}
body .main-sidebar .sidebar-menu li.active>a>span,body .main-sidebar .sidebar-menu li.active>a>i{color:inherit}
body .main-sidebar .treeview-menu>li.active>a,body .main-sidebar .treeview-menu>li>a:hover{color:var(--av-te-d)!important;background:#F0FDF9!important}
.main-sidebar .user-panel.av-card{background:linear-gradient(135deg,#F0FDF9,#FFF7ED)!important;border:1px solid #D9F2EA!important}
.main-sidebar .user-panel.av-card .av-user-role b{color:var(--av-te-d)!important}
.td-nav-lab span{color:#94A3B8!important}
/* insignia de alertas del menú */
body .main-sidebar #sidebar_inm_alertas{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px!important;border-radius:999px!important;background:var(--av-co)!important;color:#fff!important;-webkit-text-fill-color:#fff;font-size:11px!important;font-weight:800!important;line-height:20px!important;text-indent:0!important;box-shadow:0 4px 10px -4px rgba(249,115,22,.8)}
body .main-sidebar #sidebar_inm_alertas[style*="none"]{display:none!important}
/* botones */
.btn-primary,.btn-info{background:linear-gradient(135deg,var(--av-te),var(--av-em))!important;border-color:var(--av-te-d)!important;color:#fff!important}
.btn-primary:hover,.btn-primary:focus,.btn-info:hover{background:var(--av-te-d)!important;border-color:var(--av-te-dd)!important}
.btn-warning,.btn-cta{background:var(--av-co)!important;border-color:var(--av-co-d)!important;color:#fff!important}
.inm-btn{background:var(--b,linear-gradient(135deg,var(--av-co),#FB923C))!important;box-shadow:0 8px 18px -10px rgba(249,115,22,.85)!important}
.inm-btn:hover{background:var(--av-co-d)!important}
.inm-btn.soft{background:var(--av-soft)!important;color:var(--av-te-d)!important;box-shadow:none!important}
.inm-btn.soft:hover{background:#D1FAE5!important}
.inm-btn.ghost,.inm-btn.sec{background:#fff!important;color:var(--av-te-d)!important;border:1px solid #A7F3D0!important;box-shadow:none!important}
/* tarjetas, encabezados, KPIs */
.inm-card,.box,.ov2-card,.small-box,.info-box{border-color:var(--av-ln)!important;box-shadow:0 14px 34px -26px rgba(15,118,110,.45)!important}
.box.box-primary{border-top-color:var(--av-te)!important}
.inm-head-ico{background:linear-gradient(135deg,var(--av-em),var(--av-te))!important;box-shadow:0 10px 22px -12px rgba(14,165,164,.8)!important}
.inm-kpi.b .ic{background:#D1FAE5!important;color:var(--av-te-d)!important}
.inm-kpi.b{--k:#0EA5A4}
.inm-chip.on{background:linear-gradient(135deg,var(--av-te),var(--av-em))!important;border-color:var(--av-te)!important;box-shadow:0 6px 16px -8px rgba(14,165,164,.8)!important}
.inm-chip:hover{border-color:#5EEAD4!important;color:var(--av-te-d)!important}
/* tablas */
.inm-table thead th,.table>thead>tr>th{background:#F0FDF9!important;color:var(--av-te-dd)!important;border-bottom-color:#CCFBF1!important}
.inm-table tbody tr:hover td,.table-hover>tbody>tr:hover{background:#F7FEFB!important}
/* insignias */
.label-primary,.bg-light-blue,.bg-blue,.label-info,.bg-aqua{background-color:var(--av-te)!important;color:#fff!important}
.inm-pill.ok{background:#D1FAE5!important;color:#047857!important}
.inm-demo{background:#FFEDD5!important;color:#C2410C!important}
/* formularios y modales */
.form-control:focus,.inm-field input:focus,.inm-filtros input:focus,.inm-filtros select:focus,.inm-f input:focus,.inm-f select:focus,.inm-f textarea:focus{border-color:var(--av-te)!important;box-shadow:0 0 0 3px rgba(14,165,164,.15)!important}
.inm-modal-hd,.modal-header{border-bottom-color:var(--av-ln)!important}
.modal-content,.inm-modal-box{border-radius:20px!important;border:1px solid var(--av-ln)!important}
.swal-button,.swal2-confirm{background:var(--av-co)!important;box-shadow:none!important}
.swal-button:hover,.swal2-confirm:hover{background:var(--av-co-d)!important}
a{color:var(--av-te-d)}a:hover{color:var(--av-te-dd)}
/* pie */
.main-footer{background:#fff!important;border-top:1px solid var(--av-ln)!important;color:var(--av-mu)!important}
/* gráficos ApexCharts del OCP: rejilla y tooltips suaves */
.apexcharts-tooltip{border-color:#CCFBF1!important}
.apexcharts-gridline{stroke:#E6F2EE}

/* ===================== v4 (2026-10-12): barra lateral fija + Omnicanalidad a pantalla completa ===================== */
:root{--av-hd:58px;--av-ft:40px}
@media (min-width:768px){
  body.arya-ui .main-header{position:fixed;top:0;left:0;right:0;z-index:1030}
  body.arya-ui .main-sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;min-height:0;padding-top:var(--av-hd);overflow:hidden;z-index:1020}
  body.arya-ui .main-sidebar .sidebar{height:calc(100vh - var(--av-hd))!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#CFE7DF transparent}
  body.arya-ui .main-sidebar .sidebar::-webkit-scrollbar{width:6px}
  body.arya-ui .main-sidebar .sidebar::-webkit-scrollbar-thumb{background:#CFE7DF;border-radius:6px}
  body.arya-ui .content-wrapper{padding-top:var(--av-hd);min-height:calc(100vh - var(--av-ft))!important}
  /* modo colapsado: los rótulos flotantes del menú deben poder salir de la barra */
  body.arya-ui.sidebar-collapse .main-sidebar,body.arya-ui.sidebar-collapse .main-sidebar .sidebar{overflow:visible}
}
@media (max-width:767px){
  /* cajón móvil: fijo y con su propio scroll */
  body.arya-ui .main-sidebar{position:fixed;top:0;bottom:0;height:100vh;height:100dvh;min-height:0;overflow-y:auto;overscroll-behavior:contain;z-index:1035}
  body.arya-ui .content-wrapper{min-height:calc(100vh - var(--av-hd) - var(--av-ft))!important}
}
/* pie */
body .main-footer.av-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:var(--av-ft);padding:9px 18px!important;background:#fff!important;border-top:1px solid var(--av-ln)!important;color:var(--av-mu)!important;font-size:12px;position:relative}
body .main-footer.av-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--av-te),var(--av-em) 60%,var(--av-co));opacity:.55}
body .main-footer.av-footer .av-foot-l{color:var(--av-te-d)!important;font-weight:800}
body .main-footer.av-footer .av-foot-l img{height:20px;width:20px;border-radius:6px}
body .main-footer.av-footer .av-foot-r{color:var(--av-mu)!important}
/* Omnicanalidad: llena el alto disponible; la lista y el chat tienen scroll propio */
.content-wrapper section.content:has(.omni){padding-bottom:12px!important}
.content-wrapper .box:has(> #cuerpo > .omni){margin-bottom:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
body .omni{--verde:#0EA5A4;--verde-osc:#0F766E;--presto:#10B981;--presto-osc:#059669;--burbuja-sal:#DCFCE7;--burbuja-ia:#E6FAF4;--fondo-msg:#F3FAF7;--barra:#F7FCFA;--borde:#E3EEEA;--texto:#0F172A;--suave:#64748B;border-radius:18px;box-shadow:0 18px 44px -30px rgba(15,118,110,.55)!important;font-family:inherit}
@media (min-width:992px){
  body .omni{height:calc(100vh - var(--av-hd) - var(--av-ft) - 24px)!important;min-height:480px}
  body .omni .omni-side,body .omni .omni-main{min-height:0}
}
body .omni .omni-lista{min-height:0}
body .omni .omni-item.activo,body .omni .omni-item.sel{background:#ECFDF5!important}
body .omni .omni-bienvenida .omni-ilu{background:linear-gradient(135deg,#D1FAE5,#CCFBF1)!important;color:var(--av-te-d)!important}
body .omni .omni-tip{border-color:#CDEBE2!important;background:#fff!important;color:var(--av-sl)!important}
body .omni .omni-enviar,body .omni .omni-btn-enviar{background:var(--av-co)!important}

/* ===================== v5 (2026-10-12): campana de alertas con SVG propio ===================== */
.main-header .navbar-custom-menu .inm-bell > a{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;padding:0!important;margin:5px 6px 0;border-radius:12px;background:#ECFDF5!important;border:1px solid #CDEBE2;position:relative;line-height:1}
.main-header .navbar-custom-menu .inm-bell > a:hover{background:#D1FAE5!important}
.inm-bell .inm-bell-ico{display:block;width:20px;height:20px;flex:0 0 20px;overflow:visible;transform-origin:50% 3px}
.inm-bell .inm-bell-ico path{stroke:#0F766E!important}
.inm-bell.has .inm-bell-ico{animation:avring 4s ease-in-out 1s infinite}
@keyframes avring{0%,62%,100%{transform:rotate(0)}66%{transform:rotate(14deg)}70%{transform:rotate(-12deg)}74%{transform:rotate(9deg)}78%{transform:rotate(-6deg)}82%{transform:rotate(3deg)}86%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.inm-bell.has .inm-bell-ico{animation:none}}
@media (max-width:767px){.main-header .navbar-custom-menu .inm-bell > a{width:36px;height:36px;margin-top:5px}}

/* v6 · alertas resolubles */
.inm-alerts li.rs{cursor:pointer;position:relative;transition:background .15s,box-shadow .15s,transform .15s;border-radius:12px;padding-right:96px}
.inm-alerts li.rs:hover,.inm-alerts li.rs:focus-visible{background:#ECFDF5;box-shadow:0 0 0 1px #A7F3D0 inset;outline:none}
.inm-alerts li.rs:active{transform:scale(.995)}
.inm-alerts li.rs .rs-go{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;font-size:12px;font-weight:600;color:#0F766E;background:#fff;border:1px solid #CDEBE2;border-radius:999px;padding:3px 10px;opacity:.75;white-space:nowrap;transition:opacity .15s,background .15s}
.inm-alerts li.rs:hover .rs-go,.inm-alerts li.rs:focus-visible .rs-go{opacity:1;background:#0F766E;color:#fff;border-color:#0F766E}
.inm-alerts li.rs .inm-pill{margin-left:auto}
.inm-bell-pop .inm-alerts li.rs{padding-right:12px;padding-bottom:26px}
.inm-bell-pop .inm-alerts li.rs .rs-go{top:auto;bottom:6px;transform:none;padding:1px 8px;font-size:11px}
.inm-focus{animation:avfocus 1.6s ease-in-out 3;box-shadow:0 0 0 2px #10B981!important;background:#ECFDF5!important;border-radius:10px}
tr.inm-focus td{background:#ECFDF5!important}
@keyframes avfocus{50%{box-shadow:0 0 0 5px rgba(16,185,129,.25)}}
.inm-seg{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.inm-seg label{flex:1 1 30%;margin:0}
.inm-seg input{position:absolute;opacity:0;pointer-events:none}
.inm-seg span{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #CDEBE2;border-radius:12px;cursor:pointer;font-weight:600;color:#334155;background:#fff}
.inm-seg input:checked+span{background:#ECFDF5;border-color:#10B981;color:#0F766E}
@media (max-width:767px){.inm-alerts li.rs{padding-right:12px;padding-bottom:30px}.inm-alerts li.rs .rs-go{top:auto;bottom:8px;transform:none}.inm-seg label{flex-basis:100%}}
@media (prefers-reduced-motion:reduce){.inm-focus{animation:none}}
.inm-f[hidden]{display:none!important}

/* v7 · Inicio animado */
@keyframes avUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes avSide{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
[data-inm="inicio"] .inm-kpis .inm-kpi{animation:avUp .5s cubic-bezier(.2,.7,.3,1) both}
[data-inm="inicio"] .inm-kpis .inm-kpi:nth-child(2){animation-delay:.07s}
[data-inm="inicio"] .inm-kpis .inm-kpi:nth-child(3){animation-delay:.14s}
[data-inm="inicio"] .inm-kpis .inm-kpi:nth-child(4){animation-delay:.21s}
[data-inm="inicio"] .inm-kpis .inm-kpi:nth-child(5){animation-delay:.28s}
[data-inm="inicio"] .inm-kpis .inm-kpi:nth-child(6){animation-delay:.35s}
[data-inm="inicio"] .inm-grid>.inm-card{animation:avUp .55s cubic-bezier(.2,.7,.3,1) both}
[data-inm="inicio"] .inm-grid>.inm-card:nth-child(1){animation-delay:.3s}
[data-inm="inicio"] .inm-grid>.inm-card:nth-child(2){animation-delay:.38s}
[data-inm="inicio"] .inm-grid>.inm-card:nth-child(3){animation-delay:.46s}
[data-inm="inicio"] .inm-grid>.inm-card:nth-child(4){animation-delay:.54s}
[data-inm="inicio"] .inm-grid>.inm-card:nth-child(5){animation-delay:.62s}
[data-inm="inicio"] .inm-grid>.inm-card:nth-child(n+6){animation-delay:.7s}
[data-inm="inicio"] .inm-kpi,[data-inm="inicio"] .inm-grid>.inm-card{transition:transform .2s ease,box-shadow .2s ease}
[data-inm="inicio"] .inm-kpi:hover,[data-inm="inicio"] .inm-grid>.inm-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -12px rgba(15,118,110,.28)}
.inm-alerts li{animation:avSide .4s ease-out both}
.inm-alerts li:nth-child(2){animation-delay:.06s}.inm-alerts li:nth-child(3){animation-delay:.12s}.inm-alerts li:nth-child(4){animation-delay:.18s}.inm-alerts li:nth-child(n+5){animation-delay:.24s}
[data-inm="inicio"] .inm-alerts li{animation-delay:.7s}
.inm-apx .apexcharts-tooltip{border-radius:10px!important;box-shadow:0 10px 24px -10px rgba(15,23,42,.25)!important}
.inm-apx .apexcharts-legend-text{color:#334155!important}
@media (prefers-reduced-motion:reduce){[data-inm="inicio"] .inm-kpi,[data-inm="inicio"] .inm-grid>.inm-card,.inm-alerts li{animation:none!important;transition:none!important}[data-inm="inicio"] .inm-kpi:hover,[data-inm="inicio"] .inm-grid>.inm-card:hover{transform:none}}
/* v7 QA: 6 KPIs de Inicio en una fila (o 3x2) */
@media (min-width:1280px){[data-inm="inicio"] .inm-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}[data-inm="inicio"] .inm-kpi b{font-size:20px}}
@media (min-width:768px) and (max-width:1279px){[data-inm="inicio"] .inm-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* v7 QA: servicios externos sin configurar */
.av-nosip .av-webphone-link{opacity:.5;cursor:not-allowed}
button[aria-disabled="true"][disabled]{opacity:.45;cursor:not-allowed;pointer-events:auto}