@font-face{font-family:Geist;src:url('/landing-assets/crm-site-v1/assets/_vinext_fonts/geist-8ac0455e797f/geist-ff2310f5.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:100 900}
@font-face{font-family:'Geist Mono';src:url('/landing-assets/crm-site-v1/assets/_vinext_fonts/geist-mono-00e989178794/geist-mono-f6b33328.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:100 900}

body.crm-demo-vault-v1{
  margin:0;
  color:#f4f8ff;
  background:#061221;
  font-family:Geist,Arial,sans-serif;
  overflow:hidden;
}
body.crm-demo-vault-v1 .landing-shell{display:none!important}
body.crm-demo-vault-v1.demo360-open{overflow:hidden!important}

body.crm-demo-vault-v1 .demo360-overlay{
  --ink:#061221;
  --ink-2:#091a2d;
  --panel:#0d2238;
  --panel-2:#102b46;
  --panel-3:#153654;
  --line:#2b5374;
  --line-soft:#1c3b58;
  --cream:#f4f8ff;
  --muted:#94aac0;
  --blue:#3ba9ff;
  --blue-2:#1979e6;
  --gold:#e8bf56;
  --green:#55e5aa;
  --danger:#ff755f;
  display:none;
  position:fixed;
  inset:0;
  z-index:9999;
  padding:0!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(35,130,212,.20),transparent 30%),
    radial-gradient(circle at 12% 88%,rgba(232,191,86,.08),transparent 28%),
    #061221;
  color:var(--cream);
  overflow:hidden;
}
body.crm-demo-vault-v1 .demo360-overlay.open{display:block!important}
body.crm-demo-vault-v1 .demo-backdrop{display:none!important}
body.crm-demo-vault-v1 .demo360-modal{
  position:relative;
  width:100vw!important;
  height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--cream)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:88px 52px minmax(0,1fr)!important;
}
body.crm-demo-vault-v1 .demo360-modal:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:linear-gradient(rgba(75,154,206,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(75,154,206,.14) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 70%);
}

body.crm-demo-vault-v1 .demo360-header{
  position:relative;
  z-index:4;
  min-height:0!important;
  padding:14px 24px 14px 132px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  border-bottom:1px solid var(--line-soft)!important;
  background:linear-gradient(180deg,rgba(4,16,29,.98),rgba(7,25,42,.96))!important;
  box-shadow:0 10px 36px rgba(0,0,0,.22)!important;
}
body.crm-demo-vault-v1 .demo360-header:before{
  content:'';
  position:absolute;
  left:22px;
  top:13px;
  width:94px;
  height:58px;
  background:url('/landing-assets/crm-site-v1/assets/crm-perfil-logo-vault-v1.png') center/contain no-repeat;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.34));
}
body.crm-demo-vault-v1 .demo360-header>div:first-child>span{
  display:block!important;
  color:var(--green)!important;
  font-family:'Geist Mono',monospace!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  text-transform:uppercase!important;
}
body.crm-demo-vault-v1 .demo360-header h2{
  margin:3px 0 1px!important;
  color:var(--cream)!important;
  font-size:22px!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
}
body.crm-demo-vault-v1 .demo360-header p{
  margin:0!important;
  color:var(--muted)!important;
  font-size:11px!important;
}
body.crm-demo-vault-v1 .demo360-header-actions{display:flex!important;align-items:center!important;gap:8px!important}
body.crm-demo-vault-v1 .demo360-header-actions button{
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#0d243a!important;
  color:#ddecfa!important;
  font:800 10px/1 Geist,Arial,sans-serif!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
body.crm-demo-vault-v1 .demo360-header-actions button:hover{border-color:#4daeed!important;background:#11304c!important;color:#fff!important}
body.crm-demo-vault-v1 .demo360-header-actions button:last-child{
  width:auto!important;
  min-width:102px!important;
  padding:0 12px!important;
  border-color:#6b582a!important;
  color:#f0cf73!important;
  font-size:0!important;
}
body.crm-demo-vault-v1 .demo360-header-actions button:last-child:after{content:'VOLVER AL SITIO';font-size:9px!important}
body.crm-demo-vault-v1 .d360-session-timer{
  min-width:116px!important;
  min-height:38px!important;
  padding:5px 10px!important;
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--line)!important;
  border-radius:10px!important;
  background:#081b2f!important;
}
body.crm-demo-vault-v1 .d360-session-timer span{color:var(--muted)!important;font:700 8px/1.1 'Geist Mono',monospace!important;letter-spacing:.1em!important}
body.crm-demo-vault-v1 .d360-session-timer strong{color:var(--gold)!important;font:850 15px/1 Geist,Arial,sans-serif!important}

body.crm-demo-vault-v1 .demo360-progress{
  position:relative;
  z-index:3;
  padding:8px 24px!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:8px!important;
  border-bottom:1px solid var(--line-soft)!important;
  background:rgba(8,27,45,.94)!important;
}
body.crm-demo-vault-v1 .demo360-progress>div{position:relative!important;color:#6f879f!important;min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important}
body.crm-demo-vault-v1 .demo360-progress>div:not(:last-child):after{content:''!important;position:absolute!important;left:27px!important;right:-3px!important;top:11px!important;height:1px!important;background:#24445f!important}
body.crm-demo-vault-v1 .demo360-progress span{
  position:relative!important;z-index:2!important;width:24px!important;height:24px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;
  border:1px solid #365d7d!important;border-radius:50%!important;background:#0d243a!important;color:#90a7bd!important;font:850 9px/1 'Geist Mono',monospace!important;
}
body.crm-demo-vault-v1 .demo360-progress small{position:relative!important;z-index:2!important;padding-right:6px!important;background:#081b2d!important;color:inherit!important;font:750 8px/1.2 'Geist Mono',monospace!important;letter-spacing:.06em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.crm-demo-vault-v1 .demo360-progress .done,body.crm-demo-vault-v1 .demo360-progress .active{color:#b8d8f2!important}
body.crm-demo-vault-v1 .demo360-progress .done span{border-color:#2ab17d!important;background:#128058!important;color:#fff!important}
body.crm-demo-vault-v1 .demo360-progress .done:after{background:#1c9568!important}
body.crm-demo-vault-v1 .demo360-progress .active span{border-color:var(--gold)!important;color:var(--gold)!important;box-shadow:0 0 0 4px rgba(232,191,86,.11)!important}

body.crm-demo-vault-v1 .demo360-shell{
  position:relative;
  z-index:2;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:238px minmax(0,1fr)!important;
  overflow:hidden!important;
}
body.crm-demo-vault-v1 .demo360-side{
  position:relative;
  min-height:0!important;
  padding:18px 14px 15px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border-right:1px solid var(--line-soft)!important;
  background:
    linear-gradient(180deg,rgba(13,42,68,.96),rgba(5,18,32,.99)),
    radial-gradient(circle at 50% 18%,rgba(44,143,217,.22),transparent 28%)!important;
  color:var(--cream)!important;
}
body.crm-demo-vault-v1 .demo360-side:after{
  content:'';
  position:absolute;
  right:-62px;
  bottom:-45px;
  width:240px;
  height:360px;
  opacity:.16;
  pointer-events:none;
  background:url('/landing-assets/crm-site-v1/assets/pablo-profesional-v2.png') right bottom/contain no-repeat;
  filter:saturate(.9);
}
body.crm-demo-vault-v1 .demo360-side>img{
  position:relative;z-index:2;width:178px!important;height:56px!important;object-fit:contain!important;object-position:left center!important;margin:0 6px 18px!important;filter:none!important;
  content:url('/landing-assets/crm-site-v1/assets/crm-perfil-logo-vault-v1.png')!important;
}
body.crm-demo-vault-v1 .demo360-actor{
  position:relative;z-index:2;padding:12px!important;margin:0 0 14px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:rgba(19,55,85,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}
body.crm-demo-vault-v1 .demo360-actor span{color:#78c9ff!important;font:750 8px/1.2 'Geist Mono',monospace!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.crm-demo-vault-v1 .demo360-actor strong{margin-top:5px!important;color:#fff!important;font-size:12px!important}
body.crm-demo-vault-v1 .demo360-side nav{position:relative;z-index:2;display:grid!important;gap:5px!important}
body.crm-demo-vault-v1 .demo360-side nav button{
  position:relative;min-height:42px!important;padding:0 13px 0 17px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#a9bdd0!important;text-align:left!important;font:750 11px/1 Geist,Arial,sans-serif!important;letter-spacing:.02em!important;cursor:pointer!important;
}
body.crm-demo-vault-v1 .demo360-side nav button:before{content:'';position:absolute;left:7px;top:50%;width:3px;height:3px;border-radius:50%;background:#47718f;transform:translateY(-50%)}
body.crm-demo-vault-v1 .demo360-side nav button:hover{border-color:#234e70!important;background:#102d48!important;color:#fff!important}
body.crm-demo-vault-v1 .demo360-side nav button.active{border-color:#2f6992!important;background:linear-gradient(90deg,#174b77,#113653)!important;color:#fff!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important}
body.crm-demo-vault-v1 .demo360-side nav button.active:before{width:6px;height:6px;background:var(--gold);box-shadow:0 0 12px rgba(232,191,86,.7)}
body.crm-demo-vault-v1 .demo360-side>small{position:relative;z-index:2;margin-top:auto!important;padding:12px!important;border:1px solid rgba(85,229,170,.23)!important;border-radius:11px!important;background:rgba(16,94,70,.18)!important;color:#9ec8bc!important;font:650 9px/1.45 Geist,Arial,sans-serif!important}

body.crm-demo-vault-v1 .demo360-main{
  min-width:0!important;
  min-height:0!important;
  padding:22px 24px 30px!important;
  overflow:auto!important;
  outline:none!important;
  color:var(--cream)!important;
  background:
    radial-gradient(circle at 88% 6%,rgba(43,129,195,.13),transparent 24%),
    linear-gradient(180deg,rgba(9,28,46,.94),rgba(6,18,33,.98))!important;
  scrollbar-color:#335d7c #071827;
}
body.crm-demo-vault-v1 .demo360-main::-webkit-scrollbar{width:10px;height:10px}
body.crm-demo-vault-v1 .demo360-main::-webkit-scrollbar-track{background:#071827}
body.crm-demo-vault-v1 .demo360-main::-webkit-scrollbar-thumb{background:#294f6d;border:2px solid #071827;border-radius:99px}

body.crm-demo-vault-v1 .d360-page{max-width:1220px!important;margin:0 auto!important}
body.crm-demo-vault-v1 .d360-intro,body.crm-demo-vault-v1 .d360-success{min-height:100%!important;max-width:1080px!important;margin:0 auto!important;color:var(--cream)!important}
body.crm-demo-vault-v1 .d360-intro{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:28px!important;align-items:center!important}
body.crm-demo-vault-v1 .d360-intro h3,body.crm-demo-vault-v1 .d360-success h3{margin:12px 0 10px!important;color:#fff!important;font-size:clamp(32px,4vw,56px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
body.crm-demo-vault-v1 .d360-intro p,body.crm-demo-vault-v1 .d360-success>p{color:#a7bacb!important;font-size:15px!important;line-height:1.65!important}
body.crm-demo-vault-v1 .d360-pill{display:inline-flex!important;width:fit-content!important;min-height:27px!important;align-items:center!important;padding:0 9px!important;border:1px solid #466b85!important;border-radius:999px!important;background:#102d47!important;color:#73c8ff!important;font:850 9px/1 'Geist Mono',monospace!important;letter-spacing:.08em!important}

body.crm-demo-vault-v1 .d360-primary,body.crm-demo-vault-v1 .d360-secondary{
  min-height:43px!important;padding:0 16px!important;border-radius:10px!important;font:850 10px/1 Geist,Arial,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase!important;text-decoration:none!important;cursor:pointer!important;transition:.18s ease!important;
}
body.crm-demo-vault-v1 .d360-primary{border:1px solid #2e9cff!important;background:linear-gradient(180deg,#258cf0,#156fcf)!important;color:#fff!important;box-shadow:0 10px 24px rgba(15,103,191,.22)!important}
body.crm-demo-vault-v1 .d360-primary:hover{transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(15,103,191,.3)!important}
body.crm-demo-vault-v1 .d360-secondary{border:1px solid #3b617f!important;background:#10293f!important;color:#d6e5f2!important}
body.crm-demo-vault-v1 .d360-secondary:hover{border-color:#5aaee5!important;background:#15334e!important;color:#fff!important}
body.crm-demo-vault-v1 .d360-link{color:#6fc6ff!important;background:transparent!important;border:0!important;font-weight:800!important}
body.crm-demo-vault-v1 .d360-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:21px!important}
body.crm-demo-vault-v1 .d360-trust{color:#91a7bb!important}

body.crm-demo-vault-v1 .d360-flow,body.crm-demo-vault-v1 .d360-card,body.crm-demo-vault-v1 .d360-table,body.crm-demo-vault-v1 .d360-consult,body.crm-demo-vault-v1 .d360-client-strip,body.crm-demo-vault-v1 .d360-notify,body.crm-demo-vault-v1 .d360-file,body.crm-demo-vault-v1 .d360-options label,body.crm-demo-vault-v1 .d360-mail,body.crm-demo-vault-v1 .d360-portal-head,body.crm-demo-vault-v1 .d360-pdf{
  border:1px solid var(--line-soft)!important;
  background:linear-gradient(180deg,rgba(18,48,75,.92),rgba(11,32,52,.94))!important;
  color:var(--cream)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.025)!important;
}
body.crm-demo-vault-v1 .d360-flow,body.crm-demo-vault-v1 .d360-card,body.crm-demo-vault-v1 .d360-table,body.crm-demo-vault-v1 .d360-consult,body.crm-demo-vault-v1 .d360-client-strip,body.crm-demo-vault-v1 .d360-notify,body.crm-demo-vault-v1 .d360-file{border-radius:15px!important}
body.crm-demo-vault-v1 .d360-card{padding:18px!important}
body.crm-demo-vault-v1 .d360-card h4,body.crm-demo-vault-v1 .d360-form h4{color:#fff!important}
body.crm-demo-vault-v1 .d360-card p,body.crm-demo-vault-v1 .d360-muted{color:var(--muted)!important}

body.crm-demo-vault-v1 .d360-head{margin-bottom:18px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important}
body.crm-demo-vault-v1 .d360-head h3,body.crm-demo-vault-v1 .d360-file h3{margin:5px 0!important;color:#fff!important;font-size:25px!important;letter-spacing:-.02em!important}
body.crm-demo-vault-v1 .d360-head p,body.crm-demo-vault-v1 .d360-file p{margin:0!important;color:var(--muted)!important;font-size:11px!important}
body.crm-demo-vault-v1 .d360-head i{padding:7px 10px!important;border:1px solid #355873!important;border-radius:999px!important;background:#10283d!important;color:#a9bdd0!important;font:800 9px/1 Geist,Arial,sans-serif!important}
body.crm-demo-vault-v1 .d360-head i.ok{border-color:#277b5e!important;background:#113b31!important;color:#70e2b2!important}
body.crm-demo-vault-v1 .d360-back{color:#65c0fb!important}

body.crm-demo-vault-v1 .d360-grid{gap:12px!important}
body.crm-demo-vault-v1 .d360-form label{color:#b2c3d3!important;font:750 9px/1.2 'Geist Mono',monospace!important;letter-spacing:.05em!important;text-transform:uppercase!important}
body.crm-demo-vault-v1 .d360-form input,body.crm-demo-vault-v1 .d360-form select,body.crm-demo-vault-v1 .d360-form textarea{
  border:1px solid #315370!important;border-radius:9px!important;background:#091d31!important;color:#eff7ff!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
body.crm-demo-vault-v1 .d360-form input::placeholder,body.crm-demo-vault-v1 .d360-form textarea::placeholder{color:#688198!important}
body.crm-demo-vault-v1 .d360-form input:focus,body.crm-demo-vault-v1 .d360-form select:focus,body.crm-demo-vault-v1 .d360-form textarea:focus{border-color:#3aa7f4!important;box-shadow:0 0 0 3px rgba(58,167,244,.12)!important}
body.crm-demo-vault-v1 .d360-docs{background:#0a2035!important;border:1px solid #1d405d!important}
body.crm-demo-vault-v1 .d360-docs span,body.crm-demo-vault-v1 .d360-send span{background:#12334d!important;color:#79d9ae!important}

body.crm-demo-vault-v1 .d360-empty{border:1px dashed #31536e!important;background:rgba(10,29,48,.56)!important}
body.crm-demo-vault-v1 .d360-empty strong{color:#fff!important}
body.crm-demo-vault-v1 .d360-empty p{color:var(--muted)!important}
body.crm-demo-vault-v1 .d360-table{overflow:hidden!important}
body.crm-demo-vault-v1 .d360-table .row{border-bottom:1px solid #1d3a54!important;background:transparent!important;color:#d9e9f6!important}
body.crm-demo-vault-v1 .d360-table button.row:hover{background:#13314b!important}
body.crm-demo-vault-v1 .d360-table .header{background:#0b2237!important;color:#728da6!important}
body.crm-demo-vault-v1 .d360-table small{color:#8299ae!important}
body.crm-demo-vault-v1 .d360-table .link{color:#63c5ff!important}

body.crm-demo-vault-v1 .d360-badge{border:1px solid transparent!important}
body.crm-demo-vault-v1 .d360-badge.ready{border-color:#27658b!important;background:#143b57!important;color:#7fd2ff!important}
body.crm-demo-vault-v1 .d360-badge.waiting{border-color:#755d24!important;background:#3f331a!important;color:#f0cf72!important}
body.crm-demo-vault-v1 .d360-badge.offer,body.crm-demo-vault-v1 .d360-badge.formal{border-color:#5d538e!important;background:#2d2a54!important;color:#c6baff!important}
body.crm-demo-vault-v1 .d360-avatar{background:linear-gradient(135deg,#2f9cf4,#135eb7)!important;color:#fff!important;box-shadow:0 8px 20px rgba(18,101,185,.24)!important}
body.crm-demo-vault-v1 .d360-file.compact{border:0!important;border-bottom:1px solid #264760!important;background:transparent!important;box-shadow:none!important}

body.crm-demo-vault-v1 .d360-summary article,body.crm-demo-vault-v1 .d360-buckets article,body.crm-demo-vault-v1 .d360-offer-summary>div,body.crm-demo-vault-v1 .d360-offer-detail>div,body.crm-demo-vault-v1 .d360-metrics article{
  border:1px solid #21415b!important;border-radius:12px!important;background:#0b263d!important;color:#fff!important;
}
body.crm-demo-vault-v1 .d360-summary span,body.crm-demo-vault-v1 .d360-buckets span,body.crm-demo-vault-v1 .d360-offer-summary span,body.crm-demo-vault-v1 .d360-offer-detail span,body.crm-demo-vault-v1 .d360-metrics span{color:#8098ae!important}
body.crm-demo-vault-v1 .d360-summary strong,body.crm-demo-vault-v1 .d360-buckets strong,body.crm-demo-vault-v1 .d360-offer-summary strong,body.crm-demo-vault-v1 .d360-offer-detail strong,body.crm-demo-vault-v1 .d360-metrics b{color:#fff!important}
body.crm-demo-vault-v1 .d360-next{border:1px solid #234763!important;background:#0d2942!important;color:#fff!important}
body.crm-demo-vault-v1 .d360-next span{color:var(--muted)!important}

body.crm-demo-vault-v1 .d360-options label:hover,body.crm-demo-vault-v1 .d360-options label.selected{border-color:#3d8fc8!important;background:#123a58!important}
body.crm-demo-vault-v1 .d360-options label strong{color:#fff!important}
body.crm-demo-vault-v1 .d360-options label p,body.crm-demo-vault-v1 .d360-options label small{color:#90a5b9!important}
body.crm-demo-vault-v1 .d360-options label em{color:#64dba7!important}
body.crm-demo-vault-v1 .d360-bank{background:#133b58!important;color:#e8bf56!important}
body.crm-demo-vault-v1 .d360-client-strip b{color:var(--gold)!important}
body.crm-demo-vault-v1 .d360-client-strip small{color:var(--muted)!important}

body.crm-demo-vault-v1 .d360-timeline:before{background:#27506d!important}
body.crm-demo-vault-v1 .d360-timeline li:before{background:#3ba9ff!important;box-shadow:0 0 0 4px #0b2b44!important}
body.crm-demo-vault-v1 .d360-timeline strong{color:#fff!important}
body.crm-demo-vault-v1 .d360-timeline small{color:var(--muted)!important}
body.crm-demo-vault-v1 .d360-notify{border-left:4px solid var(--gold)!important}
body.crm-demo-vault-v1 .d360-notify strong{color:#fff!important}
body.crm-demo-vault-v1 .d360-notify p{color:var(--muted)!important}

body.crm-demo-vault-v1 .d360-mail{background:linear-gradient(180deg,#f7f1df,#e9e1cc)!important;color:#1d2b38!important}
body.crm-demo-vault-v1 .d360-mail *{color:inherit!important}
body.crm-demo-vault-v1 .d360-mail a,body.crm-demo-vault-v1 .d360-hash{background:#0d4f86!important;color:#fff!important}
body.crm-demo-vault-v1 .d360-pdf{background:#e7e1d1!important;color:#1d2b38!important}
body.crm-demo-vault-v1 .d360-portal-grid{color:#dceaf6!important}
body.crm-demo-vault-v1 .d360-portal-head strong{color:#fff!important}
body.crm-demo-vault-v1 .d360-portal-head span{color:var(--muted)!important}

body.crm-demo-vault-v1 .d360-success .icon{background:linear-gradient(135deg,#1aa873,#0d7653)!important;color:#fff!important;box-shadow:0 12px 28px rgba(16,125,86,.24)!important}
body.crm-demo-vault-v1 .d360-checks span{border:1px solid #255541!important;background:#0e352b!important;color:#85e5bd!important}
body.crm-demo-vault-v1 .d360-session-expired{background:transparent!important;color:#fff!important}
body.crm-demo-vault-v1 .d360-session-expired h3{color:#fff!important}
body.crm-demo-vault-v1 .d360-session-expired>p{color:var(--muted)!important}
body.crm-demo-vault-v1 .d360-session-expired-info{border-color:#264761!important;background:#0b263e!important}

body.crm-demo-vault-v1 .d360-guide-layer{z-index:40!important}
body.crm-demo-vault-v1 .d360-guide-spotlight{border:2px solid var(--gold)!important;box-shadow:0 0 0 9999px rgba(2,10,18,.28),0 0 0 5px rgba(232,191,86,.10),0 18px 42px rgba(0,0,0,.32)!important}
body.crm-demo-vault-v1 .d360-guide-card{
  border:1px solid #315674!important;border-radius:15px!important;background:rgba(8,28,46,.97)!important;color:#eaf4fd!important;box-shadow:0 22px 60px rgba(0,0,0,.42)!important;backdrop-filter:blur(12px)!important;
}
body.crm-demo-vault-v1 .d360-guide-card>h3{color:#fff!important}
body.crm-demo-vault-v1 .d360-guide-top{border-bottom:1px solid #24455f!important}
body.crm-demo-vault-v1 .d360-guide-drag-title,body.crm-demo-vault-v1 .d360-guide-top>span{color:#72cbff!important}
body.crm-demo-vault-v1 .d360-guide-top-actions>button{color:#93a9bd!important}
body.crm-demo-vault-v1 .d360-guide-top-actions>button:first-child{border-color:#315675!important;background:#102e48!important;color:#70c5fa!important}
body.crm-demo-vault-v1 .d360-guide-block,body.crm-demo-vault-v1 .d360-guide-proof{border-color:#264862!important;background:#0d2840!important}
body.crm-demo-vault-v1 .d360-guide-block>p,body.crm-demo-vault-v1 .d360-guide-proof>p{color:#b9ccdc!important}
body.crm-demo-vault-v1 .d360-guide-block.current{border-color:#2b74a7!important;background:#103451!important}
body.crm-demo-vault-v1 .d360-guide-block.crm{border-color:#267357!important;background:#10372d!important}
body.crm-demo-vault-v1 .d360-guide-block.next{border-color:#725a25!important;background:#3b301a!important}
body.crm-demo-vault-v1 .d360-guide-proof{border-color:#5d5488!important;background:#2b294f!important}
body.crm-demo-vault-v1 .d360-guide-footer{border-color:#24435c!important;background:transparent!important}
body.crm-demo-vault-v1 .d360-guide-footer small{color:#7f96aa!important}
body.crm-demo-vault-v1 .d360-guide-footer button{background:linear-gradient(180deg,#258cf0,#156fcf)!important;color:#fff!important}
body.crm-demo-vault-v1 .d360-guide-resume{border-color:#446b86!important;background:#0d2a42!important;color:#75ccff!important}

@media(max-width:980px){
 body.crm-demo-vault-v1 .demo360-modal{grid-template-rows:78px 48px minmax(0,1fr)!important}
 body.crm-demo-vault-v1 .demo360-header{padding-left:108px!important}
 body.crm-demo-vault-v1 .demo360-header:before{left:14px;top:12px;width:82px;height:50px}
 body.crm-demo-vault-v1 .demo360-shell{grid-template-columns:190px minmax(0,1fr)!important}
 body.crm-demo-vault-v1 .demo360-side{padding:14px 10px!important}
 body.crm-demo-vault-v1 .demo360-side>img{width:154px!important;height:48px!important}
 body.crm-demo-vault-v1 .demo360-main{padding:18px!important}
}
@media(max-width:760px){
 body.crm-demo-vault-v1 .demo360-modal{grid-template-rows:auto auto minmax(0,1fr)!important}
 body.crm-demo-vault-v1 .demo360-header{min-height:68px!important;padding:10px 10px 10px 80px!important}
 body.crm-demo-vault-v1 .demo360-header:before{left:8px;top:10px;width:64px;height:42px}
 body.crm-demo-vault-v1 .demo360-header>div:first-child>span,body.crm-demo-vault-v1 .demo360-header p{display:none!important}
 body.crm-demo-vault-v1 .demo360-header h2{font-size:18px!important}
 body.crm-demo-vault-v1 .demo360-header-actions{gap:5px!important}
 body.crm-demo-vault-v1 .demo360-header-actions button{min-height:34px!important;padding:0 9px!important;font-size:8px!important}
 body.crm-demo-vault-v1 .demo360-header-actions button:last-child{min-width:34px!important;width:34px!important;font-size:0!important;padding:0!important}
 body.crm-demo-vault-v1 .demo360-header-actions button:last-child:after{content:'←';font-size:16px!important}
 body.crm-demo-vault-v1 .d360-session-timer{display:none!important}
 body.crm-demo-vault-v1 .demo360-progress{padding:6px 9px!important;overflow-x:auto!important;grid-template-columns:repeat(7,minmax(90px,1fr))!important}
 body.crm-demo-vault-v1 .demo360-shell{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important}
 body.crm-demo-vault-v1 .demo360-side{min-height:auto!important;padding:8px!important;display:block!important;border-right:0!important;border-bottom:1px solid var(--line-soft)!important;overflow-x:auto!important;white-space:nowrap!important}
 body.crm-demo-vault-v1 .demo360-side:after,body.crm-demo-vault-v1 .demo360-side>img,body.crm-demo-vault-v1 .demo360-actor,body.crm-demo-vault-v1 .demo360-side>small{display:none!important}
 body.crm-demo-vault-v1 .demo360-side nav{display:flex!important;gap:5px!important}
 body.crm-demo-vault-v1 .demo360-side nav button{min-width:max-content!important;min-height:34px!important;padding:0 12px!important;font-size:9px!important}
 body.crm-demo-vault-v1 .demo360-side nav button:before{display:none!important}
 body.crm-demo-vault-v1 .demo360-main{padding:14px 10px 24px!important}
 body.crm-demo-vault-v1 .d360-intro{grid-template-columns:1fr!important}
 body.crm-demo-vault-v1 .d360-intro h3,body.crm-demo-vault-v1 .d360-success h3{font-size:34px!important}
 body.crm-demo-vault-v1 .d360-grid,body.crm-demo-vault-v1 .d360-summary,body.crm-demo-vault-v1 .d360-cols,body.crm-demo-vault-v1 .d360-buckets,body.crm-demo-vault-v1 .d360-checks,body.crm-demo-vault-v1 .d360-offer-summary,body.crm-demo-vault-v1 .d360-offer-detail,body.crm-demo-vault-v1 .d360-metrics{grid-template-columns:1fr!important}
 body.crm-demo-vault-v1 .d360-head,body.crm-demo-vault-v1 .d360-next,body.crm-demo-vault-v1 .d360-consult,body.crm-demo-vault-v1 .d360-portal-head{flex-direction:column!important;align-items:flex-start!important}
 body.crm-demo-vault-v1 .d360-table{overflow-x:auto!important}
 body.crm-demo-vault-v1 .d360-table .row{min-width:720px!important}
 body.crm-demo-vault-v1 .d360-guide-card{left:10px!important;right:10px!important;width:auto!important;max-height:46vh!important;border-radius:14px!important}
}


/* CRM PERFIL DEMO QA FIXES V1 */
body.crm-demo-vault-v1 .demo360-overlay,
body.crm-demo-vault-v1 .demo360-overlay *{box-sizing:border-box}

/* La guía ocupa un carril propio en desktop/tablet horizontal. */
@media(min-width:900px){
  body.crm-demo-vault-v1 .demo360-overlay.guide-visible .demo360-main{
    padding-right:386px!important;
  }
  body.crm-demo-vault-v1 .demo360-overlay.guide-visible .d360-page{
    max-width:none!important;
  }
  body.crm-demo-vault-v1 .demo360-overlay.guide-visible .d360-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.crm-demo-vault-v1 .d360-guide-card{
    width:348px!important;
  }
}
@media(min-width:900px) and (max-width:1179px){
  body.crm-demo-vault-v1 .demo360-overlay.guide-visible .demo360-main{
    padding-right:342px!important;
  }
  body.crm-demo-vault-v1 .d360-guide-card{
    width:312px!important;
  }
  body.crm-demo-vault-v1 .demo360-overlay.guide-visible .d360-grid{
    grid-template-columns:1fr!important;
  }
}

/* Guía más legible y acciones táctiles. */
body.crm-demo-vault-v1 .d360-guide-top>span,
body.crm-demo-vault-v1 .d360-guide-top-actions>button,
body.crm-demo-vault-v1 .d360-guide-block>span,
body.crm-demo-vault-v1 .d360-guide-proof>span,
body.crm-demo-vault-v1 .d360-guide-footer small{
  font-size:10px!important;
}
body.crm-demo-vault-v1 .d360-guide-block>p,
body.crm-demo-vault-v1 .d360-guide-proof>p{
  font-size:11px!important;
}
body.crm-demo-vault-v1 .d360-guide-top-actions>button,
body.crm-demo-vault-v1 .d360-guide-footer button{
  min-height:40px!important;
  padding:0 12px!important;
}

/* Responsive real: el contenido no puede conservar un ancho de escritorio. */
@media(max-width:899px){
  body.crm-demo-vault-v1 .demo360-modal,
  body.crm-demo-vault-v1 .demo360-progress,
  body.crm-demo-vault-v1 .demo360-shell,
  body.crm-demo-vault-v1 .demo360-main,
  body.crm-demo-vault-v1 .d360-page,
  body.crm-demo-vault-v1 .d360-card,
  body.crm-demo-vault-v1 .d360-form,
  body.crm-demo-vault-v1 .d360-grid{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.crm-demo-vault-v1 .demo360-progress{
    display:flex!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain!important;
    scrollbar-width:thin!important;
    padding:7px 9px!important;
    gap:6px!important;
  }
  body.crm-demo-vault-v1 .demo360-progress>div{
    min-width:88px!important;
    flex:0 0 88px!important;
  }
  body.crm-demo-vault-v1 .demo360-progress small{
    font-size:10px!important;
  }
  body.crm-demo-vault-v1 .demo360-progress span{
    width:26px!important;
    height:26px!important;
    font-size:10px!important;
  }
  body.crm-demo-vault-v1 .demo360-main{
    overflow-x:hidden!important;
  }
  body.crm-demo-vault-v1 .d360-form input,
  body.crm-demo-vault-v1 .d360-form select,
  body.crm-demo-vault-v1 .d360-form textarea,
  body.crm-demo-vault-v1 .d360-options,
  body.crm-demo-vault-v1 .d360-options label,
  body.crm-demo-vault-v1 .d360-consult,
  body.crm-demo-vault-v1 .d360-next,
  body.crm-demo-vault-v1 .d360-client-strip,
  body.crm-demo-vault-v1 .d360-notify{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  body.crm-demo-vault-v1 .d360-grid,
  body.crm-demo-vault-v1 .d360-cols,
  body.crm-demo-vault-v1 .d360-summary,
  body.crm-demo-vault-v1 .d360-buckets,
  body.crm-demo-vault-v1 .d360-checks,
  body.crm-demo-vault-v1 .d360-offer-summary,
  body.crm-demo-vault-v1 .d360-offer-detail,
  body.crm-demo-vault-v1 .d360-metrics{
    grid-template-columns:1fr!important;
  }
  body.crm-demo-vault-v1 .d360-table{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }

  /* La tarjeta informativa no bloquea el objetivo; solo sus botones reciben clic. */
  body.crm-demo-vault-v1 .d360-guide-card{
    pointer-events:none!important;
    width:auto!important;
    max-width:none!important;
    overflow:auto!important;
  }
  body.crm-demo-vault-v1 .d360-guide-card button,
  body.crm-demo-vault-v1 .d360-guide-card a,
  body.crm-demo-vault-v1 .d360-guide-card input,
  body.crm-demo-vault-v1 .d360-guide-card select{
    pointer-events:auto!important;
  }
  body.crm-demo-vault-v1 .d360-guide-card[data-guide-mode="free"] .d360-guide-block.crm,
  body.crm-demo-vault-v1 .d360-guide-card[data-guide-mode="free"] .d360-guide-proof,
  body.crm-demo-vault-v1 .d360-guide-footer small{
    display:none!important;
  }
  body.crm-demo-vault-v1 .d360-guide-card>h3{
    margin:7px 0 9px!important;
    font-size:18px!important;
  }
  body.crm-demo-vault-v1 .d360-guide-block,
  body.crm-demo-vault-v1 .d360-guide-proof{
    margin-top:6px!important;
    padding:8px 9px!important;
  }
  body.crm-demo-vault-v1 .d360-guide-footer{
    position:static!important;
    margin:8px 0 0!important;
    padding:8px 0 0!important;
    background:transparent!important;
  }
}

@media(max-width:760px){
  body.crm-demo-vault-v1 .demo360-header-actions button,
  body.crm-demo-vault-v1 .demo360-side nav button,
  body.crm-demo-vault-v1 .d360-primary,
  body.crm-demo-vault-v1 .d360-secondary,
  body.crm-demo-vault-v1 .d360-form input,
  body.crm-demo-vault-v1 .d360-form select,
  body.crm-demo-vault-v1 .d360-check-option,
  body.crm-demo-vault-v1 .d360-guide-top-actions>button,
  body.crm-demo-vault-v1 .d360-guide-footer button{
    min-height:44px!important;
  }
  body.crm-demo-vault-v1 .demo360-side nav button,
  body.crm-demo-vault-v1 .d360-primary,
  body.crm-demo-vault-v1 .d360-secondary,
  body.crm-demo-vault-v1 .d360-form label,
  body.crm-demo-vault-v1 .d360-head p,
  body.crm-demo-vault-v1 .d360-file p{
    font-size:11px!important;
  }
  body.crm-demo-vault-v1 .d360-check-option input{
    width:22px!important;
    min-height:22px!important;
  }
}

/* CRM PERFIL DEMO QA FIXES V1B · COMPACT GUIDE MOBILE */
@media(max-width:760px){
  body.crm-demo-vault-v1 .d360-guide-card{
    padding:10px!important;
    max-height:26vh!important;
  }
  body.crm-demo-vault-v1 .d360-guide-card::before,
  body.crm-demo-vault-v1 .d360-guide-card[data-guide-mode="free"] .d360-guide-block.next,
  body.crm-demo-vault-v1 .d360-guide-card[data-guide-mode="free"] .d360-guide-block.crm,
  body.crm-demo-vault-v1 .d360-guide-card[data-guide-mode="free"] .d360-guide-proof,
  body.crm-demo-vault-v1 #d360GuideMode,
  body.crm-demo-vault-v1 #d360GuideResetPosition{
    display:none!important;
  }
  body.crm-demo-vault-v1 .d360-guide-top{
    gap:8px!important;
  }
  body.crm-demo-vault-v1 .d360-guide-top-actions>button{
    min-height:36px!important;
    padding:0 9px!important;
  }
  body.crm-demo-vault-v1 .d360-guide-card>h3{
    margin:5px 0 7px!important;
    font-size:16px!important;
  }
  body.crm-demo-vault-v1 .d360-guide-block.current{
    margin-top:0!important;
    padding:7px 8px!important;
  }
  body.crm-demo-vault-v1 .d360-guide-block.current>span{
    display:none!important;
  }
  body.crm-demo-vault-v1 .d360-guide-block.current>p{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  body.crm-demo-vault-v1 .d360-guide-footer{
    justify-content:flex-end!important;
  }
  body.crm-demo-vault-v1 .d360-guide-footer button{
    min-height:38px!important;
  }
}

/* CRM PERFIL DEMO QA FIXES V1C · DOCKED GUIDE MOBILE */
@media(max-width:760px){
  body.crm-demo-vault-v1 .demo360-modal{
    grid-template-rows:auto auto auto minmax(0,1fr)!important;
  }
  body.crm-demo-vault-v1 .d360-guide-layer{
    position:relative!important;
    inset:auto!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    pointer-events:none!important;
  }
  body.crm-demo-vault-v1 .d360-guide-layer:not(.visible){
    display:none!important;
  }
  body.crm-demo-vault-v1 .d360-guide-layer.visible{
    display:block!important;
  }
  body.crm-demo-vault-v1 .d360-guide-spotlight{
    display:none!important;
  }
  body.crm-demo-vault-v1 .d360-guide-card,
  body.crm-demo-vault-v1 .d360-guide-card.d360-guide-dragged{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:184px!important;
    margin:6px 8px!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.crm-demo-vault-v1 .d360-guide-top{
    cursor:default!important;
    touch-action:auto!important;
  }
  body.crm-demo-vault-v1 .demo360-shell{
    min-height:0!important;
  }
}
