/* ═══════════════════════════════════════════════════════════
   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}}