/* ═══════════════════════════════════════════════════════════
   NFC ARGENTINA — LIQUID GLASS FINAL OVERRIDES
   Aplica el look de liquid_glass_demo a landing, auth, panel, admin,
   empresa, activación y perfil público.
═══════════════════════════════════════════════════════════ */

:root{
  --bg:#06060e!important;
  --bg-2:#090914!important;
  --bg-3:#111120!important;
  --v:#8B20E8!important;
  --v-h:#7010e0!important;
  --v-2:#9b33ff!important;
  --v-3:#c080ff!important;
  --v-soft:rgba(139,32,232,.10)!important;
  --v-border:rgba(139,32,232,.28)!important;
  --v-glow:rgba(139,32,232,.42)!important;
  --g-bg:rgba(255,255,255,.060)!important;
  --g-bg-md:rgba(255,255,255,.078)!important;
  --g-bg-hv:rgba(255,255,255,.095)!important;
  --g-border:rgba(255,255,255,.10)!important;
  --g-border-md:rgba(255,255,255,.14)!important;
  --g-blur:blur(28px) saturate(1.55) brightness(1.08)!important;
  --g-blur-sm:blur(18px) saturate(1.35)!important;
  --t1:rgba(255,255,255,.94)!important;
  --t2:rgba(255,255,255,.56)!important;
  --t3:rgba(255,255,255,.30)!important;
  --font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;
  --r-md:16px!important;
  --r-lg:22px!important;
  --r-xl:28px!important;
  --r-2xl:36px!important;
  --sb-bg:rgba(6,4,18,.82)!important;
  --sb-border:rgba(255,255,255,.075)!important;
}

*{box-sizing:border-box}
html{background:#06060e;color-scheme:dark;scroll-behavior:smooth}
body{
  font-family:var(--font)!important;
  background:
    radial-gradient(circle at 12% -8%, rgba(124,29,232,.22), transparent 38%),
    radial-gradient(circle at 92% 8%, rgba(61,8,153,.18), transparent 36%),
    linear-gradient(180deg,#06060e 0%,#080814 52%,#05050b 100%)!important;
  color:var(--t1)!important;
  min-height:100vh;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 0%, black 0%, transparent 70%);
  opacity:.35;
}
body>*{position:relative;z-index:1}

.bg-orbs{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0!important}
.orb{position:absolute;border-radius:50%;filter:blur(70px);animation:drift 12s ease-in-out infinite;pointer-events:none}
.orb-1{width:360px;height:360px;background:radial-gradient(circle,#7c1de8 0%,#4a0aaa 60%,transparent 100%)!important;top:-110px;left:-85px;opacity:.55}
.orb-2{width:290px;height:290px;background:radial-gradient(circle,#3d0899 0%,#1a0460 60%,transparent 100%)!important;top:100px;right:-70px;opacity:.45;animation-delay:-4s}
.orb-3{width:220px;height:220px;background:radial-gradient(circle,#9b20ff 0%,#6010cc 60%,transparent 100%)!important;bottom:60px;left:32%;opacity:.33;animation-delay:-8s}
@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(20px,-30px) scale(1.05)}50%{transform:translate(-15px,20px) scale(.95)}75%{transform:translate(25px,10px) scale(1.02)}}

/* Glass core */
.glass,.auth-card,.activar-card,.seccion-card,.stat-card,.admin-stat-card,.empresa-stat,.empresa-stat-card,.onboarding-card,.panel-card,.qr-item,.modal-card,.lead-card,.hardware-card,.producto-card,.pricing-card,.faq-item,.paso-card,.feature-card,.mockup-phone,.mockup-card-float,.confianza-bar,.tabs-wrap,.perfil-inner,.estado-contenido,.preview-phone-shell,.panel-preview-wrap,.sidebar,.panel-header,.nav{
  background:var(--g-bg)!important;
  backdrop-filter:var(--g-blur)!important;
  -webkit-backdrop-filter:var(--g-blur)!important;
  border:1px solid var(--g-border)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.10)!important;
  position:relative;
}
.glass::before,.auth-card::before,.activar-card::before,.seccion-card::before,.stat-card::before,.admin-stat-card::before,.empresa-stat::before,.onboarding-card::before,.panel-card::before,.producto-card::before,.pricing-card::before,.faq-item::before,.paso-card::before,.feature-card::before,.modal-card::before,.perfil-inner::before,.preview-phone-shell::before,.mockup-phone::before,.nav::before{
  content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);border-radius:999px;pointer-events:none;
}
.glass::after,.auth-card::after,.activar-card::after,.seccion-card::after,.stat-card::after,.admin-stat-card::after,.onboarding-card::after,.panel-card::after,.producto-card::after,.pricing-card::after,.feature-card::after,.perfil-inner::after,.mockup-phone::after{
  content:"";position:absolute;top:-44px;left:-44px;width:130px;height:130px;background:radial-gradient(circle,rgba(255,255,255,.085) 0%,transparent 70%);border-radius:50%;pointer-events:none;
}
.glass:hover,.seccion-card:hover,.stat-card:hover,.admin-stat-card:hover,.producto-card:hover,.pricing-card:hover,.feature-card:hover,.faq-item:hover,.paso-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.18)!important;
  background:var(--g-bg-hv)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(139,32,232,.16), inset 0 1px 0 rgba(255,255,255,.13)!important;
}

/* Typography */
h1,h2,h3,.hero-titulo,.seccion-titulo-h,.seccion-titulo,.auth-titulo,.activar-titulo,.perfil-nombre{font-family:var(--font)!important;color:var(--t1)!important;letter-spacing:-.04em!important;font-weight:800!important}
p,.seccion-desc,.seccion-subtitulo,.auth-subtitulo,.activar-desc,.perfil-descripcion,.campo-ayuda{color:var(--t2)!important;line-height:1.65!important}
.hero-eyebrow,.lbl,.stat-card-label,.admin-stat-label,.empresa-stat-label,.campo-label,.preview-header-titulo,.qr-label,.badge{letter-spacing:1.2px!important;text-transform:uppercase!important;font-weight:800!important;color:var(--t3)!important}
.hero-titulo-acento,.hero-title span,.gradient-text{background:linear-gradient(135deg,#c080ff 0%,#8B20E8 50%,#5510cc 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}

/* Buttons */
.btn-v,.btn-violeta,.btn-principal,.btn-activar,.btn-activar-pri,.btn-nav,.btn-ver-perfil,.ob-btn,.btn-google:hover,.btn-accion.btn-primario,.btn-primario,.btn-primary{
  background:linear-gradient(135deg,#9b33ff 0%,#7010e0 100%)!important;
  color:#fff!important;border:0!important;border-radius:999px!important;
  box-shadow:0 6px 24px rgba(139,32,232,.42), inset 0 0 0 1px rgba(176,96,255,.22)!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.btn-v:hover,.btn-violeta:hover,.btn-principal:hover,.btn-activar:hover,.btn-activar-pri:hover,.btn-nav:hover,.btn-ver-perfil:hover,.ob-btn:hover,.btn-accion.btn-primario:hover,.btn-primario:hover,.btn-primary:hover{
  transform:translateY(-1px) scale(1.015)!important;box-shadow:0 10px 34px rgba(139,32,232,.56), inset 0 0 0 1px rgba(176,96,255,.33)!important;
}
.btn-g,.btn-outline,.btn-ghost,.btn-activar-sec,.btn-secundario,.btn-accion.btn-secundario,.btn-secondary{
  background:rgba(255,255,255,.07)!important;color:rgba(255,255,255,.76)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;backdrop-filter:var(--g-blur-sm)!important;-webkit-backdrop-filter:var(--g-blur-sm)!important;
}
.btn-g:hover,.btn-outline:hover,.btn-ghost:hover,.btn-activar-sec:hover,.btn-secundario:hover,.btn-accion.btn-secundario:hover,.btn-secondary:hover{background:rgba(255,255,255,.12)!important;color:var(--t1)!important;transform:translateY(-1px)!important}

/* Inputs */
input,textarea,select,.campo-input,.field,.hero-slug-box{
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:var(--t1)!important;border-radius:14px!important;font-family:var(--font)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
input:focus,textarea:focus,select:focus,.campo-input:focus,.field.focus{outline:none!important;border-color:rgba(139,32,232,.52)!important;background:rgba(139,32,232,.065)!important;box-shadow:0 0 0 3px rgba(139,32,232,.12), inset 0 1px 0 rgba(255,255,255,.08)!important}
::placeholder{color:rgba(255,255,255,.26)!important}

/* Landing */
.nav{position:sticky!important;top:12px!important;margin:12px auto 0!important;width:min(1120px,calc(100% - 24px))!important;border-radius:999px!important;padding:10px 14px!important}
.hero{min-height:calc(100vh - 40px);padding-top:72px!important}
.hero-inner{z-index:2}.hero-subtitulo{max-width:620px}.hero-nota{color:var(--t3)!important}
.confianza-bar{border-radius:999px!important;margin-inline:auto!important;width:min(960px,calc(100% - 32px))!important;padding:12px 22px!important}
.mockup-phone{border-radius:36px!important;background:rgba(255,255,255,.07)!important;overflow:hidden!important}
.mockup-screen{background:rgba(255,255,255,.04)!important}
.mockup-banner,.ph-banner,.pv-banner{background:linear-gradient(135deg,rgba(139,32,232,.42),rgba(80,10,180,.25))!important}

/* Panel */
.sidebar{border-radius:0!important;border-top:0!important;border-left:0!important;border-bottom:0!important}
.sidebar-item{border-radius:14px!important}.sidebar-item.activo{background:rgba(139,32,232,.17)!important;border-color:rgba(139,32,232,.32)!important;box-shadow:inset 0 0 0 1px rgba(176,96,255,.08)!important}
.panel-editor{background:transparent!important}.panel-preview-wrap{border-radius:0!important;border-top:0!important;border-right:0!important;border-bottom:0!important}.preview-phone-shell{background:rgba(255,255,255,.06)!important}
.stats-grid,.admin-stats,.empresa-stats{gap:12px!important}.stat-card-icono,.stat-icon,.sidebar-logo-icon,.auth-logo-icon,.activar-icono-wrap{background:linear-gradient(135deg,#9b33ff,#6010cc)!important;box-shadow:0 4px 18px rgba(139,32,232,.46)!important}
.stat-card-num,.admin-stat-numero,.empresa-stat-numero,.stat-num{color:var(--t1)!important;font-weight:800!important;letter-spacing:-.04em!important}

/* Auth + activation */
.auth-body,.activar-body{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important}.auth-card,.activar-card{border-radius:28px!important;max-width:460px!important;width:100%!important;padding:30px!important}.auth-logo-icon,.activar-icono-wrap{border-radius:18px!important}

/* Public profile */
.perfil-contenedor{padding:18px 14px 34px!important}.perfil-inner{border-radius:30px!important;max-width:460px!important;overflow:hidden!important;background:rgba(255,255,255,.065)!important}.banner-wrap{border-radius:0!important}.foto-perfil,.foto-placeholder{box-shadow:0 0 0 4px rgba(6,6,14,.85),0 8px 26px rgba(139,32,232,.26)!important;border-color:var(--v)!important}.red-social,.link-item,.negocio-link,.mascota-info-card,.lead-form-card{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;backdrop-filter:var(--g-blur-sm)!important;-webkit-backdrop-filter:var(--g-blur-sm)!important}.dual-tab--activo{background:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
#perfil-dual-selector{background:rgba(7,7,14,.72)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;backdrop-filter:blur(28px) saturate(1.55)!important;-webkit-backdrop-filter:blur(28px) saturate(1.55)!important}

/* Tables */
table,.admin-tabla-wrap,.empresa-tabla-wrap{background:rgba(255,255,255,.035)!important;border:1px solid var(--g-border)!important;border-radius:18px!important;overflow:hidden!important}th,td{border-color:rgba(255,255,255,.07)!important;color:var(--t2)!important}th{color:var(--t1)!important;background:rgba(255,255,255,.045)!important}

/* Toasts */
#toast-container{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{background:rgba(20,18,32,.78)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:var(--g-blur)!important;-webkit-backdrop-filter:var(--g-blur)!important;border-radius:18px!important;color:var(--t1)!important;box-shadow:0 20px 60px rgba(0,0,0,.38)!important}

/* Mobile */
@media(max-width:900px){.nav{top:8px!important;width:calc(100% - 16px)!important}.hero{padding-top:40px!important}.main-content{margin-left:0!important}.sidebar{transform:translateX(-100%)}.panel-preview-wrap{display:none!important}.panel-editor{padding:22px 16px 72px!important}.stats-grid,.admin-stats,.empresa-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:560px){.stats-grid,.admin-stats,.empresa-stats{grid-template-columns:1fr!important}.auth-card,.activar-card{padding:24px 20px!important;border-radius:24px!important}.perfil-inner{border-radius:24px!important}.hero-titulo{font-size:42px!important}}

/* ═══════════════════════════════════════════════════════════
   GLASS PURE ENHANCEMENTS — v2
   Más brillo, más transparencia, más profundidad y motion.
═══════════════════════════════════════════════════════════ */

:root{
  --mouse-x: 50vw;
  --mouse-y: 26vh;
  --px: 0px;
  --py: 0px;
  --bg-shift-x: 0px;
  --bg-shift-y: 0px;
  --glass-alpha: .052;
  --glass-alpha-strong: .075;
  --glass-white: rgba(255,255,255,.18);
  --glass-line: rgba(255,255,255,.22);
  --glass-shadow: 0 22px 80px rgba(0,0,0,.34);
  --glass-shadow-hover: 0 30px 100px rgba(0,0,0,.42), 0 0 0 1px rgba(154,114,255,.10);
}

html,body{overflow-x:hidden}
body{
  background:
    radial-gradient(circle at 14% -6%, rgba(160,112,255,.18), transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(118,146,255,.12), transparent 30%),
    radial-gradient(circle at 54% 76%, rgba(123,61,255,.13), transparent 30%),
    linear-gradient(180deg,#05060b 0%,#090b14 46%,#06070c 100%)!important;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(460px circle at var(--mouse-x) var(--mouse-y), rgba(255,255,255,.085), transparent 40%),
    radial-gradient(240px circle at calc(var(--mouse-x) + 8%) calc(var(--mouse-y) + 6%), rgba(180,144,255,.07), transparent 44%);
  opacity:.9;
  transition:opacity .25s ease;
}

.bg-orbs{
  transform:translate3d(calc(var(--bg-shift-x) * .55), calc(var(--bg-shift-y) * .55), 0);
  transition:transform .22s ease-out;
  will-change:transform;
}
.orb{
  filter:blur(84px) saturate(120%);
  mix-blend-mode:screen;
  opacity:.78;
}
.orb-1{
  width:400px;height:400px;
  background:radial-gradient(circle, color-mix(in srgb, var(--orb1-color, rgba(124,29,232,.52)) 82%, white 18%) 0%, var(--orb1-color, rgba(124,29,232,.52)) 46%, transparent 78%)!important;
  transform:translate3d(calc(var(--bg-shift-x) * -1.3), calc(var(--bg-shift-y) * -1.1), 0);
}
.orb-2{
  width:330px;height:330px;
  background:radial-gradient(circle, color-mix(in srgb, var(--orb2-color, rgba(61,8,153,.46)) 76%, white 24%) 0%, var(--orb2-color, rgba(61,8,153,.46)) 48%, transparent 76%)!important;
  transform:translate3d(calc(var(--bg-shift-x) * 1.25), calc(var(--bg-shift-y) * .95), 0);
}
.orb-3{
  width:260px;height:260px;
  background:radial-gradient(circle, color-mix(in srgb, var(--orb3-color, rgba(155,32,255,.34)) 76%, white 24%) 0%, var(--orb3-color, rgba(155,32,255,.34)) 45%, transparent 76%)!important;
  transform:translate3d(calc(var(--bg-shift-x) * .7), calc(var(--bg-shift-y) * -1.2), 0);
}

.glass,.auth-card,.activar-card,.seccion-card,.stat-card,.admin-stat-card,.empresa-stat,.empresa-stat-card,.onboarding-card,.panel-card,.qr-item,.modal-card,.lead-card,.hardware-card,.producto-card,.pricing-card,.faq-item,.paso-card,.feature-card,.mockup-phone,.mockup-card-float,.confianza-bar,.tabs-wrap,.perfil-inner,.estado-contenido,.preview-phone-shell,.panel-preview-wrap,.sidebar,.panel-header,.nav,.btn-google,.field-input,.hero-slug-box,.link-item,.red-social,.negocio-link,.mascota-info-card,.lead-form-card,.admin-tabla-wrap,.empresa-tabla-wrap,.toast{
  background:
    linear-gradient(180deg, rgba(255,255,255,.115), rgba(255,255,255,.058))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:var(--glass-shadow), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(255,255,255,.03)!important;
}

.glass,.auth-card,.activar-card,.seccion-card,.stat-card,.admin-stat-card,.empresa-stat,.empresa-stat-card,.onboarding-card,.panel-card,.qr-item,.modal-card,.lead-card,.hardware-card,.producto-card,.pricing-card,.faq-item,.paso-card,.feature-card,.mockup-phone,.mockup-card-float,.confianza-bar,.tabs-wrap,.perfil-inner,.estado-contenido,.preview-phone-shell,.panel-preview-wrap,.panel-header,.nav{
  overflow:hidden;
}

.glass::before,.auth-card::before,.activar-card::before,.seccion-card::before,.stat-card::before,.admin-stat-card::before,.empresa-stat::before,.onboarding-card::before,.panel-card::before,.producto-card::before,.pricing-card::before,.faq-item::before,.paso-card::before,.feature-card::before,.modal-card::before,.perfil-inner::before,.preview-phone-shell::before,.mockup-phone::before,.nav::before,.panel-header::before{
  left:6%;right:6%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent)!important;
  opacity:.9;
}

.glass::after,.auth-card::after,.activar-card::after,.seccion-card::after,.stat-card::after,.admin-stat-card::after,.onboarding-card::after,.panel-card::after,.producto-card::after,.pricing-card::after,.feature-card::after,.perfil-inner::after,.mockup-phone::after,.panel-header::after,.nav::after{
  top:auto!important; left:auto!important; width:auto!important; height:auto!important;
  inset:-1px!important;
  border-radius:inherit!important;
  background:
    radial-gradient(240px circle at var(--shine-x, 22%) var(--shine-y, 0%), rgba(255,255,255,.18) 0%, rgba(255,255,255,.07) 22%, transparent 48%),
    radial-gradient(120px circle at 84% 12%, rgba(255,255,255,.08) 0%, transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 24%, transparent 72%, rgba(255,255,255,.025))!important;
  opacity:1!important;
}

.glass-motion{
  transform:perspective(1200px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translate3d(0,0,0);
  transform-style:preserve-3d;
  will-change:transform;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}
.glass-motion:hover{
  border-color:rgba(255,255,255,.17)!important;
  box-shadow:var(--glass-shadow-hover), inset 0 1px 0 rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.062))!important;
}

.nav,.panel-header,.auth-card,.activar-card,.perfil-inner,.mockup-phone,.preview-phone-shell{
  backdrop-filter:blur(32px) saturate(170%) brightness(1.08)!important;
  -webkit-backdrop-filter:blur(32px) saturate(170%) brightness(1.08)!important;
}
.sidebar,.panel-preview-wrap{
  backdrop-filter:blur(28px) saturate(160%) brightness(1.06)!important;
  -webkit-backdrop-filter:blur(28px) saturate(160%) brightness(1.06)!important;
}

input,textarea,select,.campo-input,.field,.hero-slug-box,.field-input{
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.048))!important;
  border-color:rgba(255,255,255,.12)!important;
}
input:focus,textarea:focus,select:focus,.campo-input:focus,.field.focus,.field-input:focus{
  border-color:rgba(167,132,255,.36)!important;
  box-shadow:0 0 0 3px rgba(123,61,255,.12), 0 8px 22px rgba(123,61,255,.14), inset 0 1px 0 rgba(255,255,255,.10)!important;
}

.btn-v,.btn-violeta,.btn-principal,.btn-activar,.btn-activar-pri,.btn-nav,.btn-ver-perfil,.ob-btn,.btn-accion.btn-primario,.btn-primario,.btn-primary{
  background:linear-gradient(180deg, #b997ff 0%, #8a52ff 16%, #7b3dff 58%, #6d31f2 100%)!important;
  box-shadow:0 12px 30px rgba(123,61,255,.36), 0 2px 0 rgba(255,255,255,.10) inset, inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.btn-v:hover,.btn-violeta:hover,.btn-principal:hover,.btn-activar:hover,.btn-activar-pri:hover,.btn-nav:hover,.btn-ver-perfil:hover,.ob-btn:hover,.btn-accion.btn-primario:hover,.btn-primario:hover,.btn-primary:hover{
  box-shadow:0 16px 40px rgba(123,61,255,.46), 0 2px 0 rgba(255,255,255,.12) inset, inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.btn-g,.btn-outline,.btn-ghost,.btn-activar-sec,.btn-secundario,.btn-accion.btn-secundario,.btn-secondary,.btn-google{
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.06))!important;
  border-color:rgba(255,255,255,.12)!important;
}
.btn-g:hover,.btn-outline:hover,.btn-ghost:hover,.btn-activar-sec:hover,.btn-secundario:hover,.btn-accion.btn-secundario:hover,.btn-secondary:hover,.btn-google:hover{
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.07))!important;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(600px circle at var(--mouse-x) 16%, rgba(255,255,255,.06), transparent 40%);
  opacity:.9;
}

.mockup-phone,.preview-phone-shell,.perfil-inner,.hero-demo-phone,.preview-phone{
  box-shadow:0 32px 90px rgba(0,0,0,.46), 0 0 0 1px rgba(255,255,255,.07), inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.sidebar-item,.nav-link,.tab-btn,.dual-tab,.link-item,.red-social,.negocio-link,.faq-item,.paso-card,.feature-card,.pricing-card,.producto-card,.stat-card,.admin-stat-card,.empresa-stat-card{
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease!important;
}
.sidebar-item:hover,.nav-link:hover,.tab-btn:hover,.dual-tab:hover,.link-item:hover,.red-social:hover,.negocio-link:hover{
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.14)!important;
}

/* Mobile reduces motion to stay clean */
@media (max-width: 900px){
  body::after{opacity:.58}
  .glass-motion{transform:none!important}
  .orb{filter:blur(72px)}
}

@media (prefers-reduced-motion: reduce){
  .bg-orbs,.orb,.glass-motion,*{animation:none!important;transition:none!important}
}



/* ═══════════════════════════════════════════════════════════
   NFC ARGENTINA — LIQUID GLASS REBUILD v3
   Corrige el efecto "violeta sólido" y rediseña por bloques.
   Objetivo: más profundidad, menos pintura violeta, más iOS glass.
═══════════════════════════════════════════════════════════ */

:root{
  --ios-bg-0:#05060b;
  --ios-bg-1:#090b13;
  --ios-bg-2:#0f1322;
  --ios-glass-0:rgba(255,255,255,.045);
  --ios-glass-1:rgba(255,255,255,.064);
  --ios-glass-2:rgba(255,255,255,.088);
  --ios-stroke:rgba(255,255,255,.135);
  --ios-stroke-soft:rgba(255,255,255,.085);
  --ios-highlight:rgba(255,255,255,.52);
  --ios-purple:#8b5cff;
  --ios-purple-2:#7b3dff;
  --ios-purple-glow:rgba(123,61,255,.22);
  --ios-shadow:0 24px 80px rgba(0,0,0,.38);
  --ios-shadow-soft:0 18px 54px rgba(0,0,0,.28);
  --ios-blur:blur(34px) saturate(175%) brightness(1.08);
  --ios-blur-soft:blur(22px) saturate(155%) brightness(1.04);
}

/* Fondo: menos violeta plano, más profundidad */
body{
  background:
    radial-gradient(900px circle at 24% 18%, rgba(122,60,255,.20), transparent 44%),
    radial-gradient(620px circle at 78% 10%, rgba(110,135,255,.105), transparent 42%),
    radial-gradient(760px circle at 52% 84%, rgba(91,42,210,.15), transparent 42%),
    linear-gradient(180deg, #05060b 0%, #090b14 48%, #06070c 100%)!important;
}
body::before{
  opacity:.18!important;
}
body::after{
  background:
    radial-gradient(520px circle at var(--mouse-x) var(--mouse-y), rgba(255,255,255,.075), transparent 38%),
    radial-gradient(320px circle at calc(var(--mouse-x) + 130px) calc(var(--mouse-y) + 70px), rgba(170,135,255,.085), transparent 44%)!important;
  opacity:.72!important;
}

/* Landing: sección por sección, no bloques violetas sólidos */
.hero,
.seccion,
.garantia-seccion,
.cta-final{
  position:relative!important;
  background:transparent!important;
}
.seccion{
  padding:112px 32px!important;
  overflow:hidden!important;
}
.seccion--oscura{
  background:
    radial-gradient(620px circle at 50% 14%, rgba(255,255,255,.025), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(0,0,0,.02))!important;
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.035);
}
.seccion-inner{
  max-width:1120px!important;
}
.seccion-eyebrow{
  color:rgba(215,205,255,.50)!important;
  letter-spacing:.22em!important;
  font-size:11px!important;
  margin-bottom:16px!important;
}
.seccion-titulo{
  font-size:clamp(34px,4.4vw,56px)!important;
  letter-spacing:-.06em!important;
  margin-bottom:48px!important;
}

/* Barra de compatibilidad: más liviana, flotante */
.confianza-bar{
  max-width:820px!important;
  background:linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.052))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:999px!important;
  box-shadow:0 22px 70px rgba(0,0,0,.32), 0 12px 40px rgba(123,61,255,.11), inset 0 1px 0 rgba(255,255,255,.17)!important;
  padding:10px 16px!important;
  backdrop-filter:var(--ios-blur)!important;
  -webkit-backdrop-filter:var(--ios-blur)!important;
}
.confianza-items{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.confianza-items span{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  color:rgba(235,238,255,.66)!important;
  font-size:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}

/* Tres pasos: era plano/violeta. Ahora cards con aire y glass real */
.pasos-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.paso-divisor{display:none!important;}
.paso-card{
  position:relative!important;
  min-height:190px!important;
  padding:28px 28px 26px!important;
  border-radius:30px!important;
  background:
    radial-gradient(250px circle at 22% 0%, rgba(255,255,255,.105), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.074), rgba(255,255,255,.038))!important;
  border:1px solid rgba(255,255,255,.125)!important;
  box-shadow:var(--ios-shadow-soft), inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:var(--ios-blur-soft)!important;
  -webkit-backdrop-filter:var(--ios-blur-soft)!important;
  overflow:hidden!important;
}
.paso-card::before{
  content:""!important;
  position:absolute!important;
  top:0;left:10%;right:10%;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent)!important;
}
.paso-card::after{
  content:""!important;
  position:absolute!important;
  inset:auto -40px -70px auto!important;
  width:170px;height:170px;border-radius:50%!important;
  background:radial-gradient(circle, rgba(123,61,255,.13), transparent 68%)!important;
  pointer-events:none!important;
}
.paso-card:hover{
  transform:translateY(-5px)!important;
  background:
    radial-gradient(270px circle at 20% 0%, rgba(255,255,255,.13), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.088), rgba(255,255,255,.043))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42),0 20px 60px rgba(123,61,255,.11), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.paso-num{
  position:absolute!important;
  top:16px!important;
  right:22px!important;
  font-size:54px!important;
  opacity:.11!important;
  color:#fff!important;
  letter-spacing:-.08em!important;
}
.paso-titulo{
  position:relative!important;
  z-index:2!important;
  font-size:20px!important;
  letter-spacing:-.035em!important;
  margin-top:46px!important;
  margin-bottom:10px!important;
}
.paso-desc{
  position:relative!important;
  z-index:2!important;
  color:rgba(232,236,255,.64)!important;
  font-size:14px!important;
}

/* Productos: cards más premium, no cajas grises */
.productos-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
}
.producto-card{
  position:relative!important;
  min-height:380px!important;
  border-radius:32px!important;
  padding:30px 26px 26px!important;
  background:
    radial-gradient(260px circle at 24% -4%, rgba(255,255,255,.105), transparent 48%),
    radial-gradient(220px circle at 88% 8%, rgba(123,61,255,.10), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.038))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:var(--ios-shadow-soft), inset 0 1px 0 rgba(255,255,255,.14)!important;
  backdrop-filter:var(--ios-blur-soft)!important;
  -webkit-backdrop-filter:var(--ios-blur-soft)!important;
}
.producto-card::before{
  content:""!important;
  position:absolute!important;
  top:0;left:10%;right:10%;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent)!important;
}
.producto-card--destacado{
  background:
    radial-gradient(280px circle at 22% -4%, rgba(194,169,255,.14), transparent 48%),
    radial-gradient(250px circle at 80% 10%, rgba(123,61,255,.15), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.040))!important;
  border-color:rgba(202,184,255,.20)!important;
  box-shadow:0 24px 84px rgba(0,0,0,.38),0 14px 50px rgba(123,61,255,.13),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.producto-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(255,255,255,.18)!important;
  background:
    radial-gradient(300px circle at 22% -4%, rgba(255,255,255,.13), transparent 48%),
    radial-gradient(240px circle at 80% 8%, rgba(123,61,255,.15), transparent 52%),
    linear-gradient(180deg, rgba(255,255,255,.090), rgba(255,255,255,.045))!important;
  box-shadow:0 30px 100px rgba(0,0,0,.44),0 20px 70px rgba(123,61,255,.13),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.producto-icono{
  width:52px!important;height:52px!important;border-radius:18px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.20)!important;
  font-size:24px!important;
  margin-bottom:24px!important;
}
.producto-nombre{
  font-size:22px!important;
  letter-spacing:-.045em!important;
  margin-bottom:12px!important;
}
.producto-desc{
  color:rgba(232,236,255,.64)!important;
  font-size:14px!important;
  margin-bottom:22px!important;
}
.producto-features{
  gap:9px!important;
}
.producto-features li{
  color:rgba(232,236,255,.42)!important;
  font-size:13px!important;
}
.producto-card .btn-violeta,
.producto-card .btn-outline{
  width:100%!important;
  justify-content:center!important;
  min-height:48px!important;
  margin-top:auto!important;
}

/* Garantía/FAQ/CTA: menos banda violeta dura, más atmósfera */
.garantia-seccion{
  padding:110px 32px!important;
  background:
    radial-gradient(740px circle at 28% 42%, rgba(123,61,255,.21), transparent 46%),
    radial-gradient(560px circle at 70% 44%, rgba(60,80,180,.10), transparent 46%),
    linear-gradient(90deg, rgba(255,255,255,.012), transparent 60%)!important;
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.045);
}
.garantia-badge{
  background:
    radial-gradient(circle at 34% 20%, rgba(255,255,255,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.032))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  backdrop-filter:var(--ios-blur-soft)!important;
  -webkit-backdrop-filter:var(--ios-blur-soft)!important;
  box-shadow:0 22px 80px rgba(0,0,0,.30),0 14px 60px rgba(123,61,255,.16),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.faq-item{
  background:
    radial-gradient(220px circle at 12% 0%, rgba(255,255,255,.08), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.035))!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:20px!important;
  backdrop-filter:var(--ios-blur-soft)!important;
  -webkit-backdrop-filter:var(--ios-blur-soft)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.faq-lista{gap:12px!important;}
.cta-final{
  background:
    radial-gradient(680px circle at 50% 48%, rgba(123,61,255,.25), transparent 46%),
    radial-gradient(520px circle at 26% 30%, rgba(255,255,255,.035), transparent 46%),
    linear-gradient(180deg, rgba(80,26,170,.20), rgba(9,8,20,.88))!important;
  border-top:1px solid rgba(255,255,255,.05);
}
.cta-glow{opacity:.72!important;}

/* Panel: baja saturación del violeta y separa capas */
.app{
  background:
    radial-gradient(900px circle at 32% 18%, rgba(123,61,255,.17), transparent 44%),
    radial-gradient(560px circle at 74% 16%, rgba(120,145,255,.08), transparent 44%),
    linear-gradient(180deg, #05060b, #080a12 48%, #05060b)!important;
}
.panel-editor{
  background:transparent!important;
  padding:34px 36px 80px!important;
}
.main-content,.panel-workspace{background:transparent!important;}
.sidebar{
  background:
    linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.045)),
    rgba(12,10,22,.52)!important;
  border-right:1px solid rgba(255,255,255,.115)!important;
  box-shadow:18px 0 70px rgba(0,0,0,.28), inset -1px 0 0 rgba(255,255,255,.045)!important;
}
.panel-preview-wrap{
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.040)),
    rgba(12,10,22,.42)!important;
  border-left:1px solid rgba(255,255,255,.11)!important;
}

/* Las cards reales del panel no estaban incluidas */
.onboarding-card,
.card-seccion,
.s-card,
.stat-card,
.metrica-stat-card,
.qr-box-panel{
  position:relative!important;
  border-radius:28px!important;
  background:
    radial-gradient(360px circle at 14% 0%, rgba(255,255,255,.10), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.072), rgba(255,255,255,.038))!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 18px 62px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.13)!important;
  backdrop-filter:var(--ios-blur-soft)!important;
  -webkit-backdrop-filter:var(--ios-blur-soft)!important;
  overflow:hidden!important;
}
.onboarding-card::before,
.card-seccion::before,
.s-card::before,
.stat-card::before,
.metrica-stat-card::before,
.qr-box-panel::before{
  content:""!important;position:absolute!important;top:0!important;left:10%!important;right:10%!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent)!important;
}
.s-card--violet,
.card-seccion--comprar{
  background:
    radial-gradient(360px circle at 14% 0%, rgba(205,185,255,.13), transparent 48%),
    radial-gradient(300px circle at 92% 18%, rgba(123,61,255,.14), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(255,255,255,.040))!important;
  border-color:rgba(198,177,255,.17)!important;
}
.onboarding-item,
.campo-con-toggle-v2,
.metrica-barra-item,
.hardware-card{
  background:rgba(255,255,255,.050)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:18px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* Forms: más legibles y no tan violeta */
.campo-input-v2,
.campo-textarea-v2,
.campo-input-v2--slug,
input,textarea,select{
  background:linear-gradient(180deg, rgba(255,255,255,.078), rgba(255,255,255,.046))!important;
  border:1px solid rgba(255,255,255,.115)!important;
  color:rgba(255,255,255,.92)!important;
}

/* Preview lateral: que parezca dispositivo glass, no columna morada */
.preview-phone-shell{
  background:
    radial-gradient(260px circle at 18% 0%, rgba(255,255,255,.10), transparent 48%),
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.038))!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.pv-banner{
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.10), transparent 38%),
    linear-gradient(135deg, rgba(139,92,255,.24), rgba(85,48,180,.12))!important;
}

/* Mejor comportamiento en zoom/desktop grande */
@media (min-width:1200px){
  .hero-inner,.seccion-inner,.garantia-contenido,.footer-inner{max-width:1120px!important;}
}
@media (max-width:900px){
  .pasos-grid,.productos-grid{grid-template-columns:1fr!important;}
  .paso-card,.producto-card{min-height:auto!important;}
  .seccion{padding:78px 20px!important;}
}