/* Vistio Business 1.0.8.24 — solo tarjeta de ejemplo en Mi Panel. */
#workspace .dashboard-hero.v03-hero:has(.vb124-dashboard-card){
  grid-template-columns:minmax(0,1fr) minmax(186px,210px);
  column-gap:18px;
  min-height:366px;
  overflow:hidden;
}
#workspace .dashboard-hero .dash-phone-sample.vb124-dashboard-card{
  box-sizing:border-box;
  justify-self:center;
  position:relative;
  display:flex;
  flex-direction:column;
  width:186px;
  height:322px;
  min-width:0;
  padding:0!important;
  margin:0 4px 0 0;
  border:2px solid #b59863!important;
  border-radius:25px;
  overflow:hidden;
  background:linear-gradient(160deg,#15171d,#0c0e11)!important;
  color:#faf7ef;
  box-shadow:0 0 0 5px #0c0f14,0 0 0 6px rgba(204,161,97,.2),0 24px 45px #0009!important;
  transform:rotate(2deg);
  animation:vb124-card-float 9s ease-in-out infinite!important;
  isolation:isolate;
}
#workspace .dashboard-hero .vb124-dashboard-card:after{
  content:"";pointer-events:none;position:absolute;inset:0;z-index:5;
  border-radius:23px;box-shadow:inset 0 1px rgba(255,255,255,.13);
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-cover{
  position:relative;
  box-sizing:border-box;
  flex:none;
  height:104px;
  margin:0;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 81% 8%,rgba(255,211,136,.37),transparent 39%),
    linear-gradient(145deg,#6f573b 0%,#34322e 41%,#161c27 100%);
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-cover:after{
  position:absolute;content:"";inset:auto -20px -35px auto;
  width:146px;height:146px;border:1px solid rgba(239,206,148,.5);
  border-radius:50%;box-shadow:0 0 0 25px rgba(235,198,129,.07),0 0 0 52px rgba(235,198,129,.035);
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-cover-top{
  position:absolute;z-index:2;left:13px;top:14px;color:#fff5dd;
  font-size:8px;font-weight:850;letter-spacing:.19em;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-cover-top b{font-weight:700;color:#e7c689}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-cover-mark{
  position:absolute;right:13px;top:12px;z-index:2;color:#f4dbaa;font-size:12px;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-card-body{
  position:relative;z-index:2;display:flex;flex-direction:column;
  flex:1;min-height:0;padding:38px 15px 15px;
  background:linear-gradient(165deg,#191a1c,#0e1013 87%);
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-avatar{
  position:absolute;left:14px;top:-28px;width:58px;height:58px;
  border-radius:50%;border:3px solid #c6a46c;background:#26221b;
  overflow:hidden;box-shadow:0 0 0 4px #141518,0 7px 18px rgba(0,0,0,.45);
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-avatar img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:center 31%;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-eyebrow{
  display:block;margin:0 0 8px;font-size:7px;font-weight:850;line-height:1.3;
  letter-spacing:.14em;color:#cdb386;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-eyebrow i{font-style:normal;color:#efd49e;margin-inline:2px}
#workspace .dashboard-hero .vb124-dashboard-card h3{
  margin:0!important;font-family:inherit;font-weight:800;font-size:24px!important;
  line-height:1.02!important;letter-spacing:-.055em!important;color:#fffaf0;
}
#workspace .dashboard-hero .vb124-dashboard-card p{
  margin:7px 0 0!important;color:#c6c0b7!important;
  font-size:9px!important;font-weight:500;line-height:1.4;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-brandline{
  margin-top:12px;padding-top:10px;border-top:1px solid rgba(210,172,103,.2);
  color:#bda986;font-size:6.5px;letter-spacing:.1em;line-height:1.4;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-card-actions{
  display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:11px;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-main-action,
#workspace .dashboard-hero .vb124-dashboard-card .vb124-secondary-action{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  height:27px;padding:0 10px;border-radius:7px;font-size:8px;font-weight:800;
  letter-spacing:0;white-space:nowrap;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-main-action{
  flex:1;justify-content:space-between;gap:6px;
  color:#161511;background:linear-gradient(120deg,#e4c68e,#bd9756);
  box-shadow:0 5px 10px rgba(0,0,0,.2);
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-main-action b{
  font-size:12px;line-height:1;font-weight:700;
}
#workspace .dashboard-hero .vb124-dashboard-card .vb124-secondary-action{
  border:1px solid rgba(200,166,103,.44);color:#eee0c6;
  background:rgba(255,255,255,.035);
}
@keyframes vb124-card-float{
  0%,100%{transform:translate3d(0,0,0) rotate(2deg)}
  50%{transform:translate3d(0,-5px,0) rotate(2deg)}
}
@media(max-width:650px){
  /* Conservar el comportamiento móvil previo del dashboard: muestra oculta. */
  #workspace .dashboard-hero .dash-phone-sample.vb124-dashboard-card{display:none!important}
  #workspace .dashboard-hero.v03-hero:has(.vb124-dashboard-card){grid-template-columns:1fr;min-height:0}
}
@media(prefers-reduced-motion:reduce){
  #workspace .dashboard-hero .dash-phone-sample.vb124-dashboard-card{animation:none!important;transform:rotate(2deg)}
}