/* ============================================================
   SIMULAÇÃO MULTI-DEVICE v12 - Layout last-sec
   Card branco à esquerda (efeito lfpos manual), texto solto à direita
   ============================================================ */

/* Seção: transparente, pega bg do site */
.bh-vps-sim2-section{padding:60px 0;background:transparent}

/* Card estilo lfpos - SEM usar .card do geral.css */
.bh-vps-sim2-lfcard{
  background:#fff;
  padding:30px 30px 10px;
  border-radius:0 30px 30px 0;
  position:relative;
  box-shadow:0 0 10px 0 rgba(0,0,0,.06);
}
/* Extensão infinita pra esquerda (efeito lfpos) */
.bh-vps-sim2-lfcard::before{
  content:'';
  position:absolute;
  top:0;right:100%;bottom:0;
  width:50vw;
  background:#fff;
  box-shadow:0 0 10px 0 rgba(0,0,0,.06);
}
/* Patch pra cobrir a junção */
.bh-vps-sim2-lfcard::after{
  content:'';
  position:absolute;
  top:0;right:calc(100% - 30px);bottom:0;
  width:40px;
  background:#fff;
  z-index:2;
}
@media(max-width:1199px){
  .bh-vps-sim2-lfcard{margin:0;width:100%;border-radius:24px}
  .bh-vps-sim2-lfcard::before,.bh-vps-sim2-lfcard::after{display:none}
}
@media(max-width:575px){
  .bh-vps-sim2-lfcard{
    width:calc(100% + 30px);margin:0 -15px;
    padding:20px;border-radius:0;
  }
}

/* Lado direito: h2 e h4 herdam do geral.css (azul, Mont) */
.bh-vps-sim2-section .bh-vps-sim2-info-feats{margin:24px 0}
.bh-vps-sim2-section .bh-vps-sim2-stores-inline{margin-bottom:0}

/* Badge */
.bh-vps-sim2-badge{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 16px;font-size:12px;font-weight:700;
  color:#3b82f6;background:#eff6ff;
  border:1px solid #dbeafe;border-radius:100px;
  margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;
}
.bh-vps-sim2-title{
  font-size:2.6rem;font-weight:800;line-height:1.12;
  color:#0f172a;margin-bottom:12px;letter-spacing:-.03em;
}
.bh-vps-sim2-subtitle{
  font-size:16px;color:#64748b;line-height:1.7;
  max-width:560px;margin:0 auto;
}
@media(max-width:767px){.bh-vps-sim2-title{font-size:1.8rem}}

/* Devices container */
.bh-vps-sim2-devices{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  gap:0;
  position:relative;
  padding-bottom:20px;
  width:100%;
}

/* ======= DESKTOP MONITOR ======= */
.bh-vps-sim2-desktop-wrap{display:flex;flex-direction:column;align-items:stretch;flex:1;min-width:0}
.bh-vps-sim2-monitor{
  width:100%;max-width:540px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  box-shadow:0 16px 50px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);
  background:#f8fafc;
  position:relative;
  z-index:2;
}
.bh-vps-sim2-topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 10px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);
  border-bottom:1px solid #e2e8f0;
}
.bh-vps-sim2-topbar-title{font-size:10px;font-weight:600;color:#64748b;letter-spacing:.02em;display:flex;align-items:center;gap:6px}
.bh-vps-sim2-topbar-mid{font-size:10px;font-weight:600;color:#10b981;display:flex;align-items:center;gap:5px}
.bh-vps-sim2-topbar-status-text{color:#10b981}
.bh-vps-sim2-winbtns{display:flex;gap:1px}
.bh-vps-sim2-winbtn{
  width:28px;height:22px;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;color:#64748b;cursor:pointer;
  transition:background .12s;
}
.bh-vps-sim2-winbtn:hover{background:#e2e8f0}
.bh-vps-sim2-winbtn-close:hover{background:#ef4444;color:#fff}
.bh-vps-sim2-pulse{width:6px;height:6px;border-radius:50%;background:#10b981;display:inline-block;animation:bhSim2Pulse 2s infinite}
.bh-vps-sim2-pulse-sm{width:5px;height:5px;border-radius:50%;background:#10b981;display:inline-block;animation:bhSim2Pulse 2s infinite}
@keyframes bhSim2Pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* Screen */
.bh-vps-sim2-screen{
  position:relative;height:270px;
  background:linear-gradient(145deg,#eef2f7 0%,#e4e9f0 50%,#dfe5ed 100%);
  overflow:hidden;
}
.bh-vps-sim2-bg-grid{
  position:absolute;inset:0;opacity:.03;
  background-image:radial-gradient(circle,#3b82f6 1px,transparent 1px);
  background-size:36px 36px;
}

/* Icons */
.bh-vps-sim2-icons{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:12px;z-index:2}
.bh-vps-sim2-icon{display:flex;flex-direction:column;align-items:center;gap:3px;width:56px;cursor:pointer;transition:transform .2s}
.bh-vps-sim2-icon:hover{transform:scale(1.08)}
.bh-vps-sim2-icon-box{
  width:36px;height:36px;background:rgba(255,255,255,.85);border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(0,0,0,.07);
}
.bh-vps-sim2-icon-box svg{width:20px;height:20px}
.bh-vps-sim2-icon span{font-size:8.5px;font-weight:600;color:#334155;text-shadow:0 1px 2px rgba(255,255,255,.7);text-align:center}
.bh-vps-sim2-icon-hl .bh-vps-sim2-icon-box{background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(16,185,129,.2)}

/* Cursor */
.bh-vps-sim2-cursor{position:absolute;top:50%;left:50%;z-index:20;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}

/* App window */
.bh-vps-sim2-app{
  position:absolute;top:8px;right:8px;bottom:8px;left:70px;
  background:#fff;border-radius:8px;border:1px solid #e2e8f0;
  box-shadow:0 6px 24px rgba(15,23,42,.1);
  z-index:10;opacity:0;transform:scale(.9) translateY(8px);
  transition:all .4s cubic-bezier(.16,1,.3,1);
  display:flex;flex-direction:column;overflow:hidden;
}
.bh-vps-sim2-app.bh-vps-sim2-show{opacity:1;transform:scale(1) translateY(0)}

/* App titlebar */
.bh-vps-sim2-app-titlebar{
  display:flex;align-items:center;justify-content:space-between;
  padding:6px 10px;background:#fafbfc;border-bottom:1px solid #f1f5f9;flex-shrink:0;
}
.bh-vps-sim2-app-titlebar-l{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#475569}
.bh-vps-sim2-app-titlebar-r{display:flex;gap:2px}
.bh-vps-sim2-app-titlebar-r span{
  width:20px;height:20px;display:flex;align-items:center;justify-content:center;
  font-size:9px;color:#94a3b8;border-radius:3px;cursor:pointer;transition:background .15s;
}
.bh-vps-sim2-app-titlebar-r span:hover{background:#f1f5f9}
.bh-vps-sim2-close-btn:hover{background:#fef2f2!important;color:#ef4444!important}

/* App content */
.bh-vps-sim2-app-content{flex:1;padding:10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.bh-vps-sim2-app-stats,.bh-vps-sim2-app-bottom-stats{display:flex;gap:6px}
.bh-vps-sim2-stat{flex:1;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;padding:6px 8px}
.bh-vps-sim2-stat-lbl{display:block;font-size:8px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px}
.bh-vps-sim2-stat-val{font-size:11px;font-weight:700;color:#1e293b}
.bh-vps-sim2-green{color:#10b981!important}

/* Chart */
.bh-vps-sim2-chart-wrap{flex:1;display:flex;flex-direction:column;min-height:0}
.bh-vps-sim2-chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.bh-vps-sim2-chart-symbol{font-size:11px;font-weight:700;color:#1e293b}
.bh-vps-sim2-chart-val{font-size:11px;font-weight:700}
.bh-vps-sim2-chart-val small{font-size:9px}
.bh-vps-sim2-chart-box{flex:1;border-radius:6px;background:#fafbfc;border:1px solid #f1f5f9;overflow:hidden;display:flex;min-height:0}
.bh-vps-sim2-chart-svg{width:100%;height:100%}
.bh-vps-sim2-chart-line{stroke-dasharray:600;stroke-dashoffset:600}
.bh-vps-sim2-show .bh-vps-sim2-chart-line{animation:bhSim2Draw 1.5s ease forwards .3s}
.bh-vps-sim2-chart-dot{opacity:0}
.bh-vps-sim2-show .bh-vps-sim2-chart-dot{animation:bhSim2FadeIn .3s ease forwards 1.6s}
@keyframes bhSim2Draw{to{stroke-dashoffset:0}}
@keyframes bhSim2FadeIn{to{opacity:1}}

/* Taskbar */
.bh-vps-sim2-taskbar{
  display:flex;align-items:center;padding:5px 10px;
  background:linear-gradient(180deg,#f1f5f9,#e8ecf1);
  border-top:1px solid #e2e8f0;gap:6px;height:32px;
}
.bh-vps-sim2-taskbar-start{
  width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:5px;
}
.bh-vps-sim2-taskbar-item{
  display:flex;align-items:center;gap:4px;padding:3px 8px;
  font-size:9.5px;font-weight:600;color:#475569;border-radius:4px;
  background:rgba(59,130,246,.06);opacity:0;transition:opacity .3s;
}
.bh-vps-sim2-taskbar-item.bh-vps-sim2-task-show{opacity:1}
.bh-vps-sim2-taskbar-clock{margin-left:auto;font-size:9.5px;font-weight:600;color:#64748b}

/* Stand */
.bh-vps-sim2-stand{display:flex;flex-direction:column;align-items:center;width:540px}
.bh-vps-sim2-stand-neck{width:60px;height:24px;background:linear-gradient(180deg,#d4d9e0,#c8cdd4);border-radius:0 0 3px 3px}
.bh-vps-sim2-stand-base{width:120px;height:8px;background:linear-gradient(180deg,#c8cdd4,#bcc2c9);border-radius:0 0 40px 40px}

/* ======= PHONE ======= */
.bh-vps-sim2-phone-wrap{
  position:absolute;z-index:3;
  right:100px;bottom:30px;
  flex-shrink:0;
  opacity:0;transform:translateY(20px);
  transition:all .6s cubic-bezier(.16,1,.3,1);
}
.bh-vps-sim2-phone-wrap.bh-vps-sim2-phone-show{opacity:1;transform:translateY(0)}

.bh-vps-sim2-phone{
  width:190px;
  background:#fff;
  border-radius:24px;
  border:2px solid #d4d9e0;
  box-shadow:0 16px 50px rgba(15,23,42,.12), 0 2px 6px rgba(15,23,42,.06);
  overflow:hidden;
  position:relative;
}
.bh-vps-sim2-phone-notch{
  width:60px;height:6px;background:#e2e8f0;
  border-radius:0 0 8px 8px;margin:0 auto;
}
.bh-vps-sim2-phone-statusbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:4px 14px 2px;font-size:9px;font-weight:700;color:#1e293b;
}
.bh-vps-sim2-phone-statusbar-r{display:flex;gap:4px;align-items:center}
.bh-vps-sim2-phone-content{padding:6px 10px 8px}

/* Phone app bar */
.bh-vps-sim2-phone-app-bar{
  display:flex;align-items:center;gap:5px;margin-bottom:8px;
  font-size:11px;font-weight:700;color:#1e293b;
}
.bh-vps-sim2-phone-app-bar-r{margin-left:auto}

/* Phone stats */
.bh-vps-sim2-phone-stats{display:flex;gap:5px;margin-bottom:8px}
.bh-vps-sim2-phone-stat{
  flex:1;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:6px 8px;
}
.bh-vps-sim2-phone-stat-lbl{display:block;font-size:7.5px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}
.bh-vps-sim2-phone-stat-val{font-size:11px;font-weight:700;color:#1e293b}

/* Phone chart */
.bh-vps-sim2-phone-chart{margin-bottom:8px}
.bh-vps-sim2-phone-chart-head{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#1e293b;margin-bottom:3px}
.bh-vps-sim2-phone-chart-box{height:55px;border-radius:6px;background:#fafbfc;border:1px solid #f1f5f9;overflow:hidden}
.bh-vps-sim2-phone-chart-svg{width:100%;height:100%}
.bh-vps-sim2-phone-line{stroke-dasharray:400;stroke-dashoffset:400}
.bh-vps-sim2-phone-show .bh-vps-sim2-phone-line{animation:bhSim2Draw 1.2s ease forwards .2s}
.bh-vps-sim2-phone-dot{opacity:0}
.bh-vps-sim2-phone-show .bh-vps-sim2-phone-dot{animation:bhSim2FadeIn .3s ease forwards 1.2s}

/* Phone orders */
.bh-vps-sim2-phone-orders{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.bh-vps-sim2-phone-order{
  display:flex;justify-content:space-between;align-items:center;
  padding:5px 7px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;
}
.bh-vps-sim2-phone-order strong{font-size:9px;color:#1e293b;display:block}
.bh-vps-sim2-phone-order span{font-size:8px;color:#94a3b8}
.bh-vps-sim2-phone-order>span{font-size:9.5px;font-weight:700}

/* Phone connection */
.bh-vps-sim2-phone-conn{
  text-align:center;font-size:8px;font-weight:600;color:#10b981;
  display:flex;align-items:center;justify-content:center;gap:4px;
  padding:4px;background:#ecfdf5;border-radius:6px;
}

/* Phone home bar */
.bh-vps-sim2-phone-homebar{
  width:50px;height:4px;background:#d4d9e0;border-radius:2px;margin:6px auto 8px;
}

/* ======= RIGHT SIDE: Features soltos ======= */
.bh-vps-sim2-info-feats{display:flex;flex-direction:column;gap:16px;margin:24px 0}
.bh-vps-sim2-info-feat{display:flex;gap:12px;align-items:flex-start}
.bh-vps-sim2-info-feat-ic{
  width:40px;height:40px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;font-size:15px;
}
.bh-vps-sim2-info-feat strong{display:block;font-size:13.5px;font-weight:700;color:#1e293b;margin-bottom:1px}
.bh-vps-sim2-info-feat span{font-size:12.5px;color:#94a3b8;line-height:1.45}

/* Inline store badges */
.bh-vps-sim2-stores-inline{display:flex;gap:8px;margin-bottom:0;flex-wrap:wrap}
.bh-vps-sim2-store-sm{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 14px;background:#fff;
  border:1px solid #e2e8f0;border-radius:10px;
  text-decoration:none;color:#1e293b;transition:all .2s;
}
.bh-vps-sim2-store-sm:hover{
  border-color:rgba(59,130,246,.25);background:#eff6ff;
  text-decoration:none;color:#1e293b;transform:translateY(-1px);
}
.bh-vps-sim2-store-sm small{font-size:11px;font-weight:600;color:#475569}

/* Responsive lfcard */
@media(max-width:991px){
  .bh-vps-sim2-lfcard{margin-bottom:40px}
}