:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--blue:#2563eb;--blue2:#1d4ed8;--bg:#f8fafc;--card:#fff;--soft:#eff6ff}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}.pill{display:inline-flex;align-items:center;width:max-content;border-radius:999px;padding:8px 13px;background:#dbeafe;color:#1d4ed8;font-weight:800;font-size:13px}.pill.dark{background:#e0e7ff;color:#312e81}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:15px;padding:14px 20px;font-weight:900;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--blue),#7c3aed);color:#fff;box-shadow:0 15px 30px rgba(37,99,235,.24)}.btn-soft{background:#fff;color:#1e293b;border:1px solid var(--line)}.btn-product{width:100%;background:var(--ink);color:#fff}.btn.small{padding:9px 13px;border-radius:11px}.full{width:100%}.landing-body{background:#fff}.landing-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,70px);background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.7)}.brand{display:flex;align-items:center;gap:10px;font-weight:950}.logo-dot{width:13px;height:13px;border-radius:50%;display:inline-block;background:linear-gradient(135deg,#2563eb,#7c3aed)}.nav-actions{display:flex;gap:16px;font-weight:800;color:#334155}.hero-pro{position:relative;overflow:hidden;padding:70px clamp(18px,5vw,70px) 46px;background:#08111f;color:#fff}.hero-bg{position:absolute;inset:-20%;background:radial-gradient(circle at 20% 10%,rgba(37,99,235,.55),transparent 28%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.5),transparent 28%),linear-gradient(135deg,#0f172a,#111827);}.hero-grid{position:relative;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.hero-copy h1{font-size:clamp(38px,6vw,72px);line-height:.96;margin:20px 0 18px;letter-spacing:-.055em}.hero-copy p{max-width:720px;color:#cbd5e1;font-size:20px;line-height:1.65}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#bfdbfe;font-weight:800}.hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:32px;padding:24px;box-shadow:0 35px 90px rgba(0,0,0,.35);backdrop-filter:blur(18px)}.metric{background:#fff;color:var(--ink);border-radius:24px;padding:26px;margin-bottom:18px}.metric strong{display:block;font-size:62px;line-height:1}.metric span{color:var(--muted);font-weight:800}.preview-card{border-radius:24px;padding:24px;background:linear-gradient(135deg,#1d4ed8,#7c3aed);min-height:190px}.preview-card span{opacity:.85}.preview-card h3{font-size:34px;margin:25px 0 8px}.section{max-width:1180px;margin:0 auto;padding:70px clamp(18px,4vw,30px)}.section-title{text-align:center;max-width:760px;margin:0 auto 34px}.section-title h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.04em;margin:16px 0 8px}.section-title p{font-size:18px;color:var(--muted);line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 18px 60px rgba(15,23,42,.08);display:flex;flex-direction:column;min-height:420px}.product-card.featured{border:2px solid #93c5fd;transform:translateY(-6px)}.product-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.product-badge,.featured-badge{font-size:12px;font-weight:900;border-radius:999px;padding:7px 10px;background:#f1f5f9;color:#334155}.featured-badge{background:#dbeafe;color:#1d4ed8}.product-card h3{font-size:25px;line-height:1.1;margin:22px 0 8px}.subtitle{font-weight:850;color:#1d4ed8}.desc{color:#475569;line-height:1.6;flex:1}.price-row{font-size:18px;margin:15px 0 18px}.price-row strong{font-size:25px}.mini{padding-top:20px}.why{background:#f8fafc;border:1px solid var(--line);border-radius:32px;padding:32px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.why p{color:var(--muted)}.footer{text-align:center;padding:35px;color:#64748b;border-top:1px solid var(--line)}.login-body{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e3a8a);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:min(460px,100%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-card h1{font-size:34px;margin:18px 0 8px}.login-card p{color:var(--muted);line-height:1.55}.input{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:14px;margin:7px 0 16px}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px;margin:14px 0}.dash-body{display:flex;min-height:100vh}.sidebar{width:240px;background:#0f172a;color:#fff;padding:24px;position:fixed;inset:0 auto 0 0}.sidebar .brand{margin-bottom:28px}.sidebar a{display:block;padding:13px 14px;border-radius:13px;color:#cbd5e1;font-weight:800;margin:4px 0}.sidebar a.active,.sidebar a:hover{background:#1e293b;color:#fff}.dash-main{margin-left:240px;padding:32px;width:calc(100% - 240px)}.dash-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.dash-head h1{font-size:42px;margin:12px 0 8px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 36px rgba(15,23,42,.06)}.stat span{display:block;color:var(--muted);font-weight:800}.stat strong{font-size:34px}.panel{margin-top:22px}.link-list{display:grid;gap:12px}.link-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px}.link-item small{display:block;color:var(--muted);margin-top:5px;word-break:break-all}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.table th{color:#475569}@media(max-width:950px){.hero-grid,.products-grid,.why-grid,.stats-grid{grid-template-columns:1fr}.hero-card{display:none}.product-card.featured{transform:none}.sidebar{position:relative;width:100%;inset:auto}.dash-body{display:block}.dash-main{margin-left:0;width:100%;padding:18px}.dash-head{display:block}.landing-nav{position:relative}.nav-actions{display:none}}
.notice{background:#dcfce7;color:#166534;padding:12px;border-radius:12px;margin:14px 0}.admin-form{max-width:760px}.admin-form textarea.input{font-family:inherit;resize:vertical}.table a{color:#2563eb;font-weight:800}

.success{background:#dcfce7;color:#166534;padding:12px;border-radius:12px;margin:14px 0}
.login-shell.wide .login-card{width:min(860px,100%)}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.form-grid .full-row{grid-column:1/-1}
.form-grid label{font-weight:800;color:#334155}
textarea.input{font-family:inherit;resize:vertical}
.request-list{display:grid;gap:16px}
.request-card{display:grid;grid-template-columns:1fr 260px;gap:18px;border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff}
.request-card small{display:block;color:var(--muted);margin:5px 0 10px}
.request-actions{display:grid;gap:10px;align-content:start}
.input.compact{padding:10px;margin:0 0 8px}
@media(max-width:950px){.form-grid,.request-card{grid-template-columns:1fr}.request-actions{display:block}}

.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.stat-card span{display:block;color:#64748b;font-size:13px}.stat-card strong{display:block;font-size:30px;margin-top:6px;color:#0f172a}@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.stats-grid{grid-template-columns:1fr}}

/* Premium automatic affiliate landing */
.premium-aff-body{min-height:100vh;background:#070b14;color:#e5e7eb;overflow-x:hidden}.premium-noise{position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.4) 1px,transparent 0);background-size:26px 26px;z-index:0}.premium-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(18px,5vw,72px);background:rgba(7,11,20,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(148,163,184,.16)}.premium-brand{display:flex;align-items:center;gap:12px}.premium-brand-mark{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#38bdf8,#8b5cf6);font-weight:950;color:#fff;box-shadow:0 18px 45px rgba(56,189,248,.25)}.premium-brand strong{display:block;color:#fff;font-size:16px;letter-spacing:-.02em}.premium-brand small{display:block;color:#94a3b8;font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.premium-nav-links{display:flex;align-items:center;gap:22px;color:#cbd5e1;font-weight:850}.premium-nav-cta{padding:10px 14px;border-radius:999px;background:#fff;color:#0f172a}.premium-hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.56fr);gap:34px;align-items:center;max-width:1240px;margin:0 auto;padding:84px clamp(18px,4vw,28px) 44px}.premium-hero:before{content:"";position:absolute;inset:-120px -160px auto auto;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.28),transparent 64%);filter:blur(4px);z-index:-1}.premium-hero:after{content:"";position:absolute;left:-180px;top:0;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.22),transparent 62%);z-index:-1}.premium-eyebrow{display:inline-flex;width:max-content;max-width:100%;align-items:center;border:1px solid rgba(125,211,252,.32);background:rgba(14,165,233,.12);color:#bae6fd;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900}.premium-eyebrow.dark{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}.premium-hero h1{font-size:clamp(43px,7.2vw,86px);line-height:.92;margin:20px 0 20px;letter-spacing:-.07em;color:#fff}.premium-lead{font-size:20px;line-height:1.72;color:#cbd5e1;max-width:780px}.premium-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.premium-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:18px;padding:15px 22px;font-weight:950;border:1px solid transparent;transition:.2s ease}.premium-btn.primary{background:linear-gradient(135deg,#38bdf8,#2563eb 48%,#7c3aed);color:#fff;box-shadow:0 24px 55px rgba(37,99,235,.34)}.premium-btn.ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}.premium-btn.product{width:100%;background:#0f172a;color:#fff}.premium-btn:hover{transform:translateY(-2px)}.premium-trust{display:flex;gap:12px;flex-wrap:wrap;color:#93c5fd;font-size:14px;font-weight:850}.premium-trust span{padding:9px 11px;border:1px solid rgba(147,197,253,.18);border-radius:999px;background:rgba(147,197,253,.06)}.premium-profile-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));border:1px solid rgba(255,255,255,.16);border-radius:36px;padding:28px;box-shadow:0 35px 100px rgba(0,0,0,.38);backdrop-filter:blur(22px)}.premium-profile-card:before{content:"";position:absolute;inset:1px;border-radius:35px;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 38%);pointer-events:none}.premium-avatar{width:86px;height:86px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#dbeafe);color:#1d4ed8;font-size:32px;font-weight:950;box-shadow:0 22px 45px rgba(0,0,0,.24)}.premium-status{display:inline-flex;margin:20px 0 10px;padding:8px 12px;border-radius:999px;background:rgba(34,197,94,.12);color:#bbf7d0;font-weight:900;font-size:12px}.premium-profile-card h2{font-size:32px;line-height:1.05;margin:6px 0;color:#fff}.premium-profile-card p{color:#cbd5e1;margin:0 0 22px}.premium-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.premium-profile-stats div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px}.premium-profile-stats strong{display:block;color:#fff;font-size:30px}.premium-profile-stats span{display:block;color:#94a3b8;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.premium-linkbox{background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:15px;overflow:hidden}.premium-linkbox small{display:block;color:#94a3b8;font-weight:900;margin-bottom:7px}.premium-linkbox code{display:block;color:#e0f2fe;word-break:break-all;font-size:12px}.premium-mini-link{display:inline-flex;margin-top:16px;color:#bae6fd;font-weight:900}.premium-strip{position:relative;z-index:2;max-width:1180px;margin:12px auto 0;padding:0 clamp(18px,4vw,28px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.premium-strip div{background:#fff;border:1px solid #e2e8f0;border-radius:26px;padding:22px;box-shadow:0 22px 70px rgba(15,23,42,.12)}.premium-strip strong{display:block;color:#0f172a;font-size:18px}.premium-strip span{display:block;color:#64748b;margin-top:7px;line-height:1.45}.premium-section{position:relative;z-index:1;background:#f8fafc;color:#0f172a;max-width:none;margin:0;padding:78px clamp(18px,4vw,28px)}.premium-section-head{max-width:820px;margin:0 auto 34px;text-align:center}.premium-section-head.compact{margin-bottom:24px}.premium-section-head h2{font-size:clamp(34px,4.6vw,58px);line-height:1;letter-spacing:-.055em;margin:18px 0 12px}.premium-section-head p{color:#64748b;font-size:18px;line-height:1.65}.premium-products-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.premium-product-card{position:relative;display:flex;flex-direction:column;min-height:465px;background:#fff;border:1px solid #e2e8f0;border-radius:32px;padding:26px;box-shadow:0 22px 65px rgba(15,23,42,.08);overflow:hidden}.premium-product-card:after{content:"";position:absolute;right:-80px;top:-80px;width:170px;height:170px;border-radius:50%;background:#dbeafe;opacity:.55}.premium-product-card.is-featured{border:2px solid #93c5fd;box-shadow:0 30px 80px rgba(37,99,235,.18);transform:translateY(-8px)}.premium-product-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.premium-product-top span,.premium-product-top em{display:inline-flex;border-radius:999px;padding:8px 11px;font-size:12px;font-style:normal;font-weight:950;background:#f1f5f9;color:#334155}.premium-product-top em{background:#dbeafe;color:#1d4ed8}.premium-product-card h3{position:relative;z-index:1;font-size:28px;line-height:1.06;letter-spacing:-.03em;margin:26px 0 8px}.premium-subtitle{position:relative;z-index:1;color:#2563eb;font-weight:900;margin:0 0 12px}.premium-desc{position:relative;z-index:1;color:#475569;line-height:1.62;flex:1}.premium-price{position:relative;z-index:1;font-size:25px;font-weight:950;margin:16px 0;color:#0f172a}.premium-card-actions{position:relative;z-index:1;display:grid;gap:10px}.premium-small-action{text-align:center;font-weight:900;color:#2563eb}.premium-empty{max-width:880px;margin:0 auto;background:#fff;border:1px dashed #cbd5e1;border-radius:26px;padding:28px;text-align:center;color:#64748b}.premium-how{background:#fff}.premium-steps{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.premium-steps div{border:1px solid #e2e8f0;border-radius:28px;padding:26px;background:#fff;box-shadow:0 18px 50px rgba(15,23,42,.06)}.premium-steps b{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:20px}.premium-steps h3{font-size:24px;margin:18px 0 8px}.premium-steps p{color:#64748b;line-height:1.55}.premium-steps code{background:#f1f5f9;border-radius:8px;padding:2px 6px}.premium-footer{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:28px clamp(18px,5vw,72px);background:#070b14;border-top:1px solid rgba(255,255,255,.1);color:#94a3b8;font-weight:800}@media(max-width:980px){.premium-hero{grid-template-columns:1fr;padding-top:48px}.premium-products-grid,.premium-strip,.premium-steps{grid-template-columns:1fr}.premium-product-card.is-featured{transform:none}.premium-nav-links a:not(.premium-nav-cta){display:none}.premium-hero h1{font-size:46px}.premium-profile-card{max-width:560px}.premium-section{padding-top:55px;padding-bottom:55px}}


/* V12: menú premium y formularios con subida de imágenes */
.landing-nav,.top{
  border-radius:0 0 26px 26px;
  box-shadow:0 18px 45px rgba(15,23,42,.08);
}
.nav-actions a{
  padding:10px 14px;
  border-radius:999px;
  transition:.18s ease;
}
.nav-actions a:hover{
  background:#eff6ff;
  color:#1d4ed8;
}
.profile-edit-grid input[type=file],
.field input[type=file]{
  background:#f8fafc;
  border:1px dashed #93c5fd!important;
  padding:14px!important;
  border-radius:14px!important;
}


/* V13: sidebar/panel premium tipo SaaS */
.dash-body{
  background:radial-gradient(circle at 14% 0%,rgba(59,130,246,.16),transparent 30%),linear-gradient(135deg,#edf3fb,#f8fafc 42%,#eef5ff)!important;
}
.sidebar{
  width:280px!important;
  padding:22px!important;
  background:linear-gradient(180deg,rgba(6,19,38,.98),rgba(10,29,57,.96))!important;
  border-right:1px solid rgba(147,197,253,.18);
  box-shadow:24px 0 70px rgba(15,23,42,.18);
}
.sidebar:before{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:28px;
  pointer-events:none;
  background:radial-gradient(circle at 20% 0%,rgba(96,165,250,.28),transparent 35%);
}
.sidebar .brand{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 14px 22px;
  margin-bottom:18px!important;
  border-bottom:1px solid rgba(255,255,255,.10);
  font-size:20px;
  letter-spacing:-.03em;
}
.sidebar .logo-dot{
  width:38px!important;
  height:38px!important;
  border-radius:15px!important;
  box-shadow:0 16px 34px rgba(37,99,235,.42);
}
.sidebar a{
  position:relative;
  z-index:1;
  display:flex!important;
  align-items:center;
  gap:11px;
  padding:14px 15px!important;
  border-radius:18px!important;
  color:#dbeafe!important;
  background:transparent;
  border:1px solid transparent;
  margin:7px 0!important;
  transition:.18s ease;
}
.sidebar a[href*="dashboard"]:before{content:"▦";font-size:17px;opacity:.9}
.sidebar a[target="_blank"]:before{content:"↗";font-size:17px;opacity:.9}
.sidebar a[href*="logout"]:before{content:"⏻";font-size:17px;opacity:.9}
.sidebar a.active,
.sidebar a:hover{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(147,197,253,.22);
  color:#fff!important;
  transform:translateX(3px);
  box-shadow:0 16px 38px rgba(0,0,0,.16);
}
.dash-main{
  margin-left:280px!important;
  width:calc(100% - 280px)!important;
  padding:34px!important;
}
.dash-head{
  background:linear-gradient(135deg,#071326,#102f62 58%,#2563eb);
  color:white;
  border-radius:30px;
  padding:30px;
  box-shadow:0 28px 80px rgba(15,23,42,.18);
  border:1px solid rgba(255,255,255,.12);
}
.dash-head p{color:#dbeafe}.dash-head .pill.dark{background:rgba(255,255,255,.12);color:#dbeafe;border:1px solid rgba(255,255,255,.16)}
.premium-panel,.stat{
  border-radius:30px!important;
  border:1px solid rgba(203,213,225,.72)!important;
  box-shadow:0 22px 70px rgba(15,23,42,.08)!important;
}
.product-manage{
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  border-radius:24px!important;
  transition:.18s ease;
}
.product-manage:hover{transform:translateY(-2px);box-shadow:0 18px 45px rgba(15,23,42,.10)}
@media(max-width:950px){.sidebar{position:relative!important;width:100%!important;inset:auto!important;border-radius:0 0 28px 28px}.dash-main{margin-left:0!important;width:100%!important;padding:18px!important}.dash-head{padding:22px;border-radius:24px}}


/* V14: menú premium real, enlaces de contacto y panel SaaS */
.dash-body{background:radial-gradient(circle at 16% -8%,rgba(37,99,235,.20),transparent 34%),linear-gradient(135deg,#eef5ff 0%,#f8fafc 48%,#edf4ff 100%)!important;}
.sidebar{width:306px!important;padding:20px!important;background:linear-gradient(180deg,#061326 0%,#0b1d35 52%,#08172b 100%)!important;border-right:1px solid rgba(147,197,253,.18)!important;box-shadow:26px 0 80px rgba(15,23,42,.20)!important;overflow:hidden!important;}
.sidebar:after{content:"";position:absolute;inset:auto -80px -120px auto;width:240px;height:240px;border-radius:999px;background:rgba(37,99,235,.24);filter:blur(40px);pointer-events:none;}
.sidebar .brand{position:relative;z-index:2;margin:0 0 16px!important;padding:18px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;background:rgba(255,255,255,.055)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.sidebar .logo-dot{width:42px!important;height:42px!important;border-radius:16px!important;background:linear-gradient(135deg,#22c55e,#2563eb 55%,#7c3aed)!important;box-shadow:0 16px 38px rgba(37,99,235,.38)!important;}
.sidebar a{position:relative;z-index:2;display:flex!important;align-items:center!important;gap:12px!important;padding:15px 16px!important;margin:8px 0!important;border-radius:18px!important;color:#dbeafe!important;font-weight:900!important;border:1px solid transparent!important;background:rgba(255,255,255,.025)!important;transition:.18s ease!important;}
.sidebar a:hover,.sidebar a.active{background:linear-gradient(135deg,rgba(37,99,235,.30),rgba(255,255,255,.08))!important;border-color:rgba(147,197,253,.28)!important;color:#fff!important;transform:translateX(4px)!important;box-shadow:0 18px 40px rgba(0,0,0,.18)!important;}
.sidebar .menu-label{position:relative;z-index:2;margin:22px 12px 8px;color:#93a9c8;text-transform:uppercase;font-size:11px;letter-spacing:.15em;font-weight:1000;}
.sidebar .side-user{position:relative;z-index:2;margin:14px 0 18px;padding:14px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:12px;color:#fff;}
.sidebar .side-avatar{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#fff,#bfdbfe);color:#1d4ed8;font-weight:1000;display:grid;place-items:center;box-shadow:0 14px 34px rgba(0,0,0,.16);overflow:hidden;}
.sidebar .side-avatar img{width:100%;height:100%;object-fit:cover;display:block}.sidebar .side-user strong{display:block;font-size:14px;line-height:1.1}.sidebar .side-user small{display:block;color:#a8c2e9;font-weight:800;margin-top:3px}.dash-main{margin-left:306px!important;width:calc(100% - 306px)!important;padding:38px!important;}.dash-head{border-radius:34px!important;padding:34px!important;background:linear-gradient(135deg,#061326 0%,#0f3268 56%,#2563eb 100%)!important;box-shadow:0 30px 90px rgba(15,23,42,.20)!important}.dash-head h1{letter-spacing:-.055em!important}.premium-panel,.panel,.stat,.stat-card{border-radius:30px!important;box-shadow:0 24px 70px rgba(15,23,42,.08)!important;border:1px solid rgba(203,213,225,.78)!important}.admin-topbar{position:sticky;top:14px;z-index:50;display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:12px;border-radius:24px;background:rgba(255,255,255,.80);border:1px solid rgba(203,213,225,.78);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(15,23,42,.10)}.admin-topbar a,.admin-topbar button{display:inline-flex;align-items:center;gap:8px;border-radius:16px;padding:12px 16px;font-weight:950;border:1px solid #dbeafe;background:#f8fbff;color:#0f172a;text-decoration:none}.admin-topbar a.primary,.admin-topbar button.primary{background:linear-gradient(135deg,#071326,#2563eb);color:#fff;border-color:transparent}.admin-products-hero{background:linear-gradient(135deg,#061326,#123a74 62%,#2563eb);color:#fff;border-radius:32px;padding:30px;box-shadow:0 28px 80px rgba(15,23,42,.20);margin-bottom:18px}.admin-products-hero p{color:#dbeafe;max-width:850px;line-height:1.55}.product-manage,.prod{transition:.18s ease!important}.product-manage:hover,.prod:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(15,23,42,.12)!important}@media(max-width:950px){.sidebar{position:relative!important;width:100%!important;inset:auto!important;border-radius:0 0 28px 28px!important}.dash-main{margin-left:0!important;width:100%!important;padding:18px!important}.sidebar .side-user{max-width:440px}.dash-head{padding:24px!important}}

/* V28 - Home premium Onebizness */
.premium-home{background:#07111f;color:#0f172a;min-height:100vh}.landing-nav-premium{background:rgba(255,255,255,.92);box-shadow:0 12px 40px rgba(15,23,42,.08)}.brand-premium{display:flex;align-items:center;gap:12px;font-weight:950;color:#0f172a}.brand-premium em{font-style:normal;color:#2563eb}.brand-logo-img{width:36px;height:36px;object-fit:cover;filter:drop-shadow(0 8px 18px rgba(37,99,235,.18))}.home-hero-v28{position:relative;overflow:hidden;background:linear-gradient(135deg,#07111f 0%,#0b1e3d 48%,#382187 100%);color:#fff;padding:72px clamp(20px,5vw,82px) 82px}.home-hero-v28:after{content:"";position:absolute;inset:auto -8% -38% -8%;height:45%;background:radial-gradient(circle at 30% 10%,rgba(37,99,235,.28),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0));pointer-events:none}.home-hero-glow{position:absolute;border-radius:999px;filter:blur(22px);opacity:.66}.home-hero-glow.one{width:410px;height:410px;background:rgba(37,99,235,.34);left:-120px;top:40px}.home-hero-glow.two{width:390px;height:390px;background:rgba(124,58,237,.32);right:-80px;top:20px}.home-wrap-v28{position:relative;z-index:2;max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:58px;align-items:center}.home-copy-v28 h1{font-size:clamp(46px,6.8vw,86px);letter-spacing:-.07em;line-height:.92;margin:24px 0 22px;max-width:780px;text-wrap:balance}.home-copy-v28 p{font-size:21px;line-height:1.65;color:#dbeafe;max-width:760px}.home-copy-v28 p strong{color:#fff}.pill-glass{background:rgba(219,234,254,.16);border:1px solid rgba(191,219,254,.34);color:#bfdbfe;box-shadow:inset 0 1px rgba(255,255,255,.16)}.home-note-v28{display:flex;gap:15px;align-items:flex-start;max-width:740px;padding:18px;border:1px solid rgba(147,197,253,.28);border-radius:22px;background:rgba(15,23,42,.42);box-shadow:0 20px 60px rgba(0,0,0,.18);backdrop-filter:blur(16px)}.home-note-v28 .note-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#22c55e,#2563eb);font-weight:950;box-shadow:0 12px 30px rgba(34,197,94,.26);flex:0 0 auto}.home-note-v28 strong{display:block;font-size:15px;color:#fff}.home-note-v28 a{display:inline-block;color:#93c5fd;font-weight:950;margin:3px 0}.home-note-v28 span{display:block;color:#cbd5e1;line-height:1.45}.trust-row-premium span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:10px 13px;border-radius:999px;color:#dbeafe}.home-card-v28{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:38px;padding:28px;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:0 44px 90px rgba(0,0,0,.32);backdrop-filter:blur(20px)}.logo-showcase-v28{border-radius:30px;background:#fff;min-height:285px;display:grid;place-items:center;padding:30px;box-shadow:inset 0 1px rgba(255,255,255,.85),0 24px 70px rgba(0,0,0,.22)}.logo-showcase-v28 img{width:min(330px,90%);height:auto;filter:drop-shadow(0 16px 22px rgba(15,23,42,.2))}.flow-card-v28{margin-top:18px;border-radius:28px;padding:28px;background:linear-gradient(135deg,#1d4ed8,#7c3aed);color:#fff;box-shadow:0 28px 70px rgba(37,99,235,.24)}.flow-card-v28 span{display:inline-block;color:#dbeafe;margin-bottom:14px}.flow-card-v28 h3{font-size:34px;line-height:1.15;margin:0 0 12px;letter-spacing:-.04em}.flow-card-v28 p{color:#eef2ff;line-height:1.6;margin:0}.home-steps-v28{max-width:1220px;margin:-42px auto 70px;position:relative;z-index:3;padding:0 clamp(20px,5vw,40px);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-v28{background:#fff;border:1px solid #dbeafe;border-radius:28px;padding:26px;box-shadow:0 28px 80px rgba(15,23,42,.12)}.step-v28 i{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#eff6ff;color:#2563eb;font-style:normal;font-weight:950;margin-bottom:14px}.step-v28 h3{font-size:22px;margin:0 0 9px;letter-spacing:-.02em}.step-v28 p{color:#64748b;line-height:1.55;margin:0}@media(max-width:950px){.home-wrap-v28,.home-steps-v28{grid-template-columns:1fr}.home-card-v28{order:-1}.home-hero-v28{padding-top:44px}.home-copy-v28 h1{font-size:46px}.home-steps-v28{margin-top:-26px}.nav-actions{display:none}}

/* V29 - centrar formulario de solicitud */
body.login-body{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:42px 20px;
    background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 58%,#243b8f 100%)!important;
}
.login-shell{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.login-shell.wide{
    width:100%;
    max-width:980px;
    margin:0 auto;
}
.login-shell.wide .login-card{
    width:100%;
    max-width:880px;
    margin:0 auto;
}
@media(max-width:760px){
    body.login-body{align-items:flex-start;padding:24px 14px;}
    .login-shell.wide .login-card{border-radius:24px;padding:24px;}
}


<style>
.hero-preview,
.solution-preview,
.reference-preview,
.preview-image-wrapper{
    position:relative;
    overflow:hidden;
    border-radius:28px;
    min-height:420px;
    background:#071a44;
}

.hero-preview img,
.solution-preview img,
.reference-preview img,
.preview-image-wrapper img{
    width:100%;
    height:100%;
    object-fit:cover !important;
    object-position:center center;
    display:block;
}

.reference-overlay-text,
.preview-text-overlay,
.hero-preview .overlay-text{
    display:none !important;
}

.reference-real-badge{
    position:absolute;
    top:22px;
    right:22px;
    z-index:20;
    background:#ffffff;
    color:#0a2c78;
    padding:14px 22px;
    border-radius:999px;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}

@media(max-width:768px){
    .hero-preview,
    .solution-preview,
    .reference-preview,
    .preview-image-wrapper{
        min-height:260px;
    }
}
</style>


/* ===== PREMIUM PRODUCT HERO ===== */
.premium-preview{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    padding:20px;
}

.preview-device-wrap{
    position:relative;
    width:100%;
    min-height:320px;
    border-radius:28px;
    overflow:hidden;
    background:linear-gradient(135deg,#07142e,#123b9b);
    display:flex;
    align-items:center;
    justify-content:center;
}

.preview-main-image{
    width:82%;
    max-height:320px;
    object-fit:cover;
    border-radius:18px;
    box-shadow:0 25px 60px rgba(0,0,0,.35);
    background:#fff;
}

.floating-phone{
    position:absolute;
    right:6%;
    bottom:7%;
    width:120px;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 20px 40px rgba(0,0,0,.35);
    border:4px solid #0f172a;
    background:#fff;
}

.floating-phone img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.preview-real-link{
    position:absolute;
    right:20px;
    top:20px;
    background:#fff;
    color:#123b9b;
    text-decoration:none;
    padding:12px 18px;
    border-radius:999px;
    font-weight:700;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.preview-real-link:hover{
    transform:translateY(-2px);
}

.reference-preview img,
.reference-card img,
.hero-preview img{
    object-fit:cover !important;
}


/* ===== V34: hero visual profesional por producto ===== */
.hero-preview,
.solution-preview,
.reference-preview,
.preview-image-wrapper{
    overflow:hidden;
}

.obz-product-visual{
    position:relative;
    width:100%;
    min-height:360px;
    height:100%;
    border-radius:30px;
    overflow:hidden;
    background:
        radial-gradient(circle at 20% 20%, rgba(92,151,255,.28), transparent 35%),
        linear-gradient(135deg,#061832 0%,#0b3c96 55%,#061832 100%);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 80px rgba(0,0,0,.32);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:38px;
}

.obz-product-visual::before{
    content:"";
    position:absolute;
    inset:auto -20% -35% 35%;
    height:70%;
    background:radial-gradient(circle,rgba(35,211,255,.28),transparent 65%);
    filter:blur(6px);
}

.obz-screen{
    position:relative;
    z-index:2;
    width:72%;
    min-height:235px;
    background:#f8fbff;
    border-radius:22px;
    padding:22px;
    box-shadow:0 24px 60px rgba(0,0,0,.34);
    transform:perspective(900px) rotateY(-7deg) rotateX(2deg);
}

.obz-windowbar{
    display:flex;
    gap:7px;
    margin-bottom:18px;
}

.obz-windowbar span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#7aa8ff;
}

.obz-screen-inner{
    min-height:170px;
    border-radius:16px;
    background:linear-gradient(135deg,#ffffff,#eaf3ff);
    padding:26px;
}

.obz-visual-badge{
    display:inline-flex;
    padding:8px 12px;
    border-radius:999px;
    background:#eaf2ff;
    color:#0b4fd6;
    font-weight:800;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.obz-visual-title{
    margin-top:16px;
    font-size:28px;
    line-height:1.05;
    font-weight:900;
    color:#071a3c;
    max-width:380px;
}

.obz-visual-rows{
    margin-top:22px;
    display:grid;
    gap:10px;
}

.obz-visual-rows i{
    display:block;
    width:72%;
    height:12px;
    border-radius:999px;
    background:linear-gradient(90deg,#d9e8ff,#ffffff);
}

.obz-visual-rows i:nth-child(2){width:54%;}
.obz-visual-rows i:nth-child(3){width:40%;}

.obz-visual-grid{
    display:flex;
    gap:10px;
    margin-top:22px;
}

.obz-visual-grid b{
    width:64px;
    height:48px;
    border-radius:14px;
    background:linear-gradient(135deg,#0b63ff,#23c7ff);
    opacity:.9;
}

.obz-phone{
    position:absolute;
    z-index:4;
    right:8%;
    bottom:9%;
    width:132px;
    height:220px;
    border-radius:30px;
    background:linear-gradient(180deg,#081b3d,#062862);
    border:5px solid #0d1220;
    box-shadow:0 24px 45px rgba(0,0,0,.38);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
}

.obz-phone-icon{
    width:72px;
    height:72px;
    border-radius:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:36px;
    background:linear-gradient(135deg,#ffffff,#dcecff);
}

.obz-phone-line{
    width:70px;
    height:10px;
    border-radius:999px;
    background:#5aa9ff;
}

.obz-phone-line.short{
    width:48px;
    background:#28d0ff;
}

.obz-reference-pill{
    position:absolute;
    z-index:8;
    right:8%;
    top:18%;
    background:#ffffff;
    color:#0a3ea0;
    text-decoration:none;
    font-weight:900;
    padding:15px 22px;
    border-radius:999px;
    box-shadow:0 14px 36px rgba(0,0,0,.2);
    white-space:nowrap;
}

/* colores por tipo */
.obz-scene-avatar{background:linear-gradient(135deg,#2b0715,#8c1b1b 45%,#0b1935);}
.obz-scene-shop{background:linear-gradient(135deg,#062d1d,#0a9a55 55%,#063056);}
.obz-scene-forms{background:linear-gradient(135deg,#08265f,#365cff 60%,#101a44);}
.obz-scene-directory{background:linear-gradient(135deg,#062c3a,#0c8ea0 55%,#083062);}
.obz-scene-seo{background:linear-gradient(135deg,#061832,#073f38 55%,#08245a);}
.obz-scene-chatbot{background:linear-gradient(135deg,#11124a,#4b2cff 55%,#021d3a);}

.hero-preview img,
.solution-preview img,
.reference-preview img,
.preview-image-wrapper img{
    max-width:100%;
}

.hero-preview .preview-main-image,
.reference-preview .preview-main-image,
.preview-text-overlay,
.reference-overlay-text,
.hero-preview .overlay-text{
    display:none!important;
}

@media(max-width:900px){
    .obz-product-visual{min-height:300px;padding:24px;}
    .obz-screen{width:82%;min-height:210px;}
    .obz-phone{width:96px;height:170px;right:5%;}
    .obz-visual-title{font-size:22px;}
    .obz-reference-pill{top:auto;bottom:20px;right:20px;}
}


/* ===== V35 FIX DEFINITIVO: hero visual sin texto, full cover ===== */
.hero-grid{
    align-items:stretch!important;
}
.hero-img.hero-visual-clean{
    padding:0!important;
    overflow:hidden!important;
    border-radius:30px!important;
    min-height:420px!important;
    display:block!important;
    background:transparent!important;
}
.hero-img.hero-visual-clean .obz-product-visual{
    width:100%!important;
    height:100%!important;
    min-height:420px!important;
    border-radius:30px!important;
}
.obz-product-visual{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#061832 0%,#0b3c96 58%,#07142e 100%);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 80px rgba(0,0,0,.30);
    display:flex;
    align-items:center;
    justify-content:center;
}
.obz-product-visual::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 22% 18%,rgba(255,255,255,.16),transparent 24%),
      radial-gradient(circle at 78% 70%,rgba(33,214,255,.22),transparent 30%);
}
.obz-product-visual::after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    border-radius:50%;
    right:-30px;
    bottom:-40px;
    background:rgba(255,255,255,.10);
}
.obz-device{
    position:relative;
    z-index:2;
    background:#f8fbff;
    box-shadow:0 28px 70px rgba(0,0,0,.38);
}
.obz-device-main{
    width:68%;
    height:275px;
    border-radius:24px;
    padding:20px;
    transform:perspective(900px) rotateY(-7deg);
}
.obz-topdots{
    display:flex;
    gap:8px;
}
.obz-topdots i{
    width:10px;height:10px;border-radius:50%;background:#7aa8ff;display:block;
}
.obz-art-area{
    position:absolute;
    left:20px;right:20px;top:52px;bottom:20px;
    border-radius:18px;
    background:linear-gradient(135deg,#ffffff,#eaf3ff);
    overflow:hidden;
}
.obz-art-area::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(120deg,transparent 0 42%,rgba(0,102,255,.12) 42% 62%,transparent 62%),
      radial-gradient(circle at 75% 30%,rgba(0,102,255,.18),transparent 22%);
}
.obz-art-icon{
    position:absolute;
    z-index:3;
    left:28px;
    top:28px;
    width:86px;
    height:86px;
    border-radius:26px;
    background:linear-gradient(135deg,#0b63ff,#25d0ff);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:44px;
    box-shadow:0 16px 34px rgba(0,87,255,.25);
}
.obz-art-icon.small{
    position:static;
    width:68px;height:68px;font-size:34px;border-radius:22px;
}
.obz-art-block{
    position:absolute;
    border-radius:18px;
    background:linear-gradient(135deg,#0b63ff,#23c7ff);
    opacity:.88;
}
.obz-art-block.one{left:135px;top:35px;width:45%;height:28px;}
.obz-art-block.two{left:135px;top:82px;width:34%;height:20px;opacity:.55;}
.obz-art-block.three{left:36px;right:36px;bottom:26px;height:62px;opacity:.22;}
.obz-device-phone{
    position:absolute;
    z-index:4;
    right:8%;
    bottom:10%;
    width:132px;
    height:220px;
    border-radius:30px;
    border:5px solid #0f172a;
    background:linear-gradient(180deg,#081b3d,#062862);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:18px;
}
.obz-phone-lines{
    display:grid;
    gap:9px;
}
.obz-phone-lines i{
    width:70px;height:9px;background:#58b6ff;border-radius:999px;display:block;
}
.obz-phone-lines i:nth-child(2){width:52px;background:#22d0ff;}
.obz-phone-lines i:nth-child(3){width:62px;background:#74e0ff;}
.obz-reference-pill{
    position:absolute;
    z-index:7;
    right:26px;
    top:50%;
    transform:translateY(-50%);
    background:#fff;
    color:#0a3ea0;
    text-decoration:none;
    font-weight:900;
    padding:15px 22px;
    border-radius:999px;
    box-shadow:0 16px 36px rgba(0,0,0,.22);
    white-space:nowrap;
}
/* escenas */
.obz-scene-avatar{background:linear-gradient(135deg,#2a0814,#8c1b1b 50%,#07142e);}
.obz-scene-shop{background:linear-gradient(135deg,#062d1d,#0a9a55 56%,#063056);}
.obz-scene-web{background:linear-gradient(135deg,#061832,#0b3c96 56%,#07142e);}
.obz-scene-forms{background:linear-gradient(135deg,#08265f,#365cff 60%,#101a44);}
.obz-scene-directory{background:linear-gradient(135deg,#062c3a,#0c8ea0 55%,#083062);}
.obz-scene-seo{background:linear-gradient(135deg,#061832,#073f38 55%,#08245a);}
.obz-scene-chatbot{background:linear-gradient(135deg,#11124a,#4b2cff 55%,#021d3a);}

/* elimina textos antiguos dentro de imágenes/capturas */
.reference-overlay,
.reference-overlay-card,
.reference-badge-live,
.preview-text-overlay,
.reference-overlay-text,
.hero-preview .overlay-text,
.hero-img .reference-browser,
.hero-img .reference-shot,
.hero-img .fallback-shot{
    display:none!important;
}
/* imagen inferior de referencia: cover sin texto encima */
.reference-preview-card .reference-real-shot,
.v30-reference-hero .reference-real-shot{
    background-size:cover!important;
    background-position:center top!important;
}
.reference-preview-card .reference-real-shot:after,
.v30-reference-hero .reference-real-shot:after{
    display:none!important;
}
@media(max-width:900px){
    .hero-img.hero-visual-clean,
    .hero-img.hero-visual-clean .obz-product-visual{min-height:300px!important;}
    .obz-device-main{width:78%;height:220px;}
    .obz-device-phone{width:92px;height:158px;right:5%;}
    .obz-reference-pill{top:auto;bottom:22px;right:22px;transform:none;}
}



/* ===== SAFE HERO IMAGE FIX ===== */

.reference-preview-card,
.reference-browser,
.reference-image-box,
.reference-shot{
    overflow:hidden;
    border-radius:28px;
}

.reference-preview-card img,
.reference-browser img,
.reference-image-box img,
.reference-shot img{
    width:100%;
    height:100%;
    min-height:520px;
    object-fit:cover;
    object-position:center;
    display:block;
}

.reference-preview-card,
.reference-browser{
    min-height:520px;
}

@media(max-width:900px){
    .reference-preview-card img,
    .reference-browser img,
    .reference-image-box img,
    .reference-shot img{
        min-height:320px;
    }

    .reference-preview-card,
    .reference-browser{
        min-height:320px;
    }
}




/* ===== V37 IMAGE FULL FIT ===== */

.reference-preview-card,
.reference-browser,
.reference-shot,
.reference-image-box,
.reference-real-shot{
    width:100% !important;
    height:100% !important;
    min-height:640px !important;
    overflow:hidden !important;
    border-radius:28px !important;
    position:relative !important;
}

/* imagen real */
.reference-preview-card img,
.reference-browser img,
.reference-shot img,
.reference-image-box img,
.reference-real-shot img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    border-radius:28px !important;
}

/* si usan background-image */
.reference-preview-card,
.reference-browser,
.reference-shot,
.reference-image-box{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

@media(max-width:900px){
    .reference-preview-card,
    .reference-browser,
    .reference-shot,
    .reference-image-box,
    .reference-real-shot{
        min-height:340px !important;
    }
}



/* ===== V38 FIX REAL: referencia ocupa todo el cuadro ===== */
.solution-panel.reference-preview-card{
    padding:0 !important;
    overflow:hidden !important;
    min-height:620px !important;
    height:620px !important;
    display:block !important;
    border-radius:28px !important;
}

.solution-panel.reference-preview-card .reference-browser{
    width:100% !important;
    height:100% !important;
    min-height:620px !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border-radius:28px !important;
    padding:0 !important;
    margin:0 !important;
}

.solution-panel.reference-preview-card .reference-browser-top{
    flex:0 0 52px !important;
    height:52px !important;
    min-height:52px !important;
    border-radius:28px 28px 0 0 !important;
}

.solution-panel.reference-preview-card .reference-shot.reference-real-shot,
.solution-panel.reference-preview-card .reference-real-shot,
.solution-panel.reference-preview-card div[style*="background-image"]{
    flex:1 1 auto !important;
    width:100% !important;
    height:calc(620px - 52px) !important;
    min-height:calc(620px - 52px) !important;
    display:block !important;
    overflow:hidden !important;
    border-radius:0 0 28px 28px !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    padding:0 !important;
    margin:0 !important;
}

/* Anula reglas anteriores más débiles o con top center */
.reference-preview-card .reference-real-shot,
.reference-preview-card .reference-shot,
.reference-browser .reference-real-shot,
.reference-browser .reference-shot{
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

/* Oculta cualquier overlay/texto que pueda estorbar a la imagen */
.reference-overlay,
.reference-overlay-card,
.reference-badge-live,
.reference-preview-card .reference-overlay,
.reference-preview-card .reference-overlay-card,
.reference-preview-card .reference-badge-live{
    display:none !important;
}

@media(max-width:900px){
    .solution-panel.reference-preview-card{
        min-height:360px !important;
        height:360px !important;
    }
    .solution-panel.reference-preview-card .reference-browser{
        min-height:360px !important;
    }
    .solution-panel.reference-preview-card .reference-shot.reference-real-shot,
    .solution-panel.reference-preview-card .reference-real-shot,
    .solution-panel.reference-preview-card div[style*="background-image"]{
        height:calc(360px - 46px) !important;
        min-height:calc(360px - 46px) !important;
    }
    .solution-panel.reference-preview-card .reference-browser-top{
        flex-basis:46px !important;
        height:46px !important;
        min-height:46px !important;
    }
}


/* ===== V39 referencia gráfica sin cuadro navegador ===== */

.reference-section-v39{
    padding-top:60px!important;
}

.reference-showcase-v39{
    display:grid;
    grid-template-columns:1fr 1.05fr;
    gap:42px;
    align-items:center;
    background:linear-gradient(135deg,#f8fbff,#eef6ff);
    border:1px solid rgba(42,99,180,.14);
    border-radius:34px;
    padding:48px;
    box-shadow:0 30px 90px rgba(7,24,58,.08);
    overflow:hidden;
}

.reference-copy-v39 h2{
    font-size:clamp(32px,4vw,54px);
    line-height:1.02;
    margin:18px 0;
    color:#061326;
    letter-spacing:-.04em;
}

.reference-copy-v39 p{
    color:#314563;
    font-size:18px;
    line-height:1.7;
    max-width:680px;
}

.reference-features-v39{
    display:grid;
    gap:12px;
    margin-top:24px;
}

.reference-features-v39 div{
    display:flex;
    gap:16px;
    align-items:center;
    background:#fff;
    border:1px solid #d7e8ff;
    border-radius:18px;
    padding:14px 16px;
    box-shadow:0 12px 30px rgba(10,40,90,.05);
}

.reference-features-v39 strong{
    width:38px;
    height:38px;
    border-radius:13px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#eaf2ff;
    color:#0b63ff;
    font-weight:900;
}

.reference-features-v39 span{
    color:#081326;
    font-weight:700;
    line-height:1.35;
}

.reference-graphic-v39{
    position:relative;
    min-height:520px;
    border-radius:32px;
    overflow:hidden;
    background:linear-gradient(135deg,#061832,#0b3c96 55%,#07142e);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 80px rgba(7,24,58,.18);
}

.reference-graphic-v39::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 20% 18%,rgba(255,255,255,.18),transparent 26%),
      radial-gradient(circle at 80% 74%,rgba(34,211,238,.22),transparent 34%);
}

.reference-graphic-v39::after{
    content:"";
    position:absolute;
    right:-120px;
    bottom:-120px;
    width:340px;
    height:340px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
}

.graphic-device-main{
    position:relative;
    z-index:2;
    width:76%;
    height:340px;
    border-radius:28px;
    background:#fff;
    padding:22px;
    box-shadow:0 30px 90px rgba(0,0,0,.36);
    transform:perspective(900px) rotateY(-5deg);
}

.graphic-device-top{
    display:flex;
    gap:8px;
    height:24px;
}

.graphic-device-top i{
    width:11px;
    height:11px;
    border-radius:50%;
    background:#78a9ff;
}

.graphic-screen{
    position:absolute;
    left:22px;
    right:22px;
    top:58px;
    bottom:22px;
    border-radius:22px;
    background:linear-gradient(135deg,#f8fbff,#e9f3ff);
    overflow:hidden;
}

.graphic-screen::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(120deg,transparent 0 46%,rgba(0,102,255,.12) 46% 64%,transparent 64%),
      radial-gradient(circle at 72% 30%,rgba(0,102,255,.20),transparent 24%);
}

.graphic-icon{
    position:absolute;
    z-index:3;
    left:34px;
    top:34px;
    width:92px;
    height:92px;
    border-radius:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:46px;
    background:linear-gradient(135deg,#0b63ff,#23c7ff);
    box-shadow:0 18px 38px rgba(0,92,255,.24);
}

.graphic-icon.small{
    position:static;
    width:68px;
    height:68px;
    font-size:34px;
    border-radius:22px;
}

.graphic-bars{
    position:absolute;
    z-index:3;
    left:150px;
    top:42px;
    display:grid;
    gap:14px;
}

.graphic-bars b{
    display:block;
    width:250px;
    height:18px;
    border-radius:999px;
    background:#bdd8ff;
}

.graphic-bars b:nth-child(2){width:190px;}
.graphic-bars b:nth-child(3){width:140px;}

.graphic-cards{
    position:absolute;
    z-index:3;
    left:34px;
    right:34px;
    bottom:30px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
}

.graphic-cards span{
    height:72px;
    border-radius:18px;
    background:linear-gradient(135deg,#0b63ff,#22d3ee);
    opacity:.86;
}

.graphic-phone-v39{
    position:absolute;
    z-index:5;
    right:7%;
    bottom:8%;
    width:135px;
    height:225px;
    border-radius:32px;
    border:5px solid #0f172a;
    background:linear-gradient(180deg,#061832,#0b3c96);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
    box-shadow:0 26px 54px rgba(0,0,0,.34);
}

.graphic-phone-v39 b{
    display:block;
    width:72px;
    height:10px;
    border-radius:999px;
    background:#55b9ff;
}

.graphic-phone-v39 b:nth-of-type(2){width:52px;background:#22d3ee;}
.graphic-phone-v39 b:nth-of-type(3){width:64px;background:#8bdfff;}

/* escenas por producto */
.obz-scene-avatar{background:linear-gradient(135deg,#2b0715,#8c1b1b 48%,#07142e)!important;}
.obz-scene-shop{background:linear-gradient(135deg,#062d1d,#0a9a55 55%,#063056)!important;}
.obz-scene-web{background:linear-gradient(135deg,#061832,#0b3c96 56%,#07142e)!important;}
.obz-scene-forms{background:linear-gradient(135deg,#08265f,#365cff 60%,#101a44)!important;}
.obz-scene-directory{background:linear-gradient(135deg,#062c3a,#0c8ea0 55%,#083062)!important;}
.obz-scene-seo{background:linear-gradient(135deg,#061832,#073f38 55%,#08245a)!important;}
.obz-scene-chatbot{background:linear-gradient(135deg,#11124a,#4b2cff 55%,#021d3a)!important;}

/* Anula bloques antiguos si quedan */
.reference-window,
.reference-browser,
.reference-shot,
.reference-side{
    box-shadow:none!important;
}

@media(max-width:980px){
    .reference-showcase-v39{
        grid-template-columns:1fr;
        padding:28px;
    }
    .reference-graphic-v39{
        min-height:360px;
    }
    .graphic-device-main{
        width:82%;
        height:260px;
    }
    .graphic-phone-v39{
        width:95px;
        height:160px;
    }
    .graphic-bars b{width:150px;}
}



/* ===== V40 ajuste completo imagen referencia ===== */

.reference-graphic-v39{
    min-height:560px!important;
    padding:30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
}

.graphic-device-main{
    width:92%!important;
    max-width:820px!important;
    height:auto!important;
    min-height:420px!important;
    aspect-ratio:16/10!important;
    display:flex!important;
    flex-direction:column!important;
}

.graphic-screen{
    position:relative!important;
    flex:1!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    padding:34px!important;
}

.graphic-bars{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    margin-left:130px!important;
    margin-top:10px!important;
}

.graphic-bars b{
    max-width:100%!important;
}

.graphic-cards{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin-top:auto!important;
    width:100%!important;
}

.graphic-phone-v39{
    right:4%!important;
    bottom:4%!important;
    width:140px!important;
    height:240px!important;
}

.reference-graphic-v39 img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
}

@media(max-width:980px){

    .reference-graphic-v39{
        min-height:420px!important;
        padding:18px!important;
    }

    .graphic-device-main{
        width:100%!important;
        min-height:280px!important;
    }

    .graphic-screen{
        padding:20px!important;
    }

    .graphic-bars{
        margin-left:0!important;
    }

    .graphic-bars b{
        width:100px!important;
    }

    .graphic-phone-v39{
        width:88px!important;
        height:150px!important;
    }

    .graphic-cards span{
        height:48px!important;
    }
}


/* ===== V41: imagen de referencia encajada y profesional ===== */
.reference-featured{
    align-items:stretch!important;
}

.solution-panel.reference-preview-card{
    padding:0!important;
    overflow:hidden!important;
    border-radius:28px!important;
    min-height:520px!important;
    height:520px!important;
    display:block!important;
    background:transparent!important;
}

.solution-panel.reference-preview-card .reference-browser{
    width:100%!important;
    height:100%!important;
    min-height:520px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:28px!important;
    display:block!important;
    background:transparent!important;
}

/* Oculta la barra superior tipo navegador para que la imagen respire y ocupe todo */
.solution-panel.reference-preview-card .reference-browser-top{
    display:none!important;
}

/* El div que lleva el background-image ocupa exactamente todo el panel */
.solution-panel.reference-preview-card .reference-shot.reference-real-shot,
.solution-panel.reference-preview-card .reference-real-shot,
.solution-panel.reference-preview-card .fallback-shot,
.solution-panel.reference-preview-card div[style*="background-image"]{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:520px!important;
    padding:0!important;
    margin:0!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
}

/* Elimina cualquier capa o texto encima */
.solution-panel.reference-preview-card .reference-overlay,
.solution-panel.reference-preview-card .reference-overlay-card,
.solution-panel.reference-preview-card .reference-badge-live,
.solution-panel.reference-preview-card .reference-side,
.solution-panel.reference-preview-card .preview-text-overlay,
.solution-panel.reference-preview-card .reference-overlay-text{
    display:none!important;
}

/* Si alguna imagen se renderiza como img en lugar de background */
.solution-panel.reference-preview-card img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    border-radius:28px!important;
    background:#071326!important;
}

@media(max-width:900px){
    .solution-panel.reference-preview-card{
        height:340px!important;
        min-height:340px!important;
    }
    .solution-panel.reference-preview-card .reference-browser,
    .solution-panel.reference-preview-card .reference-shot.reference-real-shot,
    .solution-panel.reference-preview-card .reference-real-shot,
    .solution-panel.reference-preview-card .fallback-shot,
    .solution-panel.reference-preview-card div[style*="background-image"]{
        height:340px!important;
        min-height:340px!important;
    }
}



/* ===== V42 tarjetas descriptivas ampliadas ===== */

.feature-grid,
.solution-highlights,
.hero-feature-grid{
    align-items:stretch!important;
}

.feature-card,
.highlight-card,
.solution-feature-card{
    min-height:240px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    padding:34px!important;
}

.feature-card p,
.highlight-card p,
.solution-feature-card p{
    font-size:17px!important;
    line-height:1.75!important;
    color:#52627d!important;
    margin-top:14px!important;
    max-width:100%!important;
}

.feature-card h3,
.highlight-card h3,
.solution-feature-card h3{
    font-size:22px!important;
    margin-top:18px!important;
    margin-bottom:4px!important;
}

@media(max-width:900px){
    .feature-card,
    .highlight-card,
    .solution-feature-card{
        min-height:auto!important;
        padding:24px!important;
    }

    .feature-card p,
    .highlight-card p,
    .solution-feature-card p{
        font-size:15px!important;
        line-height:1.6!important;
    }
}






/* ===== V44: recuperar imagen, sin fondo negro ===== */

.solution-panel.reference-preview-card{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
}

.solution-panel.reference-preview-card .reference-browser{
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    padding:0!important;
    overflow:visible!important;
}

.solution-panel.reference-preview-card .reference-browser-top{
    display:none!important;
}

/* La imagen se ve completa, sin caja negra */
.solution-panel.reference-preview-card .reference-shot.reference-real-shot,
.solution-panel.reference-preview-card .reference-real-shot,
.solution-panel.reference-preview-card .fallback-shot,
.solution-panel.reference-preview-card div[style*="background-image"]{
    background-size:contain!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-color:transparent!important;
    border:none!important;
    box-shadow:none!important;
    border-radius:0!important;
    min-height:520px!important;
    width:100%!important;
    display:block!important;
}

/* Quitamos el fondo oscuro que dejaba la zona negra */
.reference-preview-card,
.reference-browser,
.reference-shot{
    background-color:transparent!important;
}

/* Evita que se oculte la imagen de background */
.reference-shot.reference-real-shot{
    opacity:1!important;
    visibility:visible!important;
}

/* Sin overlays */
.reference-overlay,
.reference-overlay-card,
.reference-badge-live,
.reference-side{
    display:none!important;
}

@media(max-width:900px){
    .solution-panel.reference-preview-card .reference-shot.reference-real-shot,
    .solution-panel.reference-preview-card .reference-real-shot,
    .solution-panel.reference-preview-card .fallback-shot,
    .solution-panel.reference-preview-card div[style*="background-image"]{
        min-height:320px!important;
    }
}


/* ===== V45 fix definitivo imagen ===== */

.reference-shot.reference-real-shot{
    background-color: transparent !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.reference-browser,
.reference-preview-card,
.reference-window{
    background: transparent !important;
}