/* ==========================================================
   SPV V7.2 - UNIFICACION VISUAL MORADO / BLANCO
   Capa visual: no modifica logica de negocio.
   ========================================================== */
:root{
  --spv-primary:#6757d9;
  --spv-primary-dark:#5242bd;
  --spv-primary-deep:#44349f;
  --spv-primary-soft:#f2efff;
  --spv-primary-soft-2:#f8f6ff;
  --spv-lilac:#8d7ee8;
  --spv-lilac-2:#aa9ff0;
  --spv-bg:#f7f7fb;
  --spv-surface:#ffffff;
  --spv-border:#e8e6f1;
  --spv-border-strong:#d8d3ed;
  --spv-text:#26243a;
  --spv-muted:#737489;
  --spv-muted-2:#9797a9;
  --spv-success:#21a663;
  --spv-danger:#dc5061;
  --spv-warning:#c58a2d;
  --spv-shadow:0 6px 22px rgba(58,49,107,.065);
  --spv-shadow-hover:0 10px 28px rgba(58,49,107,.11);

  /* Reutiliza el tema anterior, pero elimina azul/verde como identidad principal */
  --tikea-blue:var(--spv-primary);
  --tikea-blue-dark:var(--spv-primary-dark);
  --tikea-blue-soft:var(--spv-primary-soft);
  --tikea-green:var(--spv-lilac);
  --tikea-green-dark:var(--spv-primary);
  --tikea-cyan:var(--spv-lilac-2);
  --tikea-text:var(--spv-text);
  --tikea-muted:var(--spv-muted);
  --tikea-bg:var(--spv-bg);
  --tikea-surface:var(--spv-surface);
  --tikea-border:var(--spv-border);
  --tikea-shadow:var(--spv-shadow);
  --tikea-gradient:linear-gradient(100deg,#5140bd 0%,#6757d9 56%,#7c6ce0 100%);
  --tikea-gradient-soft:linear-gradient(135deg,#f7f5ff 0%,#efecff 100%);
}

html,body{background:var(--spv-bg)!important;color:var(--spv-text)}
body,.super-contenedor,.content-wrapper,.panel-medio-principal,.panel-medio{background:var(--spv-bg)!important}
a{color:var(--spv-primary-dark)}
a:hover,a:focus{color:var(--spv-primary-deep)}

/* ---------- HEADER: una sola identidad ---------- */
.main-header.cabecera-m,
.cabecera-m .navbar,
.cabecera-m .logo{
  background:var(--spv-primary)!important;
  background-image:none!important;
  color:#fff!important;
}
.main-header.cabecera-m{box-shadow:0 2px 12px rgba(49,40,104,.15)!important}
.cabecera-m .logo{border-right:1px solid rgba(255,255,255,.16)!important;font-weight:800!important}
.cabecera-m .navbar{gap:8px!important;padding:0 14px!important}
.btn-menup{
  width:38px!important;height:38px!important;border-radius:9px!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
}
.btn-menup:hover{background:rgba(255,255,255,.18)!important}
.btn-modo-sistema{
  min-height:32px!important;padding:6px 13px!important;border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;box-shadow:none!important;font-size:11px!important;letter-spacing:.45px!important
}
.demo-header-badge{
  margin:0!important;padding:6px 11px!important;border-radius:999px!important;
  background:#f3efff!important;color:#5848bb!important;border:1px solid #e1dbff!important;
  box-shadow:none!important;font-size:11px!important
}
.demo-header-badge i{color:#6757d9!important}
.demo-header-cta{
  margin:0!important;padding:7px 12px!important;border-radius:9px!important;
  background:#fff!important;color:#5646b7!important;border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:none!important;font-size:12px!important
}
.demo-header-cta i{color:#20a65f!important}
.demo-header-cta:hover{background:#f6f3ff!important;color:#44349f!important}
#tipocambio{
  min-height:34px!important;padding:6px 11px!important;border-radius:9px!important;
  background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;
  color:#fff!important;box-shadow:none!important
}
#tipocambio:empty{display:none!important}
.dia,.noche{
  width:34px!important;height:34px!important;border-radius:9px!important;
  background-color:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important
}
.cabecera-m .navbar .nav>li>a{color:#fff!important;border-radius:9px!important}
.cabecera-m .navbar .nav>li>a:hover,.cabecera-m .navbar .nav>li>a:focus{background:rgba(255,255,255,.11)!important}
.cabecera-m .user-image{border:2px solid rgba(255,255,255,.75)!important;box-shadow:none!important}
.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu{border:1px solid var(--spv-border)!important}
.menu-user i[style]{color:var(--spv-primary)!important}
.menu-user li:last-child i[style]{color:var(--spv-danger)!important}

/* ---------- SIDEBAR: blanco + morado ---------- */
.main-sidebar,.main-sidebar .sidebar,.sidebar-menu,.sidebar-menu .treeview>ul,.sidebar-menu .treeview .treeview-menu>li{
  background:#fff!important
}
.main-sidebar,.left-side{border-right:1px solid var(--spv-border)!important;box-shadow:3px 0 16px rgba(51,43,92,.035)!important}
.user-panel2{
  margin:12px 12px 10px!important;padding:15px 12px!important;border-radius:14px!important;
  border:1px solid var(--spv-border)!important;background:#fff!important;box-shadow:none!important
}
.user-panel2 .image img,.img-user-b,.user-image{
  border:2px solid #dcd6fa!important;box-shadow:0 5px 14px rgba(84,68,183,.10)!important
}
.boton-user{
  background:var(--spv-primary-soft)!important;color:var(--spv-primary-dark)!important;
  border:1px solid #ddd7fb!important;border-radius:9px!important;box-shadow:none!important
}
.icon-user{background:var(--spv-primary)!important;background-image:none!important;color:#fff!important}
.sidebar-menu{padding:0 9px 18px!important}
.sidebar-menu>li{margin-bottom:2px!important}
.sidebar-menu>li>a,.sidebar-menu .treeview-menu>li>a{
  border-radius:9px!important;padding:10px 11px!important;color:var(--spv-text)!important;
  transition:background .18s ease,color .18s ease!important
}
.sidebar-menu>li>a>i,.sidebar-menu .treeview-menu>li>a>i,.main-sidebar .sidebar i{color:#7669c9!important}
.sidebar-menu>li:hover>a,.sidebar-menu .treeview-menu>li:hover>a{
  background:var(--spv-primary-soft-2)!important;color:var(--spv-primary-dark)!important
}
.sidebar-menu>li.active:not(.treeview)>a,
.sidebar-menu>li.menu-open>a,
.sidebar-menu .treeview .treeview-menu>li.active>a{
  background:var(--spv-primary)!important;background-image:none!important;color:#fff!important;
  box-shadow:0 4px 12px rgba(103,87,217,.18)!important
}
.sidebar-menu>li.active:not(.treeview)>a i,.sidebar-menu>li.menu-open>a i,
.sidebar-menu .treeview .treeview-menu>li.active>a i{color:#fff!important}
.sidebar-menu .treeview-menu{padding:4px 0 4px 5px!important;background:#fff!important}
.sidebar-menu .treeview-menu>li>a{font-size:12px!important;color:#747386!important}
.sidebar-menu .pull-right-container .label.bg-green,
.sidebar-menu .pull-right-container .label-success,
.sidebar-menu .pull-right-container .bg-green{
  background:#eeeafd!important;color:#6757d9!important;border:1px solid #ddd7fb!important
}
.demo-demo-menu-lock>a:after{background:#f2efff!important;color:#6757d9!important;border:1px solid #ddd7fb!important}

/* ---------- Superficies / tarjetas ---------- */
.box,.small-box,.info-box,.dashboard-header .box,.main-footer,.modal-content,.callout,.nav-tabs-custom,.box.box-solid,.box-body,.box-header{
  border-radius:12px!important;border-color:var(--spv-border)!important;box-shadow:var(--spv-shadow)!important;background:#fff!important
}
.box-header{border-bottom:1px solid #efedf5!important}
.box-title,.content-header h1,.modal-title{color:var(--spv-text)!important}
.panel-medio,.container-fluid.panel-medio{padding-top:8px}

/* ---------- Botones: morado por defecto ---------- */
.btn-primary,.btn-info{
  background:var(--spv-primary)!important;background-image:none!important;border-color:var(--spv-primary)!important;
  color:#fff!important;box-shadow:none!important
}
.btn-primary:hover,.btn-primary:focus,.btn-info:hover,.btn-info:focus{
  background:var(--spv-primary-dark)!important;border-color:var(--spv-primary-dark)!important;color:#fff!important
}
.btn-success:not(.demo-floating-cta):not(.prospecto-primary){
  background:var(--spv-primary)!important;border-color:var(--spv-primary)!important;color:#fff!important;box-shadow:none!important
}
.btn-success:not(.demo-floating-cta):not(.prospecto-primary):hover{
  background:var(--spv-primary-dark)!important;border-color:var(--spv-primary-dark)!important
}
.btn-default{background:#fff!important;border-color:var(--spv-border-strong)!important;color:#55546b!important}
.btn-default:hover{background:var(--spv-primary-soft-2)!important;border-color:#cfc8ef!important;color:var(--spv-primary-dark)!important}
.btn-warning{background:#b88a37!important;border-color:#b88a37!important}
.btn-danger{background:#d85868!important;border-color:#d85868!important}

/* Dashboard toolbar */
.dashboard-header .box{padding:9px 11px!important;box-shadow:none!important;border:1px solid var(--spv-border)!important}
.dashboard-header button,.btns-dash #contenedor-menur a,.btns-dash>a{
  border-radius:9px!important;border:1px solid var(--spv-border)!important;background:#fff!important;
  color:var(--spv-primary-dark)!important;box-shadow:none!important;text-transform:none!important
}
.dashboard-header button:hover,.btns-dash #contenedor-menur a:hover,.btns-dash>a:hover{background:var(--spv-primary-soft)!important;border-color:#d8d1f6!important}
.btns-dash>a i,.btns-dash #contenedor-menur a i,.dashboard-header button i{color:var(--spv-primary)!important}
.btn-rango-fechas,.btn-calendar,.btn-primary.dropdown-toggle.btn-calendar,.btn-primary.btn-rango-fechas{
  background:var(--spv-primary)!important;background-image:none!important;border-color:var(--spv-primary)!important;color:#fff!important
}

/* ---------- Formularios ---------- */
.form-control,input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],select,textarea,.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{
  border-color:#dedbe9!important;box-shadow:none!important
}
.form-control:focus,input:focus,select:focus,textarea:focus,.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single:focus{
  border-color:#9588e6!important;box-shadow:0 0 0 3px rgba(103,87,217,.10)!important;outline:none!important
}
.input-group-addon{background:#f7f5ff!important;border-color:#dedbe9!important;color:#6859c4!important}
.checkbox label,.radio label,label{color:#504f63}
.toggle.btn-primary,.toggle.btn-info,.toggle.btn-success{background:var(--spv-primary)!important;border-color:var(--spv-primary)!important}

/* ---------- Tablas ---------- */
.table thead tr,.dataTable thead tr,.table-responsive table thead tr{background:#f6f4fc!important}
.table thead tr th,.dataTable thead tr th,.table-responsive table thead tr th{
  color:#514d71!important;border-bottom:1px solid #ded9ed!important;font-weight:700!important
}
.table>tbody>tr>td{border-top-color:#f0eef5!important;color:#4d4c60}
.table-striped>tbody>tr:nth-of-type(odd){background:#fcfbff!important}
.table-hover>tbody>tr:hover{background:#f8f6ff!important}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover{
  background:var(--spv-primary)!important;background-image:none!important;border-color:var(--spv-primary)!important
}
.dropdown-menu{border:1px solid var(--spv-border)!important;box-shadow:0 12px 30px rgba(53,45,100,.10)!important}
.dropdown-menu>li>a:hover{background:#f5f2ff!important;color:var(--spv-primary-dark)!important}

/* ---------- DEMO: elimina azul/verde/naranja visual ---------- */
.demo-welcome{
  margin:12px 15px 7px!important;padding:18px!important;border:1px solid #e2def5!important;border-radius:14px!important;
  background:linear-gradient(135deg,#fff 0%,#f8f6ff 100%)!important;box-shadow:var(--spv-shadow)!important
}
.demo-chip{background:#f0edff!important;color:#5d4cc2!important}
.demo-welcome-copy h2{color:#292640!important}
.demo-welcome-copy p{color:var(--spv-muted)!important}
.demo-state-pill{border-color:#e3dff2!important;border-radius:10px!important;background:#fff!important;color:#444257!important;box-shadow:none!important}
.demo-state-pill:hover{border-color:#bdb4ef!important;color:#5544b8!important;background:#faf9ff!important}
.demo-state-pill>i{color:#6d5ed1!important}
.demo-state-private{background:#f8f6ff!important;border-color:#e3dff5!important}
.demo-state-private>i{color:#6d5ed1!important}
.demo-step-card{border-color:#e4e1f0!important;border-radius:11px!important;box-shadow:none!important}
.demo-step-card:hover{border-color:#bcb3ed!important;box-shadow:0 7px 18px rgba(85,69,183,.10)!important;color:#5544b8!important}
.demo-step-card>span{background:#6757d9!important}
.demo-step-card>i{color:#7565d5!important}
.demo-feature-line{border-top-color:#e2def0!important;color:#656477!important}
.demo-feature-line i,.demo-auto-reset-note i{color:#6c5ccd!important}
.demo-auto-reset-note{color:#5d4cc2!important}
.demo-conversion{border-color:#e4e1ef!important;border-radius:14px!important;box-shadow:var(--spv-shadow)!important}
.demo-conversion-eyebrow{color:#5d4cc2!important}
.demo-conversion-eyebrow i{color:#7565d5!important}
.demo-conversion-heading h2{color:#292640!important}
.demo-secondary-cta{border-color:#dcd7ef!important;background:#fff!important;color:#5d4cc2!important}
.demo-secondary-cta:hover{background:#f5f2ff!important;border-color:#c8c0ef!important}
.demo-benefit-card{border-color:#e5e2ef!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}
.demo-benefit-card:hover{border-color:#c3bbef!important;box-shadow:0 8px 20px rgba(80,65,168,.08)!important}
.demo-benefit-icon{background:#f0edff!important;color:#6757d9!important}
.demo-benefit-card strong{color:#302d47!important}
.demo-benefit-card small{color:#5d4cc2!important}
.demo-fit-row{border-color:#ddd8f0!important;background:#faf9ff!important}
.demo-fit-copy i{color:#6d5dd0!important}
.demo-conversion-banner{
  background:linear-gradient(110deg,#5242bd 0%,#6757d9 65%,#7a6add 100%)!important;
  box-shadow:0 8px 20px rgba(76,61,165,.17)!important
}
.demo-conversion-banner-icon{background:rgba(255,255,255,.13)!important}
.demo-primary-cta{color:#5544b8!important}
.demo-primary-cta i{color:#20a65f!important}
.demo-primary-cta:hover{background:#f5f2ff!important;color:#44349f!important}
.demo-config-intro{border-color:#e1dcf4!important;background:linear-gradient(135deg,#fff,#f7f5ff)!important;box-shadow:none!important}
.demo-config-intro-icon,.demo-config-number{background:#6757d9!important;color:#fff!important}
.demo-config-intro h2,.demo-config-card-title strong{color:#302d47!important}
.demo-config-card{border-color:#e5e1ef!important;box-shadow:none!important}
.demo-tax-preset{border-color:#dfdbea!important;background:#faf9ff!important}
.demo-tax-preset:hover,.demo-tax-preset.active{border-color:#aea3e9!important;background:#f0edff!important}
.demo-tax-preset i{color:#6757d9!important}
.demo-current-state .demo-state-ok,.demo-current-state .demo-state-exo{background:#f0edff!important;color:#5544b8!important}
.demo-amazonia-box{border-color:#e2def0!important;background:#faf9ff!important}
.demo-amazonia-title{color:#5849b8!important}
.demo-legal-note{background:#f8f6ff!important;color:#655d83!important}
.demo-locked-list span{background:#f6f4fa!important}
.demo-locked-list i{color:#7565d5!important}

/* WhatsApp conserva verde solamente porque es una accion reconocible */
.demo-floating-cta{background:#25c866!important;box-shadow:0 8px 22px rgba(37,200,102,.22)!important}
.demo-floating-cta:hover{background:#20b75b!important}

/* ---------- Dashboard moderno: misma familia cromatica ---------- */
.dashboard-moderno{background:transparent!important;color:var(--spv-text)!important;padding:8px!important}
.dash-cards-grid{gap:11px!important;padding:4px!important}
.dash-card{
  min-height:118px!important;padding:18px!important;border-radius:13px!important;border:1px solid var(--spv-border)!important;
  box-shadow:none!important;background:#fff!important
}
.dash-card::before{width:3px!important;border-radius:13px 0 0 13px!important;background:#6757d9!important}
.dash-card:hover{transform:translateY(-2px)!important;border-color:#d4ceee!important;box-shadow:var(--spv-shadow-hover)!important}
.dash-card-icon{width:50px!important;height:50px!important;border-radius:11px!important;margin-right:14px!important;font-size:1.65rem!important}
.dash-card-info p{font-size:1rem!important;color:#77768a!important;letter-spacing:.3px!important;text-transform:none!important}
.dash-card-info h3{font-size:1.65rem!important;color:#28263c!important;letter-spacing:0!important}
.dash-card-info small{color:#9897a7!important}
.primary-card::before,.secondary-card::before,.warning-card::before,.dark-card::before,.info-card::before,.danger-card::before{background:#6757d9!important}
.primary-card .dash-card-icon{background:#efecff!important;color:#5f4fd0!important}
.secondary-card .dash-card-icon{background:#f3f0ff!important;color:#7464d7!important}
.warning-card .dash-card-icon{background:#eeeaff!important;color:#806fe0!important}
.dark-card .dash-card-icon{background:#f5f3ff!important;color:#5848b8!important}
.info-card .dash-card-icon{background:#f0edff!important;color:#8a79e4!important}
.danger-card .dash-card-icon{background:#f2efff!important;color:#6958ca!important}
.dash-chart-box{border-radius:13px!important;border:1px solid var(--spv-border)!important;box-shadow:none!important;padding:18px!important}
.dash-chart-box h4{color:#4b4863!important;font-size:1.25rem!important;text-transform:none!important;border-bottom:1px solid #efedf5!important;padding-bottom:12px!important;margin-bottom:16px!important}
.dash-chart-box h4 i{color:#6b5bc9!important}

/* Widgets heredados del dashboard */
.contenedor-widget .info-box{border-radius:12px!important;border-color:var(--spv-border)!important;box-shadow:none!important}
.contenedor-widget .info-box-icon{border-radius:11px!important;background:#f0edff!important;color:#6757d9!important}
.contenedor-widget .bg-fa,.contenedor-widget .bg-bo,.contenedor-widget .bg-nv,.contenedor-widget .bg-nc,.contenedor-widget .bg-nd,.contenedor-widget .bg-tn{
  background-color:#f0edff!important
}

/* ---------- Prospectos / embudo: misma identidad ---------- */
.prospecto-modal-backdrop{background:rgba(38,31,76,.70)!important}
.prospecto-modal-card{border-radius:16px!important;border-color:#e4e0ef!important;box-shadow:0 20px 60px rgba(42,34,83,.25)!important}
.prospecto-modal-icon{background:#f0edff!important;color:#6757d9!important}
.prospecto-eyebrow{color:#6757d9!important}
.prospecto-modal h3{color:#302d47!important}
.prospecto-field input:focus,.prospecto-field select:focus{border-color:#9588e6!important;box-shadow:0 0 0 3px rgba(103,87,217,.10)!important}
.prospecto-primary{background:#6757d9!important;box-shadow:none!important}
.prospectos-page .prospecto-kpi,.embudo-toolbar,.embudo-kpi{border-color:var(--spv-border)!important;border-radius:12px!important;box-shadow:none!important}
.prospectos-page .prospecto-kpi strong,.embudo-kpi strong,.embudo-box .box-title{color:#302d47!important}
.prospectos-page .prospecto-tag,.embudo-kpi-icon{background:#f0edff!important;color:#6757d9!important}
.embudo-stage-1{background:#4f3fb5!important}.embudo-stage-2{background:#6251c9!important}.embudo-stage-3{background:#7565d7!important}.embudo-stage-4{background:#8979e4!important}
.actividad-bar-demo,.actividad-dot-demo,.rubro-progress span{background:#6757d9!important}
.actividad-bar-lead,.actividad-dot-lead,.mini-progress span{background:#9a8ce9!important}

/* ---------- Login: morado / blanco sin varios acentos ---------- */
.container-login.tikea-login{background:#f7f6fb!important}
.container-login.tikea-login::before,.container-login.tikea-login::after{opacity:.22!important}
.container-login .left-panel{
  background:linear-gradient(145deg,#4d3caf 0%,#6554d0 60%,#7565db 100%)!important
}
.platform-badge{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.2)!important;color:#fff!important}
.feature-pills span{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.16)!important}
.feature-pills i{color:#ded8ff!important}
.login-commercial-proof i{background:rgba(255,255,255,.12)!important;color:#fff!important}
.container-login .right-panel{background:#fff!important}
.right-panel .login-button{background:#6757d9!important;box-shadow:0 7px 18px rgba(103,87,217,.20)!important}
.right-panel .login-button:hover{background:#5848bd!important}
.demo-login-card{border-color:#ded9f2!important;background:#f8f6ff!important;box-shadow:none!important}
.demo-login-card .demo-login-title,.demo-login-card-v5 p strong{color:#5141b5!important}
.demo-login-button{background:#6757d9!important}.demo-login-button:hover{background:#5848bd!important}
.demo-login-card-v5:before{background:rgba(103,87,217,.08)!important}

/* ---------- Alertas semanticas: solo se colorean cuando significan algo ---------- */
.alert-info{background:#f1effd!important;border-color:#d9d4f2!important;color:#544d78!important}
.alert-success{background:#eefaf4!important;border-color:#cfeadb!important;color:#28734d!important}
.alert-warning{background:#fff8eb!important;border-color:#f0dfba!important;color:#735a27!important}
.alert-danger{background:#fff1f3!important;border-color:#efcfd4!important;color:#8a3d49!important}

/* ---------- Responsive ---------- */
@media(max-width:991px){
  .cabecera-m .navbar{gap:6px!important}
  .demo-header-cta{padding:6px 9px!important}
}
@media(max-width:767px){
  .main-header.cabecera-m{box-shadow:0 2px 8px rgba(49,40,104,.12)!important}
  .cabecera-m .navbar{padding:7px 9px!important}
  .demo-header-badge,.demo-header-cta{font-size:10px!important}
  .demo-welcome,.demo-conversion{margin-left:8px!important;margin-right:8px!important}
  .dash-card{min-height:102px!important;padding:14px!important}
}