html.flex-solo-mp .flex-non-mp{display:none!important}
html.flex-app-native{color-scheme:light;-webkit-tap-highlight-color:transparent;--flex-native-nav-reserve:96px;--flex-safe-top:max(20px, env(safe-area-inset-top, 0px));--flex-safe-bottom:max(0px, env(safe-area-inset-bottom, 0px));--flex-safe-left:max(0px, env(safe-area-inset-left, 0px));--flex-safe-right:max(0px, env(safe-area-inset-right, 0px));--flex-status-bar-bg:#eef2f9}
html.flex-app-native[data-flex-theme=dark]{color-scheme:dark;--flex-status-bar-bg:#243b5c}
html.flex-app-native::before{content:"";position:fixed;top:0;left:0;right:0;height:var(--flex-safe-top);background:var(--flex-status-bar-bg);z-index:99990;pointer-events:none}
html.flex-app-native body.flex-app-safe-body{padding-top:var(--flex-safe-top);padding-left:var(--flex-safe-left);padding-right:var(--flex-safe-right);padding-bottom:var(--flex-safe-bottom);box-sizing:border-box;min-height:100dvh}
html.flex-app-native *{-webkit-tap-highlight-color:transparent}
html.flex-app-native :focus:not(:focus-visible){outline:0}
.flex-premium-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.flex-premium-bg-glow{position:absolute;width:140%;height:55%;left:-20%;bottom:-8%;background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(197,232,74,.14) 0,rgba(70,150,60,.06) 42%,transparent 72%);animation:flex-premium-breathe 7s ease-in-out infinite}
.flex-premium-bg-wave{position:absolute;left:-15%;width:130%;height:38%;border-radius:50%;opacity:.35;filter:blur(1px)}
.flex-premium-bg-wave--1{bottom:-12%;background:linear-gradient(180deg,transparent,rgba(181,230,58,.12));animation:flex-premium-wave 9s ease-in-out infinite}
.flex-premium-bg-wave--2{bottom:-18%;background:linear-gradient(180deg,transparent,rgba(36,59,92,.45));animation:flex-premium-wave 11s ease-in-out infinite reverse}
@keyframes flex-premium-breathe{
0%,100%{opacity:.75;transform:scale(1)}
50%{opacity:1;transform:scale(1.04)}
}
@keyframes flex-premium-wave{
0%,100%{transform:translate3d(0,0,0)}
50%{transform:translate3d(2%,-3%,0)}
}
@keyframes flex-premium-logo-in{
from{opacity:0;transform:scale(.96) translateY(8px);filter:blur(6px)}
to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}
}
@keyframes flex-premium-scanner{
0%{transform:translateX(-120%);opacity:0}
12%{opacity:1}
88%{opacity:1}
100%{transform:translateX(120%);opacity:0}
}
@keyframes flex-premium-msg-in{
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes flex-premium-success-pop{
from{opacity:0;transform:scale(.88)}
to{opacity:1;transform:scale(1)}
}
.flex-native-lock-overlay{box-sizing:border-box;display:none;position:fixed;inset:0;z-index:2147483000;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(32px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:linear-gradient(165deg,#0a1220 0,#0f1c31 52%,#12162c 100%);overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;opacity:1;transition:opacity .45s ease}
.flex-native-lock-overlay.is-visible{display:flex}
.flex-native-lock-overlay--exit{opacity:0;pointer-events:none}
.flex-native-lock-overlay--native-handoff{opacity:0;pointer-events:none;transition:opacity .28s ease}
.flex-native-lock-stage{position:relative;z-index:2;width:100%;max-width:380px;text-align:center;display:flex;flex-direction:column;align-items:center}
.flex-premium-logo-wrap{margin-bottom:28px;animation:flex-premium-logo-in .9s ease forwards}
.flex-premium-logo{font-size:clamp(1.55rem, 5vw, 1.85rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:#f4f7fb;text-shadow:0 0 28px rgba(197,232,74,.12)}
.flex-premium-logo span{background:linear-gradient(120deg,#d8f56a 0,#c5e84a 45%,#46963c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.flex-premium-icon{display:none;width:56px;height:56px;margin:0 auto 18px;color:#c5e84a;filter:drop-shadow(0 0 16px rgba(197, 232, 74, .25))}
.flex-premium-icon.is-visible{display:flex;align-items:center;justify-content:center;animation:flex-premium-success-pop .55s ease forwards}
.flex-premium-icon svg{width:100%;height:100%}
.flex-native-lock-title{color:#f4f7fb;font-weight:700;font-size:1.12rem;margin:0 0 8px;line-height:1.35;letter-spacing:-.01em}
.flex-native-lock-sub{color:#b4c2d4;font-size:.94rem;line-height:1.5;margin:0 0 22px;min-height:1.5em;max-width:20rem;margin-left:auto;margin-right:auto}
.flex-native-lock-sub.flex-premium-msg-animate{animation:flex-premium-msg-in .45s ease}
.flex-premium-scanner{width:min(220px,72vw);height:3px;margin:4px auto 26px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.flex-premium-scanner.is-hidden{visibility:hidden;margin-bottom:0}
.flex-premium-scanner-track{position:absolute;inset:0}
.flex-premium-scanner-line{position:absolute;top:0;left:0;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(197,232,74,.35) 20%,#c5e84a 50%,rgba(197,232,74,.35) 80%,transparent);box-shadow:0 0 14px rgba(197,232,74,.45);animation:flex-premium-scanner 3.2s ease-in-out infinite}
.flex-native-lock-overlay--phase-success .flex-premium-scanner{display:none}
.flex-native-lock-overlay--phase-success .flex-premium-logo-wrap{display:none}
.flex-native-lock-actions{width:100%;max-width:340px}
.flex-native-lock-actions.is-hidden{display:none}
.flex-native-lock-btn{display:block;width:100%;padding:15px 16px;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;border:none;margin-bottom:10px;font-family:inherit;transition:filter .15s ease,opacity .15s ease}
.flex-native-lock-btn--primary{background:linear-gradient(180deg,#c5e84a 0,#46963c 100%);color:#0a1220;box-shadow:0 8px 24px rgba(70,150,60,.28)}
.flex-native-lock-btn--ghost{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14);color:#f4f7fb;margin-bottom:0}
html.flex-native-lock-open body{overflow:hidden}
@media (prefers-reduced-motion:reduce){
.flex-premium-bg-glow,.flex-premium-bg-wave,.flex-premium-logo-wrap,.flex-premium-scanner-line{animation:none!important}
}
:root{--bg-dark:#0d1117;--card-dark:#161b22;--border-color:#30363d;--flex-green:#c4e860;--flex-dark-green:#46963c;--error-red:#f85149;--flex:var(--flex-green);--flex-deep:var(--flex-dark-green)}
*{margin:0;padding:0;box-sizing:border-box}
body{background:radial-gradient(circle at 12% 10%,rgba(71,109,167,.28),transparent 36%),radial-gradient(circle at 82% 0,rgba(196,232,96,.16),transparent 34%),linear-gradient(165deg,#0a1220 0,#0f1c31 45%,#12162c 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;min-height:100vh;animation:none}
header{background-color:var(--card-dark);padding:calc(15px + env(safe-area-inset-top,0px)) 5% 15px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);position:fixed;top:0;width:100%;z-index:1000}
.logo-brand{cursor:pointer}
.flex-title{font-size:24px;font-weight:800;background:linear-gradient(135deg,var(--flex-green) 0,var(--flex-dark-green) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.nav-buttons{display:flex;gap:10px}
.btn-nav{padding:8px 15px;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:.2s}
.btn-registro{background-color:var(--flex-dark-green);color:#fff}
.btn-login{background:0 0;border:1px solid var(--flex-dark-green);color:var(--flex-green)}
.btn-negocio{background:0 0;border:1px solid var(--flex-green);color:var(--flex-green)}
.btn-negocio:hover{background:rgba(196,232,96,.08)}
.negocio-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;width:100%}
.btn-action-outline{background:0 0;border:1px solid var(--border-color);color:#e6edf3;padding:14px;border-radius:8px;font-weight:600;cursor:pointer;width:100%;transition:.2s}
.btn-action-outline:hover{border-color:var(--flex-dark-green);color:var(--flex-green)}
.link-volver{margin-top:20px;font-size:14px;color:#8b949e;cursor:pointer;background:0 0;border:none}
.link-volver:hover{color:var(--flex-green)}
.view{display:none;min-height:100vh;padding:calc(100px + env(safe-area-inset-top,0px)) 20px 40px;flex-direction:column;align-items:center;justify-content:center}
.view.active{display:flex}
body.user-logged-in .view:not(.active){display:none!important;pointer-events:none!important}
body.user-logged-in .view.active{display:flex!important}
.auth-card{background:linear-gradient(145deg,rgba(20,29,45,.94),rgba(16,24,38,.9));border:1px solid var(--border-color);border-radius:16px;padding:30px;width:100%;max-width:450px;box-shadow:0 18px 42px rgba(0,0,0,.45);backdrop-filter:none;text-align:center;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.auth-card:hover{transform:translateY(-4px);border-color:rgba(134,199,255,.42);box-shadow:0 24px 52px rgba(7,13,24,.62)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.full-width{grid-column:span 2}
input{background-color:var(--bg-dark);border:1px solid var(--border-color);padding:12px;border-radius:8px;color:#fff;font-size:14px;width:100%;outline:0}
input:focus,select:focus{border-color:var(--flex-green)}
select{background-color:var(--bg-dark);border:1px solid var(--border-color);padding:12px;border-radius:8px;color:#fff;font-size:14px;width:100%;outline:0;cursor:pointer}
select option{background:var(--card-dark);color:#fff}
#loginForm.view,#miNegocioLogin.view,#miNegocioMenu.view,#miNegocioRegistro.view,#registroForm.view,#registroOtpChoice.view,#registroOtpVerify.view,#registroScan.view{background:radial-gradient(circle at 85% -10%,rgba(90,136,211,.2),transparent 45%),radial-gradient(circle at 5% 15%,rgba(196,232,96,.13),transparent 32%),linear-gradient(160deg,#0c182a 0,#101f36 55%,#121f2d 100%);color:#dce8f8;position:relative;overflow:hidden}
#loginForm.view::before,#miNegocioLogin.view::before,#miNegocioMenu.view::before,#miNegocioRegistro.view::before,#registroForm.view::before,#registroOtpChoice.view::before,#registroOtpVerify.view::before,#registroScan.view::before{content:"";position:absolute;inset:-25% -20% auto;height:55%;background:linear-gradient(120deg,transparent,rgba(141,212,255,.09),transparent);transform:translateX(-20%);animation:auroraSweep 9s ease-in-out infinite;pointer-events:none}
#loginForm.view::before{display:none}
#registroForm.view::before{display:none}
#registroOtpChoice.view::before,#registroOtpVerify.view::before{display:none}
#loginForm .auth-card,#miNegocioLogin .auth-card,#miNegocioMenu .auth-card,#miNegocioRegistro .auth-card,#olvidoContrasenaForm .auth-card,#registroForm .auth-card,#registroOtpChoice .auth-card,#registroOtpVerify .auth-card,#registroScan .auth-card{background:linear-gradient(150deg,rgba(18,31,49,.92),rgba(14,24,40,.88));border:1px solid rgba(112,149,198,.34);box-shadow:0 22px 48px rgba(6,11,22,.55)}
#loginForm .auth-card:hover{transform:none;border-color:rgba(112,149,198,.34);box-shadow:0 22px 48px rgba(6,11,22,.55)}
#registroForm .auth-card:hover{transform:none;border-color:rgba(112,149,198,.34);box-shadow:0 22px 48px rgba(6,11,22,.55)}
#olvidoContrasenaForm .auth-card:hover{transform:none;border-color:rgba(112,149,198,.34);box-shadow:0 22px 48px rgba(6,11,22,.55)}
#registroOtpChoice .auth-card:hover,#registroOtpVerify .auth-card:hover{transform:none;border-color:rgba(112,149,198,.34);box-shadow:0 22px 48px rgba(6,11,22,.55)}
#loginForm .auth-card h2,#miNegocioLogin .auth-card h2,#miNegocioMenu .auth-card h2,#miNegocioRegistro .auth-card h2,#olvidoContrasenaForm .auth-card h2,#registroForm .auth-card h2,#registroOtpChoice .auth-card h2,#registroOtpVerify .auth-card h2,#registroScan .auth-card h2{color:#dce8f8}
#loginForm.view .auth-card input,#miNegocioLogin.view .auth-card input,#miNegocioRegistro.view .auth-card input,#miNegocioRegistro.view .auth-card select,#olvidoContrasenaForm.view .auth-card input,#registroForm.view .auth-card input,#registroForm.view .auth-card select,#registroOtpChoice.view .auth-card input,#registroOtpChoice.view .auth-card select,#registroOtpVerify.view .auth-card input,#registroOtpVerify.view .auth-card select,#registroScan.view .auth-card select{background:rgba(8,18,32,.78)!important;border:1px solid rgba(112,149,198,.45)!important;color:#dce8f8!important}
#miNegocioRegistro.view .auth-card select option,#registroForm.view .auth-card select option{background:#101c30!important;color:#dce8f8!important}
#loginForm.view .toggle-pass-btn,#miNegocioLogin.view .toggle-pass-btn,#registroForm.view .toggle-pass-btn{color:#90a8c9}
#loginForm .auth-login-msg--error{margin:12px 0 14px;padding:10px 12px;border-radius:8px;border:1px solid rgba(248,81,73,.45);background:rgba(248,81,73,.1);color:#f85149;font-size:14px;line-height:1.45;display:none;text-align:left}
#loginForm .auth-login-msg--error.is-visible{display:block}
.flex-auth-pass-layout{display:flex;flex-direction:column;align-items:stretch;gap:18px;width:100%;max-width:920px;margin:0 auto}
@media (min-width:900px){
.flex-auth-pass-layout{flex-direction:row;align-items:flex-start;justify-content:center;gap:24px}
.flex-auth-pass-layout>.auth-card{margin:0}
}
#registroForm .flex-auth-pass-layout>.auth-card{flex:0 1 auto}
.flex-pass-fields-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.flex-pass-fields-col .password-field{width:100%}
.flex-pass-req-sidebar{text-align:left;align-self:flex-start;width:100%;max-width:340px;margin-inline:auto}
@media (min-width:900px){
.flex-pass-req-sidebar{flex:0 0 300px;width:300px;max-width:300px;margin-inline:0}
}
.flex-pass-req-panel{padding:14px 16px;border-radius:14px;background:rgba(10,22,38,.96);border:1px solid rgba(112,149,198,.42);box-shadow:0 18px 44px rgba(0,0,0,.4),0 0 0 1px rgba(196,232,96,.1);display:none;animation:flexReqPopoverIn .22s ease}
#registroForm.flex-pass-reqs-visible #reg-pass-req-panel{display:block}
.flex-pass-req-panel-title{margin:0 0 10px;font-size:11px;letter-spacing:.07em;font-weight:700;color:#9ab1cf;text-transform:uppercase}
@keyframes flexReqPopoverIn{
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:translateY(0)}
}
.flex-pass-req-list{list-style:none;padding:0;margin:0;font-size:13px;color:#8b949e;line-height:1.52;text-align:left}
.flex-pass-req-list li{padding:4px 0 4px 22px;position:relative}
.flex-pass-req-list li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:rgba(248,81,73,.55)}
.flex-pass-req-list li.flex-pass-req--met{color:#c8eec4}
.flex-pass-req-list li.flex-pass-req--met::before{background:var(--flex-green);box-shadow:0 0 0 2px rgba(196,232,96,.28)}
#loginForm .auth-card .btn-action,#miNegocioLogin .auth-card .btn-action,#miNegocioMenu .auth-card .btn-action,#miNegocioRegistro .auth-card .btn-action,#olvidoContrasenaForm .auth-card .btn-action,#registroForm .auth-card .btn-action,#registroOtpChoice .auth-card .btn-action,#registroOtpVerify .auth-card .btn-action,#registroScan .auth-card .btn-action{background:linear-gradient(135deg,#3a6798 0,#223c67 100%);color:#fff}
#miNegocioMenu .auth-card .btn-action-outline{background:rgba(11,23,39,.75);border:1px solid rgba(112,149,198,.45);color:#dce8f8}
#miNegocioMenu .auth-card .btn-action-outline:hover{border-color:#c4e860;color:#dff6c8;background:rgba(196,232,96,.16)}
#loginForm.view .auth-card p[style],#miNegocioLogin.view .auth-card p[style],#miNegocioMenu.view .auth-card p[style],#miNegocioRegistro.view .auth-card p[style],#registroForm.view .auth-card p[style],#registroOtpChoice.view .auth-card p[style],#registroOtpVerify.view .auth-card p[style],#registroScan.view .auth-card p[style]{color:#9ab1cf!important}
#loginForm .link-volver,#miNegocioLogin .link-volver,#miNegocioMenu .link-volver,#miNegocioRegistro .link-volver,#registroForm .link-volver,#registroOtpChoice .link-volver,#registroOtpVerify .link-volver,#registroScan .link-volver{color:#9ab1cf}
#loginForm .link-volver:hover,#miNegocioLogin .link-volver:hover,#miNegocioMenu .link-volver:hover,#miNegocioRegistro .link-volver:hover,#registroForm .link-volver:hover,#registroOtpChoice .link-volver:hover,#registroOtpVerify .link-volver:hover,#registroScan .link-volver:hover{color:#dce8f8}
.otp-delivery-actions{display:grid;gap:10px;margin-top:18px}
#miNegocioRegistro.view label[for=negocio-tipo]{color:#9ab1cf!important}
@keyframes ambientBackgroundShift{
0%{background-position:0 0,100% 0,50% 50%}
100%{background-position:8% 6%,94% 4%,52% 56%}
}
@keyframes auroraSweep{
0%{transform:translateX(-28%) skewX(-10deg);opacity:.2}
50%{transform:translateX(10%) skewX(-8deg);opacity:.45}
100%{transform:translateX(34%) skewX(-10deg);opacity:.2}
}
.password-field{position:relative}
.password-field input{padding-right:44px}
.toggle-pass-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:0 0;color:#8b949e;cursor:pointer;font-size:14px}
.btn-action{background:linear-gradient(135deg,var(--flex-green) 0,var(--flex-dark-green) 100%);border:none;padding:14px;border-radius:8px;color:#fff;font-weight:700;cursor:pointer;width:100%;margin-top:20px}
.btn-action:disabled{opacity:.5;cursor:not-allowed}
#video-container{width:100%;aspect-ratio:4/3;background:#000;border-radius:12px;margin:20px 0;overflow:hidden;position:relative;border:2px solid var(--flex-green)}
#video-container.is-loading::after{content:"Preparando cámara…";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,rgba(10,18,34,.92),rgba(15,28,49,.9));color:#dce8f8;font-size:15px;letter-spacing:.02em;z-index:2}
#video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
#flex-registro-scan-still{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:1}
.scan-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;border:2px dashed var(--flex-green);border-radius:50%;pointer-events:none;box-shadow:0 0 0 1000px rgba(0,0,0,.5)}
.scan-loader{margin-top:10px;min-height:20px;display:none;align-items:center;justify-content:center;gap:8px;color:#9ab1cf;font-size:13px}
.scan-loader.is-visible{display:flex}
.scan-loader-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(156,186,224,.45);border-top-color:#c4e860;animation:scanSpin .9s linear infinite}
@keyframes scanSpin{
to{transform:rotate(360deg)}
}
.registro-scan-card{max-width:440px;margin:0 auto;padding-bottom:8px}
.registro-scan-header{text-align:center;margin-bottom:4px}
.registro-scan-step{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c4e860;background:rgba(196,232,96,.1);border:1px solid rgba(196,232,96,.28);border-radius:999px;padding:5px 12px;margin-bottom:12px}
.registro-scan-lead{color:#9ab1cf!important;font-size:15px;line-height:1.5;margin:8px 0 14px}
.registro-scan-trust{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}
.registro-scan-trust li{display:flex;align-items:center;gap:8px;font-size:12px;color:#7f97b8}
.registro-scan-trust-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#c4e860,#8eb83a);flex-shrink:0;box-shadow:0 0 8px rgba(196,232,96,.45)}
.registro-scan-video-wrap{border-radius:20px!important;border:1px solid rgba(196,232,96,.35)!important;box-shadow:0 0 0 1px rgba(90,136,211,.12),0 18px 40px rgba(6,11,22,.55),inset 0 0 40px rgba(196,232,96,.04);margin:16px 0 12px!important}
.registro-scan-oval{width:58%!important;height:72%!important;border-radius:50%/46%!important;border:2px dashed rgba(196,232,96,.75)!important;box-shadow:0 0 0 1000px rgba(0,0,0,.48)!important;transition:border-color .35s ease,box-shadow .35s ease}
.registro-scan-ring{position:absolute;inset:10%;border-radius:50%/46%;pointer-events:none;border:1px solid transparent;opacity:0;transition:opacity .35s ease}
.registro-scan--preview .registro-scan-ring{opacity:1;animation:registroScanPulse 2.4s ease-in-out infinite}
.registro-scan--liveness .registro-scan-oval{border-color:rgba(141,212,255,.9)!important;animation:registroOvalBreathe 1.2s ease-in-out infinite}
.registro-scan--scanning .registro-scan-oval{border-style:solid!important;border-color:rgba(196,232,96,.95)!important}
.registro-scan--ready .registro-scan-oval{border-style:solid!important;border-color:#c4e860!important;box-shadow:0 0 0 1000px rgba(0,0,0,.42),0 0 24px rgba(196,232,96,.35)!important}
@keyframes registroScanPulse{
0%,100%{box-shadow:0 0 0 0 rgba(196,232,96,.15)}
50%{box-shadow:0 0 0 10px rgba(196,232,96,0)}
}
@keyframes registroOvalBreathe{
0%,100%{transform:translate(-50%,-50%) scale(1)}
50%{transform:translate(-50%,-50%) scale(1.02)}
}
.registro-scan-status{min-height:44px;text-align:center}
.registro-scan-status.flex-blink-status--active{color:#8ed4ff!important}
.btn-registro-escanear{background:linear-gradient(135deg,#c4e860 0,#8eb83a 55%,#5a8a2e 100%)!important;color:#0c182a!important;font-weight:800!important;letter-spacing:.02em;box-shadow:0 10px 28px rgba(142,184,58,.35);transition:transform .15s ease,box-shadow .15s ease}
.btn-registro-escanear:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(142,184,58,.42)}
.btn-registro-finalizar{text-transform:none}
.registro-scan-retry{font-size:13px}
.profile-header{margin-bottom:30px}
.profile-circle{width:90px;height:90px;border-radius:50%;border:3px solid var(--flex-green);margin:0 auto 10px;overflow:hidden}
.profile-circle img{width:100%;height:100%;object-fit:cover}
.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;width:100%}
.btn-panel-item{background-color:#21262d;border:1px solid var(--border-color);padding:20px;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px}
.btn-panel-item.btn-panel-item--disabled,.btn-panel-item:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.btn-panel-item i{font-size:24px;color:var(--flex-green)}
.btn-panel-item .billetera-mp-logo{height:44px;width:auto;max-width:180px;object-fit:contain;display:block}
.btn-panel-item.billetera-mp-tile{min-height:120px}
.btn-panel-item.billetera-mp-tile:disabled{opacity:.55;cursor:not-allowed}
.panel-grid-billeteras{align-items:start}
.panel-grid-metodos-add{grid-template-columns:1fr 1fr;align-items:stretch}
.panel-grid-metodos-add>.flex-non-mp{display:contents}
.panel-grid-metodos-add .btn-panel-item{grid-column:span 1;min-height:128px;width:100%;box-sizing:border-box;justify-content:center}
@media (max-width:520px){
.panel-grid-metodos-add{grid-template-columns:1fr}
}
.billetera-mp-stack{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}
.btn-mp-tarjeta-billetera{font-size:14px;padding:12px 16px}
.flex-mp-billetera-hint{position:relative;padding:12px 40px 12px 14px;background:#21262d;border:1px solid var(--border-color);border-radius:10px;font-size:13px;color:#e6edf3;line-height:1.45;margin-bottom:2px}
.flex-mp-hint-close{position:absolute;top:4px;right:6px;background:0 0;border:none;color:#8b949e;font-size:22px;line-height:1;cursor:pointer;padding:6px 10px}
.flex-mp-hint-close:hover{color:#fff}
.mp-billetera-sub{font-size:13px}
.card-list{display:flex;flex-direction:column;gap:12px;margin:20px 0;width:100%}
@keyframes lista-tarjeta-in{
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
.payment-item{position:relative;isolation:isolate;overflow:hidden;padding:16px 16px 16px 18px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(155deg,#1f2630 0,#171c24 52%,#121820 100%);border:1px solid rgba(48,54,61,.85);box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 8px 28px rgba(0,0,0,.28);transition:transform .28s cubic-bezier(.22, 1, .36, 1),box-shadow .28s cubic-bezier(.22, 1, .36, 1),border-color .28s ease,background .28s ease}
#lista-tarjetas>.payment-item::before{content:'';position:absolute;left:0;top:12%;bottom:12%;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--flex-green),var(--flex-dark-green));opacity:.35;pointer-events:none;transition:opacity .28s ease,box-shadow .28s ease;z-index:0}
#lista-tarjetas>.payment-item:hover::before{opacity:.95;box-shadow:0 0 16px rgba(196,232,96,.35)}
#lista-tarjetas>.payment-item{animation:lista-tarjeta-in .52s cubic-bezier(.22,1,.36,1) backwards;will-change:transform,opacity}
#lista-tarjetas>.payment-item:first-child{animation-delay:40ms}
#lista-tarjetas>.payment-item:nth-child(2){animation-delay:.1s}
#lista-tarjetas>.payment-item:nth-child(3){animation-delay:.16s}
#lista-tarjetas>.payment-item:nth-child(4){animation-delay:.22s}
#lista-tarjetas>.payment-item:nth-child(5){animation-delay:.28s}
#lista-tarjetas>.payment-item:nth-child(6){animation-delay:.34s}
#lista-tarjetas>.payment-item:nth-child(7){animation-delay:.4s}
#lista-tarjetas>.payment-item:nth-child(8){animation-delay:.46s}
#lista-tarjetas>.payment-item:hover{transform:translateY(-3px);border-color:rgba(196,232,96,.28);box-shadow:0 0 0 1px rgba(196,232,96,.12) inset,0 12px 36px rgba(0,0,0,.35),0 0 32px rgba(196,232,96,.08)}
#lista-tarjetas>.payment-item>*{position:relative;z-index:1}
#lista-tarjetas .payment-item:hover .flex-card-brand-logo,#lista-tarjetas .payment-item:hover .flex-payment-wallet-marker{transform:scale(1.05);filter:brightness(1.08);transition:transform .28s cubic-bezier(.22, 1, .36, 1),filter .28s ease}
#lista-tarjetas .payment-item .flex-card-brand-logo,#lista-tarjetas .payment-item .flex-payment-wallet-marker{transition:transform .28s cubic-bezier(.22, 1, .36, 1),filter .28s ease}
#lista-tarjetas .payment-item:hover .flex-payment-wallet-marker{color:rgba(196,232,96,.55)}
.payment-item.payment-item-inactive{opacity:.78;border-style:dashed}
#lista-tarjetas>.payment-item.payment-item-inactive:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.25)}
@media (prefers-reduced-motion:reduce){
#lista-tarjetas>.payment-item{animation:none!important}
#lista-tarjetas>.payment-item:hover{transform:none}
#lista-tarjetas .payment-item:hover .flex-card-brand-logo,#lista-tarjetas .payment-item:hover .flex-payment-wallet-marker{transform:none}
}
.payment-item-muted{color:#8b949e;font-size:12px;margin-top:2px}
.payment-item-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.btn-payment-edit{background:#30363d;border:none;padding:6px 10px;border-radius:6px;color:#fff;cursor:pointer}
.btn-payment-connect{background:linear-gradient(90deg,var(--flex-green),#8fbf39);color:#0d1117;border:none;border-radius:8px;padding:8px 12px;font-weight:700;cursor:pointer}
.btn-payment-connect:hover{filter:brightness(1.04)}
.btn-payment-delete{background:0 0;border:1px solid rgba(248,81,73,.4);width:34px;height:34px;border-radius:8px;color:#8b949e;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease,background .15s ease}
.btn-payment-delete:hover{color:#f85149;border-color:rgba(248,81,73,.85);background:rgba(248,81,73,.08)}
.flex-payment-mp-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;flex:1;min-width:0}
.flex-payment-mp-text{text-align:left;min-width:0;overflow-wrap:anywhere;word-break:break-word}
.flex-card-logos{display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0;width:56px;min-height:40px}
.flex-card-brand-logo{width:56px;max-width:56px;max-height:36px;height:auto;flex:0 0 auto;object-fit:contain;object-position:center;margin-right:0;display:block;background:0 0}
#lista-tarjetas .payment-item .flex-card-logos .flex-card-brand-logo{width:56px;max-width:56px;max-height:36px}
.flex-payment-wallet-marker{width:56px;min-height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#6e7681;font-size:22px}
.mp-field-container{min-height:44px;border:1px solid var(--border-color);border-radius:8px;padding:6px 10px;background:#0d1117;position:relative;overflow:hidden}
html[data-flex-theme=light] .mp-field-container{background:#fff;border-color:rgba(27,54,93,.14)}
#dash-metodos-tarjeta .mp-field-container iframe{width:100%!important;max-width:100%!important;height:44px!important;min-height:36px!important;border:0!important;display:block!important;box-sizing:border-box}
.status-msg{margin-top:10px;font-size:12px;color:var(--flex-green)}
#registroScan .status-msg{font-size:16px;font-weight:600;line-height:1.4}
#btn-capturar.btn-scan-ready{background:linear-gradient(135deg,#5ea241 0,#3f7f2b 100%)!important;box-shadow:0 8px 22px rgba(66,122,49,.35)}
.welcome-hero{width:100%;max-width:500px;margin:0 auto;position:relative;display:flex;justify-content:center;align-items:center;min-height:320px}
.welcome-hero::before{content:"";position:absolute;width:min(420px,88vw);height:min(420px,88vw);left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(196,232,96,.16) 0,rgba(196,232,96,.06) 42%,transparent 70%);pointer-events:none;z-index:0}
.faces-stage{position:relative;width:min(340px,74vw);height:min(340px,74vw);margin:0 auto;z-index:1}
.doodle-face{position:absolute;inset:0;opacity:0;filter:drop-shadow(0 0 20px rgba(196, 232, 96, .2));animation:welcomeFaceShow 20s ease-in-out infinite}
.doodle-face:nth-child(2){animation-delay:-4s}
.doodle-face:nth-child(3){animation-delay:-8s}
.doodle-face:nth-child(4){animation-delay:-12s}
.doodle-face:nth-child(5){animation-delay:-16s}
.doodle-face svg{width:100%;height:100%}
.doodle-stroke{fill:none;stroke:var(--flex);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.doodle-fill-soft{fill:rgba(196,232,96,0.16);stroke:var(--flex);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.wobble-head{transform-origin:100px 100px;animation:welcomeWobble 3.2s ease-in-out infinite}
.eye-blink{transform-origin:center;animation:welcomeBlink 5s ease-in-out infinite}
.smile-bounce{animation:welcomeSmileMove 2.4s ease-in-out infinite}
.wink-eye{animation:welcomeWinkPop 4s ease-in-out infinite}
.heart-pulse{transform-origin:center;animation:welcomeHeartBeat 1.6s ease-in-out infinite}
.shades-gleam{animation:welcomeGleam 3s ease-in-out infinite}
.mouth-laugh{animation:welcomeLaughOpen 2s ease-in-out infinite}
@keyframes welcomeFaceShow{
0%,2%{opacity:0;transform:scale(.92) rotate(-2deg)}
16%,5%{opacity:1;transform:scale(1) rotate(0)}
100%,19%{opacity:0;transform:scale(.95) rotate(1deg)}
}
@keyframes welcomeWobble{
0%,100%{transform:rotate(-.8deg)}
50%{transform:rotate(.8deg)}
}
@keyframes welcomeBlink{
0%,100%,40%,48%{opacity:1}
42%,46%{opacity:.15}
}
@keyframes welcomeSmileMove{
0%,100%{transform:translateY(0)}
50%{transform:translateY(2px)}
}
@keyframes welcomeWinkPop{
0%,100%,40%,48%{opacity:1}
42%,46%{opacity:.15}
}
@keyframes welcomeHeartBeat{
0%,100%{transform:scale(1)}
25%{transform:scale(1.12)}
40%{transform:scale(1)}
}
@keyframes welcomeGleam{
0%,100%{opacity:1}
50%{opacity:.86}
}
@keyframes welcomeLaughOpen{
0%,100%{transform:scaleY(1)}
50%{transform:scaleY(1.06)}
}
body:has(#user-dashboard.is-visible) header{display:none!important}
#user-dashboard{display:none;width:100%;min-height:calc(100vh - 57px - env(safe-area-inset-top,0px));margin-top:calc(57px + env(safe-area-inset-top,0px));align-items:stretch;--dash-navy-deep:#0f1729;--dash-navy:#1b365d;--dash-accent:#c4e860;--dash-surface:#121922}
#user-dashboard.is-visible{display:flex!important;position:relative;z-index:150;pointer-events:auto;margin-top:0;min-height:100vh}
#user-dashboard.is-visible .user-sidebar{top:env(safe-area-inset-top,0);bottom:env(safe-area-inset-bottom,0)}
#user-dashboard.is-visible .user-dashboard-main{min-height:100vh}
@media (min-width:901px){
#user-dashboard.is-visible .user-dashboard-main{padding-top:env(safe-area-inset-top,0)}
}
.user-sidebar{width:280px;flex-shrink:0;background:linear-gradient(170deg,rgba(27,54,93,.45) 0,transparent 55%),linear-gradient(180deg,var(--dash-surface) 0,#0f141a 52%,var(--dash-navy-deep) 100%);border-right:1px solid rgba(196,232,96,.12);box-shadow:8px 0 32px rgba(0,0,0,.28);padding:14px 14px 16px;display:flex;flex-direction:column;gap:12px;position:fixed;left:0;top:calc(57px + env(safe-area-inset-top,0px));bottom:env(safe-area-inset-bottom,0);overflow-y:auto;overflow-x:hidden;z-index:50}
.sidebar-brand{text-align:center;padding:10px 6px 4px}
.sidebar-brand-text{font-size:22px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(120deg,#d2f08a 0,var(--dash-accent) 45%,var(--dash-navy) 115%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sidebarBrandGlow 8s ease-in-out infinite alternate}
@keyframes sidebarBrandGlow{
from{filter:brightness(.96)}
to{filter:brightness(1.08)}
}
.sidebar-profile{text-align:center;padding:14px 8px 16px;margin-bottom:4px;border-radius:16px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 50% -20%,rgba(196,232,96,.15),transparent 55%),rgba(15,20,30,.55)}
.sidebar-avatar-wrap{width:88px;height:88px;margin:0 auto 10px;border-radius:50%;border:3px solid var(--dash-accent);box-shadow:0 0 0 1px rgba(196,232,96,.25),0 12px 28px rgba(0,0,0,.45);overflow:hidden;background:#1a2334;transition:transform .35s cubic-bezier(.34, 1.56, .64, 1),box-shadow .35s ease}
.sidebar-avatar-wrap:hover{transform:scale(1.04);box-shadow:0 0 0 1px rgba(196,232,96,.45),0 14px 32px rgba(27,54,93,.5)}
.sidebar-avatar-wrap img{width:100%;height:100%;object-fit:cover}
.sidebar-user-name{font-weight:700;font-size:15px;line-height:1.3;color:#e6edf3}
.sidebar-user-email{font-size:12px;color:#8b949e;margin-top:4px;word-break:break-all}
.sidebar-nav{display:flex;flex-direction:column;gap:6px;flex:1}
.sidebar-link{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:none;background:0 0;color:rgba(230,237,243,.88);font-size:14px;font-weight:600;cursor:pointer;transition:background .28s cubic-bezier(.4, 0, .2, 1),color .2s ease,transform .28s cubic-bezier(.34, 1.56, .64, 1),box-shadow .28s ease}
.sidebar-link i{width:20px;text-align:center;color:var(--dash-accent);opacity:.95;transition:transform .28s cubic-bezier(.34, 1.56, .64, 1),color .2s ease}
.sidebar-link:hover{background:rgba(196,232,96,.1);color:#fff;transform:translateX(3px)}
.sidebar-link:hover i{transform:scale(1.08);color:#c8ea7a}
.sidebar-link.active{background:linear-gradient(90deg,rgba(196,232,96,.22) 0,rgba(27,54,93,.55) 100%);color:#fff;box-shadow:inset 3px 0 0 var(--dash-accent),0 8px 24px rgba(0,0,0,.25)}
.sidebar-link:disabled,.sidebar-link[disabled]{opacity:.45;cursor:not-allowed}
.flex-dash-nav-web-only{display:none!important}
@media (min-width:761px){
.flex-dash-nav-web-only{display:flex!important}
.sidebar-link--dash-mas{display:none!important}
}
.sidebar-logout{margin-top:auto;padding-top:12px;border-top:1px solid rgba(196,232,96,.1);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:#a9b7c9;border-radius:12px;padding:13px;font-weight:600;cursor:pointer;transition:border-color .25s ease,color .25s ease,background .25s ease,transform .2s ease}
.sidebar-logout:hover{border-color:rgba(248,81,73,.55);color:#f85149;background:rgba(248,81,73,.08);transform:translateY(-1px)}
.user-dashboard-main{flex:1;margin-left:280px;padding:0;min-height:calc(100vh - 57px - env(safe-area-inset-top,0px));width:100%;background:radial-gradient(ellipse 90% 60% at 50% -5%,rgba(43,78,120,.35),transparent 58%),radial-gradient(circle at 92% 8%,rgba(196,232,96,.07),transparent 42%),linear-gradient(180deg,var(--dash-navy-deep) 0,#0a0e14 100%);position:relative}
.user-dashboard-main::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:22px 22px}
.dashboard-topbar{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding:28px 28px 20px;border-bottom:1px solid rgba(196,232,96,.1);background:linear-gradient(180deg,rgba(20,28,40,.65) 0,transparent 100%);animation:dashTopReveal .55s cubic-bezier(.22,1,.36,1) both;z-index:1}
.dashboard-greet-title{font-size:clamp(1.65rem, 3.4vw, 2.05rem);font-weight:800;color:#f0f6ff;margin:0 0 8px;letter-spacing:-.02em;line-height:1.18;text-shadow:0 2px 18px rgba(27,54,93,.45)}
#dashboard-greet-name{color:#d8f096;background:linear-gradient(120deg,#eaffa8 0,var(--dash-accent) 52%,#7fba3a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dashboard-greet-sub{margin:0;font-size:15px;color:rgba(180,198,220,.9);font-weight:500;max-width:36rem;line-height:1.5;animation:dashSubFade .85s cubic-bezier(.22,1,.36,1) both}
.dashboard-topbar-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#dcf2a8;background:rgba(196,232,96,.12);border:1px solid rgba(196,232,96,.28);box-shadow:0 12px 30px rgba(0,0,0,.25);backdrop-filter:blur(6px);animation:dashBadgePulse 4.5s ease-in-out infinite}
.dashboard-topbar-badge i{color:var(--dash-accent);animation:badgeIconWobble 6s ease-in-out infinite}
@keyframes dashBadgePulse{
0%,100%{box-shadow:0 12px 30px rgba(0,0,0,.25)}
50%{box-shadow:0 14px 36px rgba(196,232,96,.15)}
}
@keyframes badgeIconWobble{
0%,100%{transform:rotate(0)}
50%{transform:rotate(-8deg)}
}
.dashboard-scroll{position:relative;padding:24px 28px 48px;z-index:1}
@keyframes dashTopReveal{
from{opacity:0;transform:translateY(-14px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes dashSubFade{
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes dashPanelReveal{
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
@media (prefers-reduced-motion:reduce){
.dashboard-greet-sub,.dashboard-greet-title,.dashboard-panel.active,.dashboard-topbar,.dashboard-topbar-badge,.sidebar-brand-text{animation:none!important;transition:none!important}
}
.dashboard-panel{display:none;max-width:min(920px,100%)}
.dashboard-panel.active{display:block;animation:dashPanelReveal .42s cubic-bezier(.22,1,.36,1) both}
#dash-metodos-tarjeta.dashboard-panel.active{animation:none}
#dash-metodos-tarjeta.dashboard-panel.active>.dash-card{animation:flexMpDashFade .45s ease}
@keyframes flexMpDashFade{
from{opacity:.82}
to{opacity:1}
}
#dash-metodos-tarjeta .flex-mp-card-visual{position:relative;z-index:0;pointer-events:none;margin-bottom:22px;perspective:1100px}
#dash-metodos-tarjeta .flex-mp-card-stage{max-width:420px;margin:0 auto}
#dash-metodos-tarjeta .flex-mp-card-inner{position:relative;width:100%;min-height:204px;transition:transform .65s cubic-bezier(.4, .2, .2, 1);transform-style:preserve-3d}
#dash-metodos-tarjeta .flex-mp-card-inner.is-flipped{transform:rotateY(180deg)}
#dash-metodos-tarjeta .flex-mp-card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06) inset}
#dash-metodos-tarjeta .flex-mp-card-front{padding:20px 22px 18px;text-align:left;background:radial-gradient(120% 80% at 100% 0,rgba(196,232,96,.14) 0,transparent 55%),radial-gradient(90% 70% at 0 100%,rgba(59,130,246,.22) 0,transparent 50%),linear-gradient(145deg,#1e3a5f 0,#0f172a 42%,#020617 100%)}
#dash-metodos-tarjeta .flex-mp-card-front::before{content:"";position:absolute;inset:-45%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.09) 48%,rgba(255,255,255,.03) 52%,transparent 62%);animation:flexMpCardShine 5s ease-in-out infinite;pointer-events:none}
@keyframes flexMpCardShine{
0%,100%{transform:translateX(-35%) rotate(11deg);opacity:.55}
50%{transform:translateX(38%) rotate(11deg);opacity:1}
}
#dash-metodos-tarjeta .flex-mp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;position:relative;z-index:1}
#dash-metodos-tarjeta .flex-mp-bank-line{position:relative;z-index:1;display:flex;align-items:baseline;gap:10px;margin:0 0 14px;min-height:1.25em}
#dash-metodos-tarjeta .flex-mp-bank-lbl{font-size:9px;letter-spacing:.14em;color:rgba(148,163,184,.95);text-transform:uppercase}
#dash-metodos-tarjeta .flex-mp-bank-name{font-size:14px;font-weight:700;color:#f1f5f9;letter-spacing:.02em}
#dash-metodos-tarjeta .flex-mp-card-front .card-chip{width:44px;height:32px;border-radius:6px;background:linear-gradient(135deg,#fcd34d 0,#f59e0b 55%,#d97706 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
#dash-metodos-tarjeta .flex-mp-card-brands{display:flex;align-items:center;gap:10px;min-height:34px}
#dash-metodos-tarjeta .flex-mp-brand--visa svg{display:block;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .35))}
#dash-metodos-tarjeta .flex-mp-brand{display:none;align-items:center;opacity:0;transform:translateY(4px);transition:opacity .35s ease,transform .35s ease}
#dash-metodos-tarjeta .flex-mp-brand.is-visible{display:flex;opacity:1;transform:translateY(0)}
#dash-metodos-tarjeta .flex-mp-card-front .card-num{position:relative;z-index:1;font-family:ui-monospace,'Cascadia Mono',monospace;font-size:clamp(17px, 4vw, 19px);letter-spacing:.14em;color:#f1f5f9;text-shadow:0 1px 2px rgba(0,0,0,.35);margin-bottom:18px;min-height:1.35em}
#dash-metodos-tarjeta .flex-mp-card-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;position:relative;z-index:1}
#dash-metodos-tarjeta .flex-mp-card-front .card-holder{flex:1;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.06em;color:rgba(226,232,240,.92);line-height:1.35;word-break:break-word}
#dash-metodos-tarjeta .flex-mp-card-exp{text-align:right;flex-shrink:0}
#dash-metodos-tarjeta .flex-mp-card-exp-label{display:block;font-size:9px;letter-spacing:.14em;color:rgba(148,163,184,.95);margin-bottom:3px}
#dash-metodos-tarjeta .flex-mp-card-front .card-exp{font-family:ui-monospace,monospace;font-size:14px;letter-spacing:.12em;color:#e2e8f0}
#dash-metodos-tarjeta .flex-mp-card-back{transform:rotateY(180deg);background:linear-gradient(155deg,#334155 0,#1e293b 40%,#0f172a 100%);padding:0}
#dash-metodos-tarjeta .flex-mp-card-mag{height:52px;margin-top:28px;background:linear-gradient(180deg,#0f172a 0,#020617 100%);opacity:.92}
#dash-metodos-tarjeta .flex-mp-card-cvv-band{margin:22px 22px 20px;padding:14px 16px;border-radius:10px;background:rgba(15,23,42,.65);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:flex-end;gap:12px}
#dash-metodos-tarjeta .flex-mp-cvv-label{font-size:10px;letter-spacing:.2em;color:#94a3b8}
#dash-metodos-tarjeta .flex-mp-cvv-dots{font-family:ui-monospace,monospace;font-size:18px;letter-spacing:.25em;color:#f8fafc}
#dash-metodos-tarjeta .form-grid{position:relative;z-index:1}
#dash-metodos-tarjeta .flex-mp-save-row{display:flex;justify-content:center;width:100%;margin-top:14px}
#dash-metodos-tarjeta .flex-mp-save-row .btn-action{width:auto;min-width:240px;max-width:min(92vw,360px)}
#dash-metodos-tarjeta .mp-field-container{position:relative;z-index:2;pointer-events:auto;transition:border-color .2s ease,box-shadow .2s ease}
#dash-metodos-tarjeta .mp-field-container:focus-within{border-color:rgba(196,232,96,.45);box-shadow:0 0 0 3px rgba(196,232,96,.12)}
#dash-metodos-tarjeta .form-grid input[type=text],#dash-metodos-tarjeta .form-grid select{position:relative;z-index:2;pointer-events:auto;min-height:44px;box-sizing:border-box}
.dash-card{background:linear-gradient(145deg,rgba(30,42,58,.55) 0,rgba(22,27,34,.95) 52%,rgba(15,23,41,.98) 100%);border:1px solid rgba(196,232,96,.14);border-radius:20px;padding:26px 26px 24px;box-shadow:0 28px 56px rgba(0,0,0,.42),0 1px 0 rgba(255,255,255,.04) inset;position:relative;overflow:hidden;transition:border-color .35s ease,box-shadow .4s cubic-bezier(.22, 1, .36, 1),transform .45s cubic-bezier(.34, 1.56, .64, 1)}
.dash-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--dash-navy),var(--dash-accent),rgba(99,146,209,.6));opacity:.75}
.dashboard-panel:not(#dash-metodos-tarjeta) .dash-card:hover{transform:translateY(-3px);border-color:rgba(196,232,96,.28);box-shadow:0 32px 64px rgba(0,0,0,.5),0 0 0 1px rgba(196,232,96,.12),inset 0 1px 0 rgba(255,255,255,.06)}
#dash-metodos-tarjeta .dash-card:hover{transform:none}
.dash-inicio-stack{display:flex;flex-direction:column;gap:28px;width:100%}
.dash-inicio-bloque{width:100%}
#dash-inicio .dash-metodos-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:22px;align-items:start}
@media (max-width:960px){
#dash-inicio .dash-metodos-split{grid-template-columns:1fr}
}
#dash-inicio .dash-metodos-list-card{min-width:0}
.dash-metodos-cvv-hint{margin:0;padding:18px 18px 16px;border-radius:16px;border:1px solid rgba(210,153,34,.35);background:linear-gradient(155deg,rgba(210,153,34,.1) 0,rgba(22,27,34,.92) 55%,rgba(13,17,23,.95) 100%);box-shadow:0 12px 32px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}
.dash-metodos-cvv-hint p{margin:0;font-size:14px;line-height:1.55;color:#d1d9e6;text-align:left}
.dash-metodos-cvv-more{display:inline-block;margin-top:14px;padding:0;border:none;background:0 0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:#58a6ff;text-decoration:underline;text-underline-offset:3px}
.dash-metodos-cvv-more:hover{color:#79b8ff}
#user-dashboard.flex-dash-ui-v2 .sidebar-brand,#user-dashboard.flex-dash-ui-v2 .sidebar-logout,#user-dashboard.flex-dash-ui-v2 .sidebar-profile{display:none!important}
#user-dashboard.flex-dash-ui-v2 .sidebar-nav{flex:1}
#user-dashboard.flex-dash-premium.flex-dash-ui-v2 .flex-dash-strip.dashboard-topbar{border-bottom:none!important}
.sidebar-link .sidebar-link-txt{display:inline}
.flex-dash-strip.dashboard-topbar{flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid rgba(196,232,96,.14);min-height:50px}
.flex-dash-strip-brand{font-size:18px;font-weight:900;letter-spacing:.16em;color:var(--dash-accent);text-transform:uppercase;line-height:1}
.flex-dash-strip-actions{display:flex;align-items:center;gap:8px}
.flex-dash-strip-icon{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#e6edf3;display:inline-flex;align-items:center;justify-content:center;font-size:16px;cursor:default;opacity:.45}
.flex-dash-strip-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(196,232,96,.42);background:#141c28;padding:0;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.flex-dash-strip-avatar-img{width:100%;height:100%;object-fit:cover}
.flex-dash-strip-initials{font-size:12px;font-weight:800;color:var(--dash-accent);letter-spacing:.02em}
#user-dashboard.flex-dash-ui-v2 .dashboard-scroll{padding:12px 12px 28px}
.flex-home-v2{max-width:100%;display:flex;flex-direction:column;gap:14px;padding-bottom:4px}
#user-dashboard.flex-dash-ui-v2 .flex-home-greet{background:var(--dash-surface);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 14px;gap:12px}
#user-dashboard.flex-dash-ui-v2 .flex-home-sec{background:var(--dash-surface);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 14px 14px;margin:0}
#user-dashboard.flex-dash-ui-v2 .flex-home-security{margin:0}
.flex-home-greet{display:flex;align-items:center;gap:14px;padding:4px 2px 0}
.flex-home-greet-icon{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,rgba(196,232,96,.28),rgba(196,232,96,.08));border:2px solid rgba(196,232,96,.38);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.flex-home-greet-title{margin:0 0 3px;font-size:1.08rem;font-weight:800;color:#f0f6ff;letter-spacing:-.02em;line-height:1.2}
.flex-home-greet-sub{margin:0;font-size:12px;color:#8f9aac;font-weight:500}
.flex-home-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.flex-home-sec-title,.flex-home-sec-title-only{margin:0;font-size:.95rem;font-weight:800;color:#f4f7fc;letter-spacing:-.01em}
.flex-home-sec-title-only{margin-bottom:10px}
.flex-home-link-all{border:none;background:0 0;padding:0;font-size:11px;font-weight:700;color:var(--dash-accent);cursor:pointer;font-family:inherit;white-space:nowrap}
.flex-home-link-all:hover{text-decoration:underline;text-underline-offset:3px}
.flex-home-sec-sub{margin:0 0 10px;font-size:11px;color:#7d8a9c;line-height:1.4}
.flex-home-btn-outline{margin-top:12px;width:100%;padding:11px 14px;border-radius:12px;border:1.5px solid var(--dash-accent);background:0 0;color:var(--dash-accent);font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease}
.flex-home-btn-outline:hover{background:rgba(196,232,96,.1)}
.flex-home-pay-list>.payment-item~.payment-item{display:none!important}
.flex-home-pay-list--full>.payment-item{display:flex!important}
.flex-home-pay-list--full>.payment-item~.payment-item{display:flex!important}
.flex-home-pay-list .payment-item{border-radius:12px;background:rgba(10,14,22,.55);border:1px solid rgba(196,232,96,.12);padding:11px 12px;margin-bottom:0;align-items:center;justify-content:space-between;gap:10px}
.flex-home-pay-list:not(.flex-home-pay-list--full) .btn-payment-delete,.flex-home-pay-list:not(.flex-home-pay-list--full) .btn-payment-edit{display:none!important}
.flex-home-pay-list:not(.flex-home-pay-list--full) .payment-item-actions{flex-direction:column;align-items:flex-end;gap:4px}
.flex-home-pay-list:not(.flex-home-pay-list--full) .payment-item-actions span{font-size:11px!important;font-weight:700!important;color:var(--dash-accent)!important}
.flex-home-principal-badge{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--dash-accent);color:#0f1729}
.flex-home-pay-list--full .flex-home-principal-badge{margin-top:6px}
.flex-home-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.flex-home-quick-tile{border:none;border-radius:12px;background:rgba(10,14,22,.45);border:1px solid rgba(255,255,255,.06);padding:10px 6px;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#e4eaf5;font-size:10px;font-weight:700;text-align:center;line-height:1.15;cursor:pointer;font-family:inherit;transition:border-color .2s ease,background .2s ease}
.flex-home-quick-tile i{font-size:18px;color:var(--dash-accent)}
.flex-home-quick-tile:hover{border-color:rgba(196,232,96,.32);background:rgba(196,232,96,.06)}
.flex-home-quick-tile:disabled{opacity:.5;cursor:not-allowed}
.flex-home-quick-tile:disabled:hover{border-color:rgba(255,255,255,.06);background:rgba(10,14,22,.45)}
.flex-home-quick-tile:disabled i{color:rgba(196,232,96,.35)}
.flex-home-quick-soon{display:block;font-size:8px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(228,234,245,.5);margin-top:2px;line-height:1.1}
.flex-home-security{width:100%;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 12px;border-radius:14px;border:1px solid rgba(196,232,96,.2);background:linear-gradient(90deg,rgba(196,232,96,.1) 0,rgba(18,25,34,.96) 40%);cursor:pointer;text-align:left;font-family:inherit;position:relative;overflow:hidden}
.flex-home-security-glow{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#dff88a,var(--dash-accent));border-radius:3px 0 0 3px}
.flex-home-security-icon{width:40px;height:40px;border-radius:10px;background:rgba(196,232,96,.14);display:flex;align-items:center;justify-content:center;color:var(--dash-accent);font-size:17px;flex-shrink:0}
.flex-home-security-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.flex-home-security-text strong{font-size:13px;color:#f4f7fc;font-weight:800}
.flex-home-security-text span{font-size:11px;color:#8f9aac;line-height:1.35}
.flex-home-security-chev{color:#6b7a90;font-size:12px;flex-shrink:0}
.flex-home-activity .flex-home-act-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px 10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.flex-home-activity .flex-home-act-row:last-child{border-bottom:none}
.flex-home-act-icon{width:40px;height:40px;border-radius:50%;background:#1a2434;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--dash-accent);font-size:15px;flex-shrink:0}
.flex-home-act-main{flex:1;min-width:0}
.flex-home-act-title{font-size:13px;font-weight:700;color:#eef3fb}
.flex-home-act-meta{font-size:11px;color:#7d8a9c;margin-top:2px}
.flex-home-act-amt{font-size:13px;font-weight:800;color:#f4f7fc;flex-shrink:0}
.flex-home-act-status{font-size:10px;font-weight:800;color:var(--dash-accent);flex-shrink:0;margin-left:2px}
.flex-dash-page-h2{margin:10px 0 6px;font-size:1.12rem;font-weight:800;color:#eef4ff}
.flex-dash-page-card{max-width:100%}
.flex-dash-more-sheet{position:fixed;inset:0;z-index:5000;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}
.flex-dash-more-sheet.is-open{pointer-events:auto;opacity:1;visibility:visible}
.flex-dash-more-backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;background:rgba(5,8,14,.62);cursor:pointer}
.flex-dash-more-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(78vh,520px);background:linear-gradient(180deg,#161d2a 0,#0d1218 100%);border-radius:18px 18px 0 0;border:1px solid rgba(196,232,96,.16);border-bottom:none;padding:10px 18px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 -16px 40px rgba(0,0,0,.55);transform:translateY(100%);transition:transform .28s cubic-bezier(.22, 1, .36, 1)}
.flex-dash-more-sheet.is-open .flex-dash-more-panel{transform:translateY(0)}
.flex-dash-more-handle{width:40px;height:4px;border-radius:99px;background:rgba(255,255,255,.18);margin:4px auto 14px}
.flex-dash-more-title{margin:0 0 12px;font-size:.95rem;font-weight:800;color:#eef4ff;text-align:center}
.flex-dash-more-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 12px;margin-bottom:8px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#e8eef8;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;text-align:left}
.flex-dash-more-item i{width:22px;text-align:center;color:var(--dash-accent)}
.flex-dash-more-item:hover{border-color:rgba(196,232,96,.26);background:rgba(196,232,96,.07)}
.flex-dash-more-item--danger{border-color:rgba(248,81,73,.35);color:#ffb4b0}
.flex-dash-more-item--danger i{color:#f85149}
.flex-dash-more-sheet--quick .flex-dash-more-panel{max-height:min(58vh,420px);padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.flex-dash-quick-more-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:0 2px}
.flex-dash-more-sheet--quick .flex-dash-more-title.flex-dash-quick-more-title{margin:0;flex:1;text-align:left;font-size:1.05rem;font-weight:800}
.flex-dash-quick-more-close{flex-shrink:0;width:36px;height:36px;border:none;border-radius:10px;background:0 0;color:var(--fh-muted,#b4c2d4);cursor:pointer;font-family:inherit;display:grid;place-items:center;padding:0}
.flex-dash-quick-more-close:hover{background:color-mix(in srgb,var(--fh-muted,#b4c2d4) 12%,transparent);color:var(--fh-text,#eef4ff)}
.flex-dash-quick-more-close .fas{font-size:1rem}
.flex-dash-quick-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:2px 0 6px;width:100%}
.flex-dash-more-sheet--quick .flex-home-qcell{border:1px solid var(--fh-border,rgba(255,255,255,.08));border-radius:10px;background:var(--fh-card,#161d2a);min-height:92px;padding:10px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;cursor:pointer;font-family:inherit;color:var(--fh-text,#eef4ff);box-shadow:var(--fh-shadow,0 8px 24px rgba(0,0,0,.28));transition:border-color .2s ease,background .2s ease;width:100%;min-width:0;text-align:center;-webkit-appearance:none;appearance:none}
.flex-dash-more-sheet--quick .flex-home-qcell:hover:not(:disabled){border-color:color-mix(in srgb,var(--fh-accent-bright,#c5e84a) 35%,var(--fh-border,rgba(255,255,255,.08)))}
.flex-dash-more-sheet--quick .flex-home-qcell:disabled{opacity:.52;cursor:not-allowed}
.flex-dash-more-sheet--quick .flex-home-qcell:not(.flex-home-qcell--soon){justify-content:center}
.flex-dash-more-sheet--quick .flex-home-qcell-icon{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;margin:0 auto}
.flex-dash-more-sheet--quick .flex-home-qcell-icon .fas{font-size:18px;font-weight:900;line-height:1;display:block;width:1em;text-align:center;color:var(--fh-accent-bright,#c5e84a);opacity:.95}
.flex-dash-more-sheet--quick .flex-home-qcell-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;flex-shrink:0;min-width:0}
.flex-dash-more-sheet--quick .flex-home-qlbl{font-size:9px;font-weight:600;letter-spacing:.01em;text-align:center;line-height:1.15;color:var(--fh-text,#eef4ff);max-width:100%;word-break:break-word}
.flex-dash-more-sheet--quick .flex-home-qcell:not(.flex-home-qcell--soon) .flex-home-qlbl{font-size:10px}
.flex-dash-more-sheet--quick .flex-home-qsoon{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fh-muted,#b4c2d4);line-height:1.05;text-align:center}
@media (max-width:520px){
.flex-home-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.flex-home-quick-tile{min-height:72px}
}
html[data-flex-theme=light]{color-scheme:light;--fh-navy:#1b365d;--fh-lime:#9dcc2e;--fh-bg:#eef2f9;--fh-card:#ffffff;--fh-elev:#f6f8fc;--fh-accent:#3d5a12;--fh-accent-bright:#8cc020;--fh-text:#1b365d;--fh-muted:#5b6b82;--fh-border:rgba(27, 54, 93, 0.1);--fh-line:rgba(27, 54, 93, 0.12);--fh-shadow:0 10px 32px rgba(27, 54, 93, 0.12),0 4px 12px rgba(27, 54, 93, 0.07);--fh-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fh-bar:#ffffff;--fh-nav:#ffffff}
html[data-flex-theme=dark]{color-scheme:dark;--fh-navy:#1b365d;--fh-lime:#b7e63a;--fh-bg:#243b5c;--fh-card:#2f4a70;--fh-elev:#385880;--fh-accent:#c5e84a;--fh-accent-bright:#d8f56a;--fh-text:#f4f7fb;--fh-muted:#b4c2d4;--fh-border:rgba(255, 255, 255, 0.14);--fh-line:rgba(255, 255, 255, 0.16);--fh-shadow:0 6px 24px rgba(15, 30, 55, 0.28);--fh-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--fh-bar:#2a4266;--fh-nav:#1b365d}
#user-dashboard.flex-dash-premium{--dash-accent:var(--fh-accent);--flex-green:var(--fh-accent);--dash-surface:var(--fh-card);font-family:var(--fh-font)}
#user-dashboard.flex-dash-premium.flex-dash-ui-v2 .user-dashboard-main{background:radial-gradient(ellipse 110% 70% at 50% -18%,color-mix(in srgb,var(--fh-accent-bright) 14%,transparent),transparent 52%),radial-gradient(ellipse 70% 45% at 100% 0,color-mix(in srgb,var(--fh-navy) 8%,transparent),transparent 48%),var(--fh-bg);transition:background-color .32s ease,color .28s ease}
#user-dashboard.flex-dash-premium.flex-dash-ui-v2 .user-dashboard-main::before{display:none}
#user-dashboard.flex-dash-premium .flex-dash-strip.dashboard-topbar{max-height:56px;min-height:48px;padding:10px 14px;border-bottom:none;background:var(--fh-bar);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;z-index:50}
#user-dashboard.flex-dash-premium.flex-dash-on-inicio .user-dashboard-main{position:relative;display:flex;flex-direction:column}
#user-dashboard.flex-dash-premium.flex-dash-on-inicio .dashboard-topbar.flex-dash-strip{position:relative;top:auto;right:auto;left:auto;width:100%;flex-shrink:0;z-index:20;border:none!important;background:var(--fh-bg)!important;box-shadow:none!important;min-height:0!important;max-height:none!important;padding:10px 12px 6px!important;justify-content:flex-end;pointer-events:auto}
#user-dashboard.flex-dash-premium.flex-dash-on-inicio .flex-dash-strip-brand{display:none!important}
#user-dashboard.flex-dash-premium.flex-dash-on-inicio .dashboard-scroll{flex:1 1 auto;min-height:0;padding-top:0!important}
#user-dashboard.flex-dash-premium .flex-dash-strip-brand{display:flex;align-items:baseline;font-size:17px;font-weight:800;letter-spacing:.14em;color:var(--fh-text);text-transform:uppercase}
#user-dashboard.flex-dash-premium .flex-dash-strip-brand-txt{letter-spacing:.12em}
#user-dashboard.flex-dash-premium .flex-dash-strip-brand-x{color:var(--fh-accent-bright);letter-spacing:.08em}
#user-dashboard.flex-dash-premium.is-visible .dashboard-topbar.dashboard-topbar--compact .flex-dash-strip-brand{font-size:13px;letter-spacing:.1em}
#user-dashboard.flex-dash-premium .flex-dash-strip-icon{width:36px;height:36px;font-size:16px;border-color:var(--fh-border);background:var(--fh-elev);color:var(--fh-text);opacity:1}
#user-dashboard.flex-dash-premium .flex-dash-strip-avatar{width:38px;height:38px;border-width:2px;border-color:rgba(183,230,58,.5);background:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium .flex-dash-strip-icon:disabled{opacity:.42;color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .flex-dash-strip-initials{font-size:12px;font-weight:800;color:#0a0e14;letter-spacing:0}
#user-dashboard.flex-dash-premium.flex-dash-ui-v2 .dashboard-scroll{padding:12px 14px 28px}
#user-dashboard.flex-dash-premium.flex-dash-on-inicio .dashboard-scroll{padding-left:14px;padding-right:14px}
@media (min-width:761px){
#user-dashboard.flex-dash-premium.flex-dash-on-inicio.is-visible .dashboard-scroll{padding-top:24px!important}
}
#user-dashboard.flex-dash-premium .flex-home-prem{display:flex;flex-direction:column;gap:28px;max-width:100%;padding-bottom:12px}
#user-dashboard.flex-dash-premium .flex-home-prem>*{margin:0}
#user-dashboard.flex-dash-premium .flex-home-block{background:var(--fh-card);border:1px solid var(--fh-border);border-radius:16px;padding:12px 12px;box-shadow:var(--fh-shadow);transition:background-color .32s ease,border-color .28s ease,box-shadow .28s ease}
#user-dashboard.flex-dash-premium .flex-home-block--greet{padding:12px 14px;margin-top:0}
#user-dashboard.flex-dash-premium.flex-dash-on-inicio .flex-home-block--greet{margin-top:0}
#user-dashboard.flex-dash-premium .flex-home-block--quick{padding:10px 12px 12px}
#user-dashboard.flex-dash-premium .flex-home-dash-head{padding:0}
#user-dashboard.flex-dash-premium .flex-home-dash-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
#user-dashboard.flex-dash-premium .flex-home-dash-logo{flex-shrink:0;font-size:20px;font-weight:900;letter-spacing:.04em;color:var(--fh-accent-bright);line-height:1}
#user-dashboard.flex-dash-premium .flex-home-dash-head-text{flex:1;min-width:0;text-align:right}
#user-dashboard.flex-dash-premium .flex-home-dash-greet{margin:0;font-size:17px;font-weight:700;color:var(--fh-text);letter-spacing:-.02em;line-height:1.25}
#user-dashboard.flex-dash-premium .flex-home-dash-emoji{font-weight:400}
#user-dashboard.flex-dash-premium .flex-home-dash-lead{margin:4px 0 0;font-size:13px;font-weight:500;color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .flex-home-quick-ttl{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .flex-home-bio-banner{display:flex;align-items:center;gap:12px;width:100%;padding:14px 14px;border-radius:16px;border:1px solid var(--fh-border);background:var(--fh-card);box-shadow:var(--fh-shadow);color:var(--fh-text);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease}
#user-dashboard.flex-dash-premium .flex-home-bio-banner:hover{border-color:color-mix(in srgb,var(--fh-accent) 28%,var(--fh-border))}
#user-dashboard.flex-dash-premium .flex-home-bio-banner-ico{flex-shrink:0;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--fh-accent-bright);background:color-mix(in srgb,var(--fh-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--fh-accent) 35%,transparent)}
#user-dashboard.flex-dash-premium .flex-home-bio-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#user-dashboard.flex-dash-premium .flex-home-bio-banner-title{font-size:15px;font-weight:800;letter-spacing:-.02em}
#user-dashboard.flex-dash-premium .flex-home-bio-banner-hint{font-size:11px;font-weight:500;color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .flex-home-bio-banner-chev{flex-shrink:0;font-size:12px;color:var(--fh-muted);opacity:.75}
@media (max-width:380px){
#user-dashboard.flex-dash-premium .flex-home-qrow{grid-template-columns:repeat(2,minmax(0,1fr))}
}
#user-dashboard.flex-dash-premium .flex-home-wallet{background:var(--fh-card);border:1px solid var(--fh-border);border-radius:16px;padding:12px 12px 10px;box-shadow:var(--fh-shadow);transition:background-color .32s ease,border-color .28s ease,box-shadow .28s ease}
#user-dashboard.flex-dash-premium .flex-home-wallet-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#user-dashboard.flex-dash-premium .flex-home-wallet-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .flex-home-wallet-link{border:none;background:0 0;padding:0;font-size:11px;font-weight:600;color:var(--fh-accent);cursor:pointer;font-family:inherit}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-wallet-link{color:var(--fh-accent-bright)}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-pay-list--wallet .payment-item-actions span{color:var(--fh-accent-bright)!important}
#user-dashboard.flex-dash-premium .flex-home-wallet-body{min-height:0}
#user-dashboard.flex-dash-premium .flex-home-wallet-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
#user-dashboard.flex-dash-premium .flex-home-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;color:var(--fh-muted);border:1px solid var(--fh-border);background:color-mix(in srgb,var(--fh-bg) 40%,transparent)}
#user-dashboard.flex-dash-premium .flex-home-chip--accent{color:var(--fh-text);border-color:color-mix(in srgb,var(--fh-accent) 35%,transparent);background:color-mix(in srgb,var(--fh-accent) 12%,transparent)}
#user-dashboard.flex-dash-premium .flex-home-chip i{font-size:10px;color:var(--fh-accent);opacity:.95}
#user-dashboard.flex-dash-premium .flex-home-btn-add{margin-top:10px;width:100%;padding:9px 12px;border-radius:11px;border:1px solid var(--fh-border);background:0 0;color:var(--fh-text);font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .2s ease,background .2s ease}
#user-dashboard.flex-dash-premium .flex-home-btn-add:hover{border-color:color-mix(in srgb,var(--fh-accent) 45%,var(--fh-border));background:color-mix(in srgb,var(--fh-accent) 8%,transparent)}
#user-dashboard.flex-dash-premium .flex-home-wallet-empty{text-align:center;padding:14px 10px;border-radius:12px;border:1px dashed var(--fh-border);background:color-mix(in srgb,var(--fh-bg) 65%,transparent)}
#user-dashboard.flex-dash-premium .flex-home-wallet-empty-txt{margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .flex-home-wallet-empty-btn{padding:8px 14px;border-radius:10px;border:none;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;background:var(--fh-accent);color:#0a0f18}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-home-wallet-empty-btn{background:var(--fh-navy);color:#fff}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-home-wallet-empty-btn:hover{background:color-mix(in srgb,var(--fh-navy) 88%,var(--fh-accent-bright))}
#user-dashboard.flex-dash-premium #lista-tarjetas>.payment-item{animation:none!important;will-change:auto}
#user-dashboard.flex-dash-premium #lista-tarjetas>.payment-item::before{display:none!important}
#user-dashboard.flex-dash-premium #lista-tarjetas>.payment-item:hover{transform:none;box-shadow:var(--fh-shadow);border-color:var(--fh-border)}
#user-dashboard.flex-dash-premium .flex-home-pay-list--wallet .payment-item{border-radius:12px;padding:8px 9px;gap:8px;background:var(--fh-elev);border:1px solid var(--fh-border);box-shadow:none}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-wallet-eyebrow{font-size:9px}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-wallet-link{font-size:10px}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-btn-add{font-size:11px;padding:8px 10px}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-pay-list--wallet .flex-card-logos{width:46px;min-height:32px}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-pay-list--wallet .flex-card-brand-logo{width:46px;max-width:46px;max-height:28px;filter:drop-shadow(0 2px 5px rgba(0, 0, 0, .42)) drop-shadow(0 0 1px rgba(255, 255, 255, .28))}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-pay-list--wallet .flex-card-brand-logo{filter:drop-shadow(0 2px 4px rgba(27, 54, 93, .28)) drop-shadow(0 1px 2px rgba(0, 0, 0, .14))}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-pay-list--wallet .flex-payment-mp-text>div{font-size:10px!important;line-height:1.3!important;color:var(--fh-muted)!important}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-pay-list--wallet .flex-payment-mp-text>div:first-child{font-size:11px!important;font-weight:700!important;color:var(--fh-text)!important}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-pay-list--wallet .payment-item-actions span{font-size:10px!important}
#user-dashboard.flex-dash-premium .flex-home-wallet .flex-home-principal-badge{font-size:7px;padding:2px 6px;margin-top:3px}
#user-dashboard.flex-dash-premium .flex-home-principal-badge{font-size:8px;padding:2px 7px;margin-top:4px;background:color-mix(in srgb,var(--fh-accent-bright) 92%,var(--fh-navy));color:var(--fh-navy)}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium .flex-home-principal-badge{color:#1b365d}
#user-dashboard.flex-dash-premium .flex-home-qrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
#user-dashboard.flex-dash-premium .flex-home-qcell{border:1px solid var(--fh-border);border-radius:10px;background:var(--fh-card);padding:6px 3px 5px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;cursor:pointer;font-family:inherit;color:var(--fh-text);box-shadow:var(--fh-shadow);transition:border-color .2s ease,background .2s ease}
#user-dashboard.flex-dash-premium .flex-home-qcell:hover:not(:disabled){border-color:color-mix(in srgb,var(--fh-accent) 35%,var(--fh-border))}
#user-dashboard.flex-dash-premium .flex-home-qcell:disabled{opacity:.52;cursor:not-allowed}
#user-dashboard.flex-dash-premium .flex-home-qcell:not(.flex-home-qcell--soon){justify-content:center}
#user-dashboard.flex-dash-premium .flex-home-qcell-icon{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;margin:0 auto}
#user-dashboard.flex-dash-premium .flex-home-qcell-icon .fas{font-size:16px;font-weight:900;line-height:1;display:block;width:1em;text-align:center;color:var(--fh-accent);opacity:.95}
#user-dashboard.flex-dash-premium .flex-home-qcell-copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;flex-shrink:0}
#user-dashboard.flex-dash-premium .flex-home-qlbl{font-size:8px;font-weight:600;letter-spacing:.01em;text-align:center;line-height:1.12;color:var(--fh-text);max-width:100%;word-break:break-word}
#user-dashboard.flex-dash-premium .flex-home-qcell:not(.flex-home-qcell--soon) .flex-home-qlbl{font-size:9px}
#user-dashboard.flex-dash-premium .flex-home-qsoon{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--fh-muted);line-height:1.05;text-align:center}
#user-dashboard.flex-dash-premium .flex-home-sec--activity{padding:12px 14px 14px}
#user-dashboard.flex-dash-premium .flex-home-activity .flex-home-act-empty{margin:10px 0 2px;padding:10px 6px 4px;text-align:center;line-height:1.45;color:var(--fh-muted);font-size:12px}
#user-dashboard.flex-dash-premium .flex-home-sec-head{margin-bottom:2px}
#user-dashboard.flex-dash-premium .flex-home-sec-title{font-size:13px;font-weight:700;color:var(--fh-text)}
#user-dashboard.flex-dash-premium .flex-home-link-all{font-size:11px;color:var(--fh-accent)}
#user-dashboard.flex-dash-premium .flex-home-activity .flex-home-act-row{padding:9px 0;border-bottom-color:var(--fh-line)}
#user-dashboard.flex-dash-premium .flex-home-act-icon{width:34px;height:34px;font-size:13px;border-radius:10px;background:color-mix(in srgb,var(--fh-bg) 55%,transparent);border:1px solid var(--fh-border);color:var(--fh-accent)}
#user-dashboard.flex-dash-premium .flex-home-act-title{font-size:12px;color:var(--fh-text)}
#user-dashboard.flex-dash-premium .flex-home-act-meta{font-size:10px;color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .flex-home-act-amt{font-size:12px;color:var(--fh-text)}
#user-dashboard.flex-dash-premium .flex-home-act-status{font-size:9px;color:var(--fh-accent)}
#user-dashboard.flex-dash-premium .user-sidebar{background:var(--fh-bg);border-right-color:var(--fh-border);transition:background-color .32s ease,border-color .28s ease}
#user-dashboard.flex-dash-premium .sidebar-link{color:color-mix(in srgb,var(--fh-text) 88%,transparent)}
#user-dashboard.flex-dash-premium .sidebar-link i{color:var(--fh-accent);opacity:.88}
#user-dashboard.flex-dash-premium .sidebar-link.active{background:0 0;box-shadow:none;color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium .sidebar-link.active .sidebar-link-txt{font-weight:700}
#user-dashboard.flex-dash-premium .sidebar-link:hover{background:color-mix(in srgb,var(--fh-text) 6%,transparent);transform:none}
#user-dashboard.flex-dash-premium .sidebar-link.flex-dash-nav-web-logout{margin-top:10px;padding-top:14px;border-top:1px solid var(--fh-border);color:color-mix(in srgb,#f07167 75%,var(--fh-muted))}
#user-dashboard.flex-dash-premium .sidebar-link.flex-dash-nav-web-logout i{color:#f07167;opacity:1}
#user-dashboard.flex-dash-premium .sidebar-link.flex-dash-nav-web-logout:hover{background:color-mix(in srgb,#f07167 14%,transparent);color:#ff8a80}
#user-dashboard.flex-dash-premium .sidebar-link.flex-dash-nav-web-logout:hover i{color:#ffab91}
@media (min-width:761px) and (max-width:900px){
html:not(.flex-app-native) #user-dashboard.flex-dash-premium .dashboard-panel.active{margin-left:auto;margin-right:auto}
html:not(.flex-app-native) #user-dashboard.flex-dash-premium #dash-inicio.dashboard-panel{max-width:620px}
}
@media (min-width:901px){
html:not(.flex-app-native) #user-dashboard.flex-dash-premium.is-visible .user-sidebar{width:232px;padding:12px 10px 14px}
html:not(.flex-app-native) #user-dashboard.flex-dash-premium.is-visible .user-dashboard-main{margin-left:232px}
html:not(.flex-app-native) #user-dashboard.flex-dash-premium .dashboard-panel.active{margin-left:auto;margin-right:auto}
html:not(.flex-app-native) #user-dashboard.flex-dash-premium #dash-inicio.dashboard-panel{max-width:620px}
}
#user-dashboard.flex-dash-premium .flex-config-theme-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 4px;padding:12px 14px;border-radius:14px;border:1px solid var(--fh-border);background:color-mix(in srgb,var(--fh-card) 80%,transparent)}
#user-dashboard.flex-dash-premium .flex-config-theme-label{display:flex;align-items:flex-start;gap:10px;min-width:0}
#user-dashboard.flex-dash-premium .flex-config-theme-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--fh-border);color:var(--fh-accent);background:color-mix(in srgb,var(--fh-bg) 50%,transparent);flex-shrink:0}
#user-dashboard.flex-dash-premium .flex-config-theme-title{font-size:13px;font-weight:700;color:var(--fh-text)}
#user-dashboard.flex-dash-premium .flex-config-theme-sub{font-size:11px;color:var(--fh-muted);margin-top:2px;line-height:1.35}
#user-dashboard.flex-dash-premium .flex-theme-switch{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}
#user-dashboard.flex-dash-premium .flex-theme-switch input{position:absolute;opacity:0;width:0;height:0}
#user-dashboard.flex-dash-premium .flex-theme-switch-track{width:48px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--fh-muted) 35%,var(--fh-card));border:1px solid var(--fh-border);display:block;position:relative;transition:background .28s ease,border-color .28s ease}
#user-dashboard.flex-dash-premium .flex-theme-switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--fh-card);box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .28s cubic-bezier(.22, 1, .36, 1),background .28s ease}
#user-dashboard.flex-dash-premium .flex-theme-switch input:checked+.flex-theme-switch-track{background:color-mix(in srgb,var(--fh-accent) 55%,#dfe6ee);border-color:color-mix(in srgb,var(--fh-accent) 40%,transparent)}
#user-dashboard.flex-dash-premium .flex-theme-switch input:checked+.flex-theme-switch-track .flex-theme-switch-thumb{transform:translateX(20px);background:#fff}
#user-dashboard.flex-dash-premium .flex-theme-switch input:focus-visible+.flex-theme-switch-track{outline:2px solid var(--fh-accent);outline-offset:2px}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .dash-card{background:var(--fh-card);border-color:var(--fh-border);color:var(--fh-text);box-shadow:var(--fh-shadow)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .dash-back,html[data-flex-theme=light] #user-dashboard.flex-dash-premium .dash-muted{color:var(--fh-muted)!important}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-dash-page-h2{color:var(--fh-text)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-config input,html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-config select{background:#fff!important;color:var(--fh-text)!important;border-color:var(--fh-border)!important}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-home-link-all,html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-home-wallet-link{color:var(--fh-accent-bright)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-home-qcell-icon .fas{color:var(--fh-accent-bright)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-home-dash-logo{color:var(--fh-accent-bright)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium .flex-home-btn-add:hover{border-color:color-mix(in srgb,var(--fh-accent-bright) 50%,var(--fh-border));background:color-mix(in srgb,var(--fh-accent-bright) 10%,var(--fh-card))}
#user-dashboard.flex-dash-premium #dash-config>.dash-card,#user-dashboard.flex-dash-premium #dash-contacto>.dash-card,#user-dashboard.flex-dash-premium #dash-negocio .dash-card,#user-dashboard.flex-dash-premium .flex-dash-page-card.dash-card{background:var(--fh-card);border:1px solid var(--fh-border);border-radius:16px;padding:18px 16px 16px;box-shadow:var(--fh-shadow);color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-config>.dash-card::before,#user-dashboard.flex-dash-premium #dash-contacto>.dash-card::before,#user-dashboard.flex-dash-premium #dash-negocio .dash-card::before,#user-dashboard.flex-dash-premium .flex-dash-page-card.dash-card::before{height:3px;opacity:.5;background:linear-gradient(90deg,var(--fh-navy),var(--fh-accent-bright),var(--fh-navy))}
#user-dashboard.flex-dash-premium #dash-config>.dash-card:hover,#user-dashboard.flex-dash-premium #dash-contacto>.dash-card:hover,#user-dashboard.flex-dash-premium #dash-negocio .dash-card:hover,#user-dashboard.flex-dash-premium .flex-dash-page-card.dash-card:hover{transform:none;border-color:var(--fh-border);box-shadow:var(--fh-shadow)}
#user-dashboard.flex-dash-premium #dash-config>.dash-card h2,#user-dashboard.flex-dash-premium #dash-contacto>.dash-card h2,#user-dashboard.flex-dash-premium #dash-negocio .dash-card h2,#user-dashboard.flex-dash-premium .flex-dash-page-card .flex-dash-page-h2,#user-dashboard.flex-dash-premium .flex-dash-page-card.dash-card h2{color:var(--fh-text);font-size:1.15rem;letter-spacing:-.02em}
#user-dashboard.flex-dash-premium #dash-config>.dash-card .dash-muted,#user-dashboard.flex-dash-premium #dash-contacto>.dash-card .dash-muted,#user-dashboard.flex-dash-premium #dash-negocio .dash-card .dash-muted,#user-dashboard.flex-dash-premium .flex-dash-page-card .dash-muted{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium #dash-config>.dash-card h3,#user-dashboard.flex-dash-premium #dash-negocio .dash-card h3{color:var(--fh-text);font-size:1rem}
#user-dashboard.flex-dash-premium .flex-dash-page-card .dash-back{color:var(--fh-muted);margin-bottom:12px}
#user-dashboard.flex-dash-premium .flex-dash-page-card .dash-back:hover{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium .flex-dash-page-card .flex-home-pay-list .payment-item{background:var(--fh-elev);border:1px solid var(--fh-border);box-shadow:none;animation:none!important;will-change:auto}
#user-dashboard.flex-dash-premium .flex-dash-page-card #lista-tarjetas-tab>.payment-item::before,#user-dashboard.flex-dash-premium .flex-dash-page-card .flex-home-pay-list>.payment-item::before{display:none!important}
#user-dashboard.flex-dash-premium .flex-dash-page-card .flex-home-pay-list .payment-item:hover{transform:none;border-color:color-mix(in srgb,var(--fh-accent) 28%,var(--fh-border));box-shadow:none}
#user-dashboard.flex-dash-premium .flex-dash-page-card .flex-home-pay-list .payment-item:hover .flex-card-brand-logo,#user-dashboard.flex-dash-premium .flex-dash-page-card .flex-home-pay-list .payment-item:hover .flex-payment-wallet-marker{transform:none;filter:none}
#user-dashboard.flex-dash-premium .flex-dash-page-card .flex-home-pay-list .payment-item-actions span{color:var(--fh-accent-bright)!important}
#user-dashboard.flex-dash-premium #dash-config>.dash-card .btn-action,#user-dashboard.flex-dash-premium #dash-contacto>.dash-card .btn-action,#user-dashboard.flex-dash-premium #dash-negocio .dash-card .btn-action,#user-dashboard.flex-dash-premium .flex-dash-page-card .btn-action{margin-top:14px;padding:9px 12px;border-radius:11px;border:1px solid transparent;background:var(--fh-navy);color:#fff;font-size:12px;font-weight:600;box-shadow:var(--fh-shadow)}
#user-dashboard.flex-dash-premium #dash-config>.dash-card .btn-action:hover,#user-dashboard.flex-dash-premium #dash-contacto>.dash-card .btn-action:hover,#user-dashboard.flex-dash-premium #dash-negocio .dash-card .btn-action:hover,#user-dashboard.flex-dash-premium .flex-dash-page-card .btn-action:hover{filter:none;transform:none;background:color-mix(in srgb,var(--fh-navy) 88%,var(--fh-accent-bright));box-shadow:var(--fh-shadow)}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium #dash-config>.dash-card .btn-action,html[data-flex-theme=dark] #user-dashboard.flex-dash-premium #dash-contacto>.dash-card .btn-action,html[data-flex-theme=dark] #user-dashboard.flex-dash-premium #dash-negocio .dash-card .btn-action,html[data-flex-theme=dark] #user-dashboard.flex-dash-premium .flex-dash-page-card .btn-action{background:var(--fh-accent-bright);color:#1b365d}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium #dash-config>.dash-card .btn-action:hover,html[data-flex-theme=dark] #user-dashboard.flex-dash-premium #dash-contacto>.dash-card .btn-action:hover,html[data-flex-theme=dark] #user-dashboard.flex-dash-premium #dash-negocio .dash-card .btn-action:hover,html[data-flex-theme=dark] #user-dashboard.flex-dash-premium .flex-dash-page-card .btn-action:hover{background:color-mix(in srgb,var(--fh-accent-bright) 92%,#fff)}
#user-dashboard.flex-dash-premium #dash-metodos-add>.dash-card,#user-dashboard.flex-dash-premium #dash-metodos-tarjeta>.dash-card{position:relative;overflow:hidden;background:var(--fh-card);border:1px solid var(--fh-border);border-radius:16px;padding:18px 16px 16px;box-shadow:var(--fh-shadow);color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-metodos-add>.dash-card::before,#user-dashboard.flex-dash-premium #dash-metodos-tarjeta>.dash-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:.5;background:linear-gradient(90deg,var(--fh-navy),var(--fh-accent-bright),var(--fh-navy))}
#user-dashboard.flex-dash-premium #dash-metodos-add>.dash-card:hover,#user-dashboard.flex-dash-premium #dash-metodos-tarjeta>.dash-card:hover{transform:none;border-color:var(--fh-border);box-shadow:var(--fh-shadow)}
#user-dashboard.flex-dash-premium #dash-metodos-add>.dash-card h3,#user-dashboard.flex-dash-premium #dash-metodos-tarjeta>.dash-card h3{color:var(--fh-text);font-size:1.12rem;letter-spacing:-.02em}
#user-dashboard.flex-dash-premium #dash-metodos-add>.dash-card .dash-muted,#user-dashboard.flex-dash-premium #dash-metodos-tarjeta>.dash-card .dash-muted{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium #dash-metodos-add>.dash-card .dash-back,#user-dashboard.flex-dash-premium #dash-metodos-tarjeta>.dash-card .dash-back{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium #dash-metodos-add>.dash-card .dash-back:hover,#user-dashboard.flex-dash-premium #dash-metodos-tarjeta>.dash-card .dash-back:hover{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-metodos-add .btn-panel-item{background:color-mix(in srgb,var(--fh-elev) 94%,var(--fh-card));border:1px solid var(--fh-border);color:var(--fh-text);box-shadow:0 2px 8px color-mix(in srgb,var(--fh-navy) 8%,transparent)}
#user-dashboard.flex-dash-premium #dash-metodos-add .btn-panel-item i{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-metodos-add .btn-panel-item:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--fh-accent-bright) 42%,var(--fh-border));box-shadow:var(--fh-shadow);background:color-mix(in srgb,var(--fh-accent-bright) 9%,var(--fh-card))}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .mp-field-container{background:color-mix(in srgb,var(--fh-elev) 96%,var(--fh-card));border:1px solid var(--fh-border)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-metodos-tarjeta .mp-field-container{background:#fff}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .mp-field-container:focus-within{border-color:color-mix(in srgb,var(--fh-accent-bright) 48%,var(--fh-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--fh-accent-bright) 14%,transparent)}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid label{color:var(--fh-muted)!important}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid input[type=text]{min-height:44px;padding:10px 12px;border-radius:10px;font-family:inherit;font-size:14px;line-height:1.25;background:color-mix(in srgb,var(--fh-elev) 96%,var(--fh-card))!important;border:1px solid var(--fh-border)!important;color:var(--fh-text)!important;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,box-shadow .2s ease}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid select{min-height:44px;padding:10px 12px;border-radius:10px;font-family:inherit;font-size:14px;line-height:1.25;background:color-mix(in srgb,var(--fh-elev) 96%,var(--fh-card))!important;border:1px solid var(--fh-border)!important;color:var(--fh-text)!important;transition:border-color .2s ease,box-shadow .2s ease}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid input[type=text],html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid select{background:#fff!important}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid input[type=text]::placeholder{color:var(--fh-muted);opacity:1}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid input[type=text]:focus,#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid select:focus{outline:0;border-color:color-mix(in srgb,var(--fh-accent-bright) 48%,var(--fh-border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--fh-accent-bright) 14%,transparent)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-metodos-tarjeta .form-grid select option{background:#fff;color:#1b365d}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .flex-mp-billetera-hint{background:color-mix(in srgb,var(--fh-elev) 92%,var(--fh-card));border:1px solid var(--fh-border);color:var(--fh-text)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-metodos-tarjeta .flex-mp-billetera-hint{background:var(--fh-elev)}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .flex-mp-hint-close{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium #dash-metodos-tarjeta .flex-mp-hint-close:hover{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-config .config-dni-note,#user-dashboard.flex-dash-premium #dash-config .config-foto-row>span,#user-dashboard.flex-dash-premium #dash-config .form-grid label{color:var(--fh-muted)!important}
#user-dashboard.flex-dash-premium #dash-config input,#user-dashboard.flex-dash-premium #dash-config select,#user-dashboard.flex-dash-premium #dash-negocio input,#user-dashboard.flex-dash-premium #dash-negocio select,#user-dashboard.flex-dash-premium .dash-contacto-form input[type=email],#user-dashboard.flex-dash-premium .dash-contacto-form input[type=tel],#user-dashboard.flex-dash-premium .dash-contacto-form select,#user-dashboard.flex-dash-premium .dash-contacto-form textarea{background:color-mix(in srgb,var(--fh-elev) 88%,var(--fh-card))!important;border:1px solid var(--fh-border)!important;color:var(--fh-text)!important;border-radius:10px}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-config input,html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-config select,html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-negocio input,html[data-flex-theme=light] #user-dashboard.flex-dash-premium .dash-contacto-form input,html[data-flex-theme=light] #user-dashboard.flex-dash-premium .dash-contacto-form select,html[data-flex-theme=light] #user-dashboard.flex-dash-premium .dash-contacto-form textarea{background:#fff!important}
#user-dashboard.flex-dash-premium .dash-contacto-char-hint,#user-dashboard.flex-dash-premium .dash-contacto-form label{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .dash-contacto-attach-btn{border-color:var(--fh-border);background:color-mix(in srgb,var(--fh-elev) 70%,var(--fh-card));color:var(--fh-text);border-radius:10px}
#user-dashboard.flex-dash-premium .dash-contacto-attach-btn:hover{border-color:color-mix(in srgb,var(--fh-accent-bright) 40%,var(--fh-border));background:color-mix(in srgb,var(--fh-accent) 10%,var(--fh-card));color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium .dash-contacto-attach-meta{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium .dash-contacto-feedback.is-ok{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium .dash-negocio-acceso{border-color:var(--fh-border);background:color-mix(in srgb,var(--fh-elev) 55%,transparent);border-radius:14px}
#user-dashboard.flex-dash-premium .dash-negocio-acceso h3{color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-negocio .lista-locales-flex-card h3{color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-negocio .lista-local-row{background:var(--fh-elev);border:1px solid var(--fh-border);box-shadow:0 2px 12px color-mix(in srgb,var(--fh-navy) 8%,transparent)}
#user-dashboard.flex-dash-premium #dash-negocio .lista-local-row--active{border-color:color-mix(in srgb,var(--fh-accent-bright) 50%,var(--fh-border));box-shadow:0 2px 12px color-mix(in srgb,var(--fh-navy) 8%,transparent),0 0 0 1px color-mix(in srgb,var(--fh-accent-bright) 22%,transparent)}
#user-dashboard.flex-dash-premium #dash-negocio .lista-local-nombre{color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-negocio .lista-local-meta{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium #dash-negocio .lista-local-meta a{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-negocio .lista-local-logo{background:var(--fh-card);border-color:var(--fh-border)}
#user-dashboard.flex-dash-premium #dash-negocio .btn-local-configurar{background:color-mix(in srgb,var(--fh-elev) 85%,var(--fh-card));border:1px solid var(--fh-border);color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-negocio .btn-local-configurar:hover{border-color:color-mix(in srgb,var(--fh-accent-bright) 42%,var(--fh-border));color:var(--fh-accent-bright);background:color-mix(in srgb,var(--fh-accent) 12%,var(--fh-card))}
#user-dashboard.flex-dash-premium #dash-negocio .btn-local-abrir{background:color-mix(in srgb,var(--fh-accent-bright) 14%,var(--fh-card));border-color:color-mix(in srgb,var(--fh-accent-bright) 48%,var(--fh-border));color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-negocio .btn-local-abrir:hover{background:color-mix(in srgb,var(--fh-accent-bright) 24%,var(--fh-card))}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-embed-card{background:var(--fh-card);border:1px solid var(--fh-border);border-radius:16px;box-shadow:var(--fh-shadow)}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-embed-badge{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-embed-badge::before{background:var(--fh-accent-bright);box-shadow:0 0 10px color-mix(in srgb,var(--fh-accent-bright) 55%,transparent)}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-embed-brand{background:linear-gradient(135deg,var(--fh-accent-bright) 0,var(--fh-accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-embed-label,#user-dashboard.flex-dash-premium #dash-negocio .cajero-embed-sub{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium #dash-negocio #cajero-negocio-line-panel{color:var(--fh-accent-bright)!important}
#user-dashboard.flex-dash-premium #dash-negocio #montoInputCajeroPanel{background:color-mix(in srgb,var(--fh-elev) 92%,var(--fh-card));border:1px solid var(--fh-border);color:var(--fh-text)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-negocio #montoInputCajeroPanel{background:#fff}
#user-dashboard.flex-dash-premium #dash-negocio #montoInputCajeroPanel:focus{border-color:color-mix(in srgb,var(--fh-accent-bright) 48%,var(--fh-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--fh-accent-bright) 16%,transparent)}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-embed-input-wrap .currency-symbol{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-numpad button{background:color-mix(in srgb,var(--fh-elev) 94%,var(--fh-card));border:1px solid var(--fh-border);color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-numpad button:hover{border-color:color-mix(in srgb,var(--fh-accent-bright) 45%,var(--fh-border));color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-numpad .np-muted{color:var(--fh-muted)}
#user-dashboard.flex-dash-premium #dash-negocio .btn-cajero-emb-primary{background:linear-gradient(135deg,var(--fh-accent-bright) 0,color-mix(in srgb,var(--fh-accent) 72%,var(--fh-navy)) 100%);color:#fff}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium #dash-negocio .btn-cajero-emb-primary{color:#1b365d}
#user-dashboard.flex-dash-premium #dash-negocio .btn-cajero-emb-outline{color:var(--fh-muted);border-color:var(--fh-border)}
#user-dashboard.flex-dash-premium #dash-negocio .btn-cajero-emb-outline:hover{color:var(--fh-accent-bright);border-color:color-mix(in srgb,var(--fh-accent-bright) 42%,var(--fh-border))}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-pre-bloque .field-mini{background:color-mix(in srgb,var(--fh-elev) 92%,var(--fh-card));border:1px solid var(--fh-border);color:var(--fh-text)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-negocio .cajero-pre-bloque .field-mini{background:#fff}
#user-dashboard.flex-dash-premium #dash-negocio .cajero-negocio-logo-thumb{background:var(--fh-elev);border-color:color-mix(in srgb,var(--fh-accent-bright) 38%,var(--fh-border))}
#user-dashboard.flex-dash-premium #dash-negocio .actividad-negocio-title{color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-negocio .tabla-actividad-neg td,#user-dashboard.flex-dash-premium #dash-negocio .tabla-actividad-neg th{border-bottom-color:var(--fh-line)}
#user-dashboard.flex-dash-premium #dash-negocio .tabla-actividad-neg th{background:color-mix(in srgb,var(--fh-elev) 88%,var(--fh-card));color:var(--fh-muted)}
#user-dashboard.flex-dash-premium #dash-negocio .tabla-actividad-neg td{color:var(--fh-text)}
#user-dashboard.flex-dash-premium #dash-negocio .tabla-actividad-neg td.monto-neg{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-negocio .actividad-neg-vacia{color:var(--fh-muted)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-negocio .cajero-pago-recibido-slot .totem-rx{background:linear-gradient(165deg,var(--fh-card) 0,var(--fh-elev) 100%);border-color:var(--fh-border);box-shadow:var(--fh-shadow)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium #dash-negocio .cajero-pago-recibido-slot .totem-rx-sub{color:var(--fh-muted)}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium #dash-negocio .cajero-pago-recibido-slot .totem-rx{background:linear-gradient(165deg,color-mix(in srgb,var(--fh-card) 95%,#000) 0,var(--fh-elev) 100%);border-color:var(--fh-border);box-shadow:var(--fh-shadow)}
#user-dashboard.flex-dash-premium #dash-negocio .btn-descarga-neg{border-color:color-mix(in srgb,var(--fh-accent-bright) 45%,var(--fh-border));background:color-mix(in srgb,var(--fh-accent-bright) 11%,var(--fh-card));color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium #dash-negocio .btn-descarga-neg:hover{background:color-mix(in srgb,var(--fh-accent-bright) 20%,var(--fh-card));border-color:color-mix(in srgb,var(--fh-accent-bright) 58%,var(--fh-border))}
html[data-flex-theme=light] .modal-config-neg-overlay,html[data-flex-theme=light] .modal-formas-billetera-overlay,html[data-flex-theme=light] .modal-formas-cobro-overlay{background:color-mix(in srgb,var(--fh-navy) 45%,transparent)}
html[data-flex-theme=light] .modal-config-neg-dialog{background:var(--fh-card);border-color:var(--fh-border);box-shadow:var(--fh-shadow)}
html[data-flex-theme=light] .modal-config-neg-dialog h3{color:var(--fh-text)}
html[data-flex-theme=light] .modal-config-neg-muted{color:var(--fh-muted)}
html[data-flex-theme=light] .modal-config-neg-field label{color:var(--fh-muted)}
html[data-flex-theme=light] .modal-config-neg-field input[type=email],html[data-flex-theme=light] .modal-config-neg-field input[type=text]{background:#fff;color:var(--fh-text);border-color:var(--fh-border)}
html[data-flex-theme=light] .modal-config-neg-dialog .field-mini,html[data-flex-theme=light] .modal-config-neg-dialog select,html[data-flex-theme=light] .modal-config-neg-dialog textarea{background:#fff!important;color:var(--fh-text)!important;border:1px solid var(--fh-border)!important}
html[data-flex-theme=light] .modal-config-neg-dialog .dash-muted{color:var(--fh-muted)!important}
html[data-flex-theme=light] .modal-config-neg-logo-preview{background:var(--fh-elev);border-color:var(--fh-border)}
html[data-flex-theme=light] .modal-config-neg-dialog .btn-descarga-neg{background:color-mix(in srgb,var(--fh-accent-bright) 10%,var(--fh-card));border-color:color-mix(in srgb,var(--fh-accent-bright) 40%,var(--fh-border));color:var(--fh-accent)}
html[data-flex-theme=light] .modal-config-neg-dialog .btn-descarga-neg:hover{background:color-mix(in srgb,var(--fh-accent-bright) 18%,var(--fh-card));border-color:color-mix(in srgb,var(--fh-accent-bright) 55%,var(--fh-border))}
html[data-flex-theme=light] .modal-config-neg-actions .btn-local-configurar,html[data-flex-theme=light] .modal-formas-cobro-stack .btn-local-configurar{background:color-mix(in srgb,var(--fh-elev) 88%,var(--fh-card));border-color:var(--fh-border);color:var(--fh-text)}
html[data-flex-theme=light] .modal-config-neg-actions .btn-local-configurar:hover,html[data-flex-theme=light] .modal-formas-cobro-stack .btn-local-configurar:hover{border-color:color-mix(in srgb,var(--fh-accent-bright) 40%,var(--fh-border));color:var(--fh-accent-bright)}
html[data-flex-theme=light] .modal-config-neg-dialog .btn-action{background:var(--fh-navy);color:#fff;border-radius:11px;box-shadow:var(--fh-shadow)}
html[data-flex-theme=light] .modal-config-neg-dialog .btn-action:hover{background:color-mix(in srgb,var(--fh-navy) 88%,var(--fh-accent-bright))}
html[data-flex-theme=dark] .modal-config-neg-dialog{background:var(--fh-card);border-color:var(--fh-border);box-shadow:var(--fh-shadow)}
html[data-flex-theme=dark] .modal-config-neg-dialog h3{color:var(--fh-text)}
html[data-flex-theme=dark] .modal-config-neg-muted{color:var(--fh-muted)}
html[data-flex-theme=dark] .modal-config-neg-field label{color:var(--fh-muted)}
html[data-flex-theme=dark] .modal-config-neg-field input[type=email],html[data-flex-theme=dark] .modal-config-neg-field input[type=text]{background:var(--fh-elev);color:var(--fh-text);border-color:var(--fh-border)}
html[data-flex-theme=dark] .modal-config-neg-dialog .field-mini,html[data-flex-theme=dark] .modal-config-neg-dialog select,html[data-flex-theme=dark] .modal-config-neg-dialog textarea{background:var(--fh-elev)!important;color:var(--fh-text)!important;border:1px solid var(--fh-border)!important}
html[data-flex-theme=dark] .modal-config-neg-dialog .dash-muted{color:var(--fh-muted)!important}
html[data-flex-theme=dark] .modal-config-neg-logo-preview{background:var(--fh-elev);border-color:var(--fh-border)}
html[data-flex-theme=dark] .modal-config-neg-dialog .btn-descarga-neg{background:color-mix(in srgb,var(--fh-accent-bright) 12%,transparent);border-color:color-mix(in srgb,var(--fh-accent-bright) 45%,var(--fh-border));color:var(--fh-accent-bright)}
html[data-flex-theme=dark] .modal-config-neg-actions .btn-local-configurar,html[data-flex-theme=dark] .modal-formas-cobro-stack .btn-local-configurar{background:color-mix(in srgb,var(--fh-elev) 80%,var(--fh-card));border-color:var(--fh-border);color:var(--fh-text)}
html[data-flex-theme=dark] .modal-config-neg-dialog .btn-action{background:var(--fh-accent-bright);color:#1b365d;border-radius:11px;box-shadow:var(--fh-shadow)}
html[data-flex-theme=dark] .modal-config-neg-dialog .btn-action:hover{background:color-mix(in srgb,var(--fh-accent-bright) 92%,#fff)}
#user-dashboard.flex-dash-premium .config-delete-account-wrap{border-top-color:var(--fh-line)}
#user-dashboard.flex-dash-premium .config-delete-account-hint{color:var(--fh-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#user-dashboard.flex-dash-premium .btn-config-cambiar-pass{margin-top:0;padding:10px 14px;border-radius:11px;border:1px solid var(--fh-border);background:0 0;color:var(--fh-text);font-size:13px;font-weight:600}
#user-dashboard.flex-dash-premium .btn-config-cambiar-pass:hover{border-color:color-mix(in srgb,var(--fh-accent-bright) 45%,var(--fh-border));background:color-mix(in srgb,var(--fh-accent) 10%,var(--fh-card));color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium .config-delete-account-wrap .btn-delete-account-danger{margin-top:10px;padding:10px 14px;border-radius:11px;border:1px solid color-mix(in srgb,#f07167 50%,var(--fh-border));background:0 0;color:#f07167;font-size:13px;font-weight:600}
#user-dashboard.flex-dash-premium .config-delete-account-wrap .btn-delete-account-danger:hover{background:color-mix(in srgb,#f07167 12%,var(--fh-card));border-color:#f07167}
#user-dashboard.flex-dash-premium .dash-metodos-cvv-hint{border-color:color-mix(in srgb,var(--fh-accent-bright) 32%,var(--fh-border));background:color-mix(in srgb,var(--fh-accent) 7%,var(--fh-card));box-shadow:none}
#user-dashboard.flex-dash-premium .dash-metodos-cvv-hint p{color:var(--fh-muted);font-size:13px}
#user-dashboard.flex-dash-premium .dash-metodos-cvv-more{color:var(--fh-accent-bright)}
#user-dashboard.flex-dash-premium .dash-metodos-cvv-more:hover{color:var(--fh-accent)}
#user-dashboard.flex-dash-premium .flex-home-activity--full .flex-home-act-empty{color:var(--fh-muted);font-size:13px;line-height:1.5}
.flex-dash-more-backdrop{background:color-mix(in srgb,var(--fh-navy) 55%,transparent)}
.flex-dash-more-panel{background:linear-gradient(180deg,var(--fh-card) 0,var(--fh-bg) 100%);border-color:var(--fh-border);box-shadow:0 -12px 36px rgba(27,54,93,.22)}
.flex-dash-more-handle{background:color-mix(in srgb,var(--fh-muted) 45%,transparent)}
.flex-dash-more-title{color:var(--fh-text)}
.flex-dash-more-item{border-color:var(--fh-border);background:color-mix(in srgb,var(--fh-card) 92%,var(--fh-elev));color:var(--fh-text)}
.flex-dash-more-item i{color:var(--fh-accent-bright)}
.flex-dash-more-item:hover{border-color:color-mix(in srgb,var(--fh-accent-bright) 40%,var(--fh-border));background:color-mix(in srgb,var(--fh-accent) 10%,var(--fh-card))}
.flex-dash-more-item--danger{border-color:color-mix(in srgb,#e85d4f 38%,var(--fh-border));color:color-mix(in srgb,#ffb4b0 75%,var(--fh-text))}
.flex-dash-more-item--danger i{color:#f07167}
.flex-dash-more-item--danger:hover{border-color:color-mix(in srgb,#f07167 45%,var(--fh-border));background:color-mix(in srgb,#f07167 10%,var(--fh-card))}
html[data-flex-theme] .modal-delete-account-overlay{background:color-mix(in srgb,var(--fh-navy) 62%,transparent)}
html[data-flex-theme] .modal-delete-account-dialog{background:var(--fh-card);border:1px solid var(--fh-border);border-radius:16px;box-shadow:var(--fh-shadow)}
html[data-flex-theme] .modal-delete-account-dialog h3{color:var(--fh-text)}
html[data-flex-theme] .modal-delete-account-dialog .modal-delete-account-msg{color:var(--fh-muted)}
html[data-flex-theme] .modal-delete-account-dialog .modal-delete-account-msg strong{color:var(--fh-text)}
html[data-flex-theme] .modal-delete-account-field label{color:var(--fh-muted)}
html[data-flex-theme] .modal-delete-account-field input{background:color-mix(in srgb,var(--fh-elev) 88%,var(--fh-card));border:1px solid var(--fh-border);color:var(--fh-text);border-radius:10px}
html[data-flex-theme=light] .modal-delete-account-field input{background:#fff}
html[data-flex-theme] .btn-delete-account-secondary{border:1px solid var(--fh-border);background:0 0;color:var(--fh-muted);border-radius:11px;font-weight:600}
html[data-flex-theme] .btn-delete-account-secondary:hover{color:var(--fh-text);border-color:color-mix(in srgb,var(--fh-accent) 30%,var(--fh-border));background:color-mix(in srgb,var(--fh-text) 4%,transparent)}
html[data-flex-theme] #modal-delete-account-confirm-overlay .btn-delete-account-danger,html[data-flex-theme] #modal-delete-account-overlay .btn-delete-account-danger{border-radius:11px;border:1px solid color-mix(in srgb,#f07167 55%,transparent);background:color-mix(in srgb,#f07167 88%,#da3633);color:#fff;font-weight:600}
html[data-flex-theme] #modal-delete-account-confirm-overlay .btn-delete-account-danger:hover,html[data-flex-theme] #modal-delete-account-overlay .btn-delete-account-danger:hover{background:#e85d4f}
html[data-flex-theme] #modal-cambiar-contrasena-overlay .btn-action,html[data-flex-theme] #modal-logout-overlay .btn-delete-account-danger{border-radius:11px;border:1px solid transparent;background:var(--fh-navy);color:#fff;font-weight:600;box-shadow:var(--fh-shadow)}
html[data-flex-theme] #modal-cambiar-contrasena-overlay .btn-action:hover,html[data-flex-theme] #modal-logout-overlay .btn-delete-account-danger:hover{filter:none;transform:none;background:color-mix(in srgb,var(--fh-navy) 88%,var(--fh-accent-bright))}
html[data-flex-theme=dark] #modal-cambiar-contrasena-overlay .btn-action,html[data-flex-theme=dark] #modal-logout-overlay .btn-delete-account-danger{background:var(--fh-accent-bright);color:#1b365d}
html[data-flex-theme=dark] #modal-cambiar-contrasena-overlay .btn-action:hover,html[data-flex-theme=dark] #modal-logout-overlay .btn-delete-account-danger:hover{background:color-mix(in srgb,var(--fh-accent-bright) 92%,#fff)}
html[data-flex-theme] #modal-cambiar-pass-feedback{color:var(--fh-accent-bright)}
@media (max-width:900px){
#user-dashboard.flex-dash-premium.is-visible .dashboard-scroll{padding-left:14px;padding-right:14px;padding-bottom:20px}
#user-dashboard.flex-dash-premium.is-visible .dashboard-topbar{padding:10px 12px 8px;max-height:64px}
#user-dashboard.flex-dash-premium.is-visible .dashboard-topbar.dashboard-topbar--compact{padding:8px 10px 6px}
#user-dashboard.flex-dash-premium.is-visible .sidebar-nav{background:color-mix(in srgb,var(--fh-bg) 96%,#000 4%);border-top-color:var(--fh-border)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{background:var(--fh-nav);border-top:1px solid var(--fh-border);box-shadow:0 -6px 22px rgba(27,54,93,.1),0 -1px 0 rgba(255,255,255,.85) inset}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-link:not(.active){color:var(--fh-muted)}
html[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-link:not(.active) i{color:color-mix(in srgb,var(--fh-text) 40%,var(--fh-muted))}
#user-dashboard.flex-dash-premium.is-visible .sidebar-link.active{background:0 0}
}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .dashboard-topbar,html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .dashboard-topbar.flex-dash-strip{background:var(--fh-bar)!important;border-bottom:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;z-index:90!important}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.flex-dash-ui-v2.is-visible .user-sidebar{border-bottom:none!important;padding-top:0!important;padding-bottom:0!important;background:0 0!important;box-shadow:none!important;min-height:0!important}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.flex-dash-on-inicio .dashboard-topbar,html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.flex-dash-on-inicio .dashboard-topbar.flex-dash-strip{position:relative!important;border:none!important;background:var(--fh-bg)!important;box-shadow:none!important;padding:10px 12px 6px!important;min-height:0!important;max-height:none!important}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.flex-dash-on-inicio .dashboard-scroll{padding-top:0!important}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{background:var(--fh-nav)!important;border-top:1px solid color-mix(in srgb,var(--fh-border) 80%,transparent)!important;box-shadow:0 -6px 24px rgba(27,54,93,.18)!important}
html.flex-dash-mobile-layout[data-flex-theme=dark] #user-dashboard.flex-dash-premium.is-visible .sidebar-link{color:color-mix(in srgb,#fff 82%,var(--fh-muted))!important}
html.flex-dash-mobile-layout[data-flex-theme=dark] #user-dashboard.flex-dash-premium.is-visible .sidebar-link i{color:color-mix(in srgb,#fff 92%,var(--fh-muted))!important}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .sidebar-link .sidebar-link-txt{color:inherit}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .sidebar-link.active{background:0 0!important;color:var(--fh-accent-bright)!important;box-shadow:none!important}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .sidebar-link.active i{color:var(--fh-accent-bright)!important}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .sidebar-link.active .sidebar-link-txt{color:var(--fh-accent-bright)!important;font-weight:700}
html.flex-dash-mobile-layout[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{border-top:1px solid var(--fh-border)!important;box-shadow:0 -8px 28px rgba(27,54,93,.1),0 -2px 8px rgba(27,54,93,.05),0 -1px 0 rgba(255,255,255,.92) inset!important}
html.flex-dash-mobile-layout[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-link:not(.active){color:var(--fh-muted)!important}
html.flex-dash-mobile-layout[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-link:not(.active) i{color:color-mix(in srgb,var(--fh-text) 40%,var(--fh-muted))!important}
.dash-card h2{margin-bottom:8px;font-size:1.42rem;font-weight:800;color:#eef4ff;letter-spacing:-.02em}
.dash-card h3{margin-bottom:8px;font-weight:800;color:#e8eef8;letter-spacing:-.01em}
.user-dashboard-main .dash-card .btn-action{background:linear-gradient(135deg,#2a4e7a 0,var(--dash-navy) 100%);border:none;box-shadow:0 14px 28px rgba(27,54,93,.4),0 2px 0 rgba(196,232,96,.15);transition:transform .28s cubic-bezier(.34, 1.56, .64, 1),filter .2s ease,box-shadow .28s ease}
.user-dashboard-main .dash-card .btn-action:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 18px 38px rgba(27,54,93,.55)}
#user-dashboard.flex-dash-premium .user-dashboard-main .dash-card .btn-action{margin-top:14px;padding:9px 12px;border-radius:11px;border:1px solid transparent;background:var(--fh-navy);color:#fff;font-size:12px;font-weight:600;box-shadow:var(--fh-shadow);filter:none;transform:none}
#user-dashboard.flex-dash-premium .user-dashboard-main .dash-card .btn-action:hover{filter:none;transform:none;background:color-mix(in srgb,var(--fh-navy) 88%,var(--fh-accent-bright));box-shadow:var(--fh-shadow)}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium .user-dashboard-main .dash-card .btn-action{background:var(--fh-accent-bright);color:#1b365d}
html[data-flex-theme=dark] #user-dashboard.flex-dash-premium .user-dashboard-main .dash-card .btn-action:hover{background:color-mix(in srgb,var(--fh-accent-bright) 92%,#fff)}
#user-dashboard.flex-dash-premium .user-dashboard-main .dash-card h2{color:var(--fh-text)}
#user-dashboard.flex-dash-premium .user-dashboard-main .dash-card h3{color:var(--fh-text)}
.user-dashboard-main .dash-card .btn-panel-item{transition:transform .35s cubic-bezier(.34, 1.56, .64, 1),box-shadow .3s ease,border-color .25s ease,background .25s ease;border-radius:14px}
.user-dashboard-main .dash-card .btn-panel-item:hover:not(:disabled){transform:translateY(-4px);border-color:rgba(196,232,96,.35);box-shadow:0 16px 36px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05)}
.dash-back{display:inline-flex;align-items:center;gap:8px;color:#8b949e;cursor:pointer;background:0 0;border:none;font-size:14px;margin-bottom:16px}
.dash-back:hover{color:var(--flex-green)}
.dash-muted{color:rgba(168,186,210,.92);font-size:14px;margin-bottom:16px;line-height:1.45}
.actividad-lista{display:flex;flex-direction:column;gap:10px}
.actividad-item{background:rgba(18,24,35,.65);border:1px solid rgba(196,232,96,.1);border-radius:14px;padding:14px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center}
.actividad-item strong{color:var(--flex-green)}
.config-dni-note{font-size:12px;color:#8b949e;margin-top:4px}
.config-foto-row{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:16px 0}
.config-foto-row input[type=file]{font-size:13px;max-width:100%}
@media (max-width:900px) and (hover:none),(max-width:900px) and (pointer:coarse){
.user-sidebar{position:relative;top:0;width:100%;border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;flex-wrap:wrap;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px 12px}
.sidebar-profile{width:100%;border-bottom:1px solid var(--border-color);padding-bottom:12px;margin-bottom:8px}
.sidebar-nav{flex-direction:row;flex-wrap:wrap;width:100%}
.sidebar-link{flex:1 1 42%;min-width:120px}
.sidebar-logout{width:100%;margin-top:8px}
.user-dashboard-main{margin-left:0}
}
html.flex-dash-mobile-layout.flex-dash-app-scroll,html.flex-dash-mobile-layout.flex-dash-app-scroll body{overflow:hidden;height:100%;height:100dvh}
html.flex-dash-mobile-layout #user-dashboard.is-visible{flex-direction:column;min-height:0;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}
html.flex-dash-mobile-layout #user-dashboard.is-visible .user-sidebar{position:relative;top:0;left:0;right:0;bottom:auto;width:100%;height:auto;flex-shrink:0;flex-direction:column;flex-wrap:nowrap;gap:10px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 12px 16px;border-right:none;border-bottom:1px solid rgba(196,232,96,.14);box-shadow:none;overflow:visible}
html.flex-dash-mobile-layout .sidebar-brand{text-align:left;padding:8px min(178px,56vw) 8px 6px}
html.flex-dash-mobile-layout .sidebar-brand-text{font-size:22px}
html.flex-dash-mobile-layout .sidebar-profile{position:relative;width:100%;margin-top:10px;margin-bottom:0;padding:16px 14px 18px;border-bottom:1px solid rgba(255,255,255,.06);border-radius:16px}
html.flex-dash-mobile-layout .sidebar-avatar-wrap{width:96px;height:96px;margin:0 auto 10px}
html.flex-dash-mobile-layout .sidebar-user-name{font-size:16px}
html.flex-dash-mobile-layout .sidebar-user-email{font-size:13px}
html.flex-dash-mobile-layout #user-dashboard.is-visible .sidebar-nav{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:200;flex-direction:row;flex-wrap:nowrap;gap:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(15,20,30,.96) 0,#0a0e14 100%);border-top:1px solid rgba(196,232,96,.22);box-shadow:0 -10px 28px rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
html.flex-dash-mobile-layout #user-dashboard.is-visible .sidebar-link{flex:1 1 0;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 2px;font-size:10.5px;font-weight:600;line-height:1.1;text-align:center;border-radius:12px}
html.flex-dash-mobile-layout .sidebar-link:hover{background:0 0;transform:none;color:rgba(230,237,243,.88)}
html.flex-dash-mobile-layout .sidebar-link:hover i{transform:none;color:var(--dash-accent)}
html.flex-dash-mobile-layout .sidebar-link i{width:auto;font-size:20px;margin:0}
html.flex-dash-mobile-layout .sidebar-link.active{background:rgba(196,232,96,.15);color:var(--dash-accent);box-shadow:none}
html.flex-dash-mobile-layout .sidebar-link.active i{color:var(--dash-accent)}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{background:var(--fh-nav)!important;border-top:1px solid color-mix(in srgb,var(--fh-border) 22%,transparent)!important;box-shadow:0 -4px 20px rgba(8,12,22,.12)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.flex-dash-mobile-layout[data-flex-theme=dark] #user-dashboard.flex-dash-premium.is-visible .sidebar-link{color:color-mix(in srgb,#fff 82%,var(--fh-muted))!important}
html.flex-dash-mobile-layout[data-flex-theme=dark] #user-dashboard.flex-dash-premium.is-visible .sidebar-link i{color:color-mix(in srgb,#fff 92%,var(--fh-muted))!important}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .sidebar-link.active{background:0 0!important;color:var(--fh-accent-bright)!important;box-shadow:none!important}
#user-dashboard.flex-dash-premium.is-visible .sidebar-link.active i,html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .sidebar-link.active .sidebar-link-txt{color:var(--fh-accent-bright)!important}
html.flex-dash-mobile-layout[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{border-top:1px solid color-mix(in srgb,var(--fh-border) 40%,transparent)!important;box-shadow:0 -8px 28px rgba(27,54,93,.1),0 -2px 8px rgba(27,54,93,.05),0 -1px 0 rgba(255,255,255,.92) inset!important}
html.flex-dash-mobile-layout[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-link:not(.active){color:var(--fh-muted)!important}
html.flex-dash-mobile-layout[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-link:not(.active) i{color:color-mix(in srgb,var(--fh-text) 40%,var(--fh-muted))!important}
html.flex-dash-mobile-layout .sidebar-logout{position:absolute;top:calc(18px + env(safe-area-inset-top,0px));right:18px;left:auto;width:auto;max-width:min(168px,48vw);min-height:34px;height:auto;margin:0;padding:5px 11px 5px 9px;border-radius:999px;border:1px solid rgba(248,81,73,.55);background:linear-gradient(180deg,rgba(220,55,50,.4) 0,rgba(160,35,32,.34) 100%);color:#ffe8e7;font-size:11px;font-weight:700;letter-spacing:.02em;line-height:1.2;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;white-space:nowrap;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.28)}
html.flex-dash-mobile-layout .sidebar-logout i{font-size:11px;margin:0;flex-shrink:0;color:#ffb4b0}
html.flex-dash-mobile-layout .sidebar-logout:hover{border-color:rgba(255,160,150,.75);color:#fff;background:linear-gradient(180deg,rgba(235,65,58,.58) 0,rgba(175,42,38,.52) 100%);transform:translateY(-1px)}
html.flex-dash-mobile-layout .sidebar-logout:hover i{color:#fff}
html.flex-dash-mobile-layout #user-dashboard.is-visible .user-dashboard-main{margin-left:0;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
html.flex-dash-mobile-layout:not(.flex-app-native){--flex-mobile-browser-bottom:0px;--flex-mobile-browser-top:0px}
html.flex-dash-mobile-layout:not(.flex-app-native) #user-dashboard.is-visible{height:100svh;height:100dvh;max-height:100dvh}
html.flex-dash-mobile-layout:not(.flex-app-native) #user-dashboard.is-visible .sidebar-nav{bottom:var(--flex-mobile-browser-bottom)}
html.flex-dash-mobile-layout:not(.flex-app-native) #user-dashboard.is-visible .user-dashboard-main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px) + var(--flex-mobile-browser-bottom))}
html.flex-dash-mobile-layout:not(.flex-app-native) #user-dashboard.is-visible .user-sidebar{padding-top:calc(14px + env(safe-area-inset-top,0px) + var(--flex-mobile-browser-top))}
html.flex-dash-mobile-layout:not(.flex-app-native) #user-dashboard.flex-dash-premium.flex-dash-on-inicio.is-visible .dashboard-scroll{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px) + var(--flex-mobile-browser-bottom))}
@supports (-webkit-touch-callout:none){
html.flex-mobile-browser:not(.flex-app-native):not(.flex-vv-synced) #user-dashboard.is-visible .sidebar-nav{bottom:52px}
html.flex-mobile-browser:not(.flex-app-native):not(.flex-vv-synced) #user-dashboard.is-visible .user-dashboard-main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px) + 52px)}
html.flex-dash-mobile-layout.flex-mobile-browser:not(.flex-app-native):not(.flex-vv-synced) #user-dashboard.flex-dash-premium.flex-dash-on-inicio.is-visible .dashboard-scroll{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px) + 52px)}
}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.flex-dash-on-inicio.is-visible .user-dashboard-main{overflow-y:hidden;padding-bottom:0}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.flex-dash-on-inicio.is-visible .dashboard-scroll{overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:12px 14px calc(88px + env(safe-area-inset-bottom,0px))}
html.flex-dash-mobile-layout #user-dashboard.is-visible .dashboard-topbar{position:sticky;top:0;z-index:40;padding:14px 16px 10px;gap:8px;align-items:center;border-bottom:1px solid rgba(196,232,96,.16);background:linear-gradient(180deg,rgba(12,18,28,.94) 0,rgba(12,18,28,.82) 70%,rgba(12,18,28,.55) 100%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.35)}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .dashboard-topbar{border-bottom:none;background:var(--fh-bar);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:padding .22s ease,box-shadow .22s ease,background .22s ease}
html.flex-dash-mobile-layout #user-dashboard.is-visible .dashboard-topbar.dashboard-topbar--compact{padding:8px 14px 6px;box-shadow:0 4px 18px rgba(0,0,0,.28)}
html.flex-dash-mobile-layout #user-dashboard.is-visible .dashboard-topbar.dashboard-topbar--compact .flex-dash-strip-brand{font-size:17px;letter-spacing:.1em}
#user-dashboard.is-visible .dashboard-topbar.dashboard-topbar--compact .flex-dash-strip-avatar,html.flex-dash-mobile-layout #user-dashboard.is-visible .dashboard-topbar.dashboard-topbar--compact .flex-dash-strip-icon{width:40px;height:40px}
html.flex-dash-mobile-layout #user-dashboard.is-visible .dashboard-greet-title{font-size:1.25rem;margin-bottom:4px;transition:font-size .2s ease,margin .2s ease}
html.flex-dash-mobile-layout #user-dashboard.is-visible .dashboard-greet-sub{font-size:13px}
html.flex-dash-mobile-layout #user-dashboard.is-visible .dashboard-topbar-badge{font-size:11px;padding:7px 12px;transition:transform .2s ease,padding .2s ease,font-size .2s ease}
html.flex-dash-mobile-layout .dashboard-scroll{padding:16px 14px 28px}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .dashboard-scroll{padding:12px 14px 20px}
html.flex-dash-mobile-layout #user-dashboard.flex-dash-premium.is-visible .flex-home-prem{gap:32px}
html.flex-dash-mobile-layout .dash-card{padding:18px 16px}
#dash-negocio.dashboard-panel{max-width:1100px}
.dash-negocio-comercio-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(280px,1fr);gap:18px;align-items:start;margin-top:20px}
@media (max-width:920px){
.dash-negocio-comercio-grid{grid-template-columns:1fr}
}
.dash-negocio-acceso{margin-top:20px;padding:18px;border-radius:12px;border:1px dashed var(--border-color);text-align:left}
.dash-negocio-acceso h3{font-size:15px;margin-bottom:10px;color:#e6edf3}
.negocio-login-error{margin-top:10px;font-size:13px;color:var(--error-red);display:none}
.negocio-login-error.visible{display:block}
.cajero-embed-card{background:#161b22;border:1px solid var(--border-color);border-radius:16px;padding:20px 20px 18px}
.cajero-embed-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--flex-green);margin-bottom:10px}
.cajero-embed-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--flex-green);box-shadow:0 0 10px var(--flex-green)}
.cajero-embed-brand{font-size:clamp(1.4rem, 3vw, 1.85rem);font-weight:800;line-height:1;margin:0 0 8px;background:linear-gradient(135deg,var(--flex-green) 0,var(--flex-dark-green) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cajero-embed-sub{margin:0 0 14px;font-size:13px;color:#8b949e;line-height:1.45}
.cajero-embed-workspace{display:grid;gap:12px 16px;margin-bottom:12px}
@media (min-width:520px){
.cajero-embed-workspace{grid-template-columns:1fr 1fr;align-items:start}
}
.cajero-embed-label{display:block;font-size:12px;font-weight:600;color:#8b949e;margin-bottom:8px;text-align:left}
.cajero-embed-input-wrap{position:relative}
.cajero-embed-input-wrap .currency-symbol{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;font-weight:700;color:var(--flex-green);pointer-events:none}
#montoInputCajeroPanel{width:100%;padding:12px 14px 12px 38px;font-size:clamp(1.15rem, 2.8vw, 1.4rem);font-weight:700;font-variant-numeric:tabular-nums;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-dark);color:#fff;outline:0}
#montoInputCajeroPanel:focus{border-color:var(--flex-dark-green);box-shadow:0 0 0 3px rgba(196,232,96,.12)}
.cajero-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.cajero-numpad button{padding:10px 6px;font-size:16px;font-weight:700;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-dark);color:#fff;cursor:pointer;font-family:inherit}
.cajero-numpad button:hover{border-color:var(--flex-dark-green);color:var(--flex-green)}
.cajero-numpad .np-muted{font-size:12px;font-weight:600;color:#8b949e}
.cajero-embed-actions{display:flex;flex-direction:column;gap:10px}
.btn-cajero-emb{width:100%;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;border:none;transition:opacity .2s}
.btn-cajero-emb-primary{background:linear-gradient(135deg,var(--flex-green) 0,var(--flex-dark-green) 100%);color:#fff}
.btn-cajero-emb-ghost{background:0 0;color:#f85149;border:1px solid rgba(248,81,73,.45)}
.btn-cajero-emb-outline{background:0 0;color:#c9d1d9;border:1px solid var(--border-color)}
.cajero-status-line{margin-top:12px;min-height:0;font-size:13px;font-weight:600;text-align:center;line-height:1.35}
.cajero-status-line:empty{display:none}
#statusCajeroPanel.esperando{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:999px;color:#cfe6a8;border:1px dashed rgba(196,232,96,.45);background:rgba(196,232,96,.06);font-weight:500;text-transform:none;letter-spacing:0}
#statusCajeroPanel.esperando::before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid rgba(196,232,96,.45);border-top-color:var(--flex-green);animation:flexCajeroSpin .85s linear infinite;flex:0 0 auto}
@keyframes flexCajeroSpin{
to{transform:rotate(360deg)}
}
.btn-cajero-emb-primary:disabled,.btn-cajero-emb-primary[disabled]{opacity:.55;cursor:not-allowed;filter:saturate(.6)}
#statusCajeroPanel.exito{display:block;padding:10px 12px;border-radius:8px;color:var(--flex-green);border:1px solid rgba(196,232,96,.45);background:rgba(196,232,96,.1)}
#statusCajeroPanel.error{display:block;padding:10px 12px;border-radius:8px;color:#ff8b87;border:1px solid rgba(248,81,73,.35);background:rgba(248,81,73,.06)}
.cajero-pago-recibido-slot{margin-top:14px;width:100%}
.cajero-pago-recibido-slot:empty{display:none}
.cajero-pago-recibido-slot .totem-rx{position:relative;width:100%;max-width:100%;margin:0;padding:16px 12px 14px;border-radius:16px;border:1px solid var(--border-color);background:linear-gradient(165deg,rgba(22,27,34,.98) 0,rgba(13,17,23,.95) 100%);box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 0 1px rgba(196,232,96,.07) inset;overflow:hidden}
.cajero-pago-recibido-slot .totem-rx--ok{border-color:rgba(196,232,96,.35);box-shadow:0 16px 40px rgba(0,0,0,.45),0 0 40px rgba(70,150,60,.14),0 0 0 1px rgba(196,232,96,.12) inset}
.cajero-pago-recibido-slot .totem-rx-glow{position:absolute;inset:-40% -20%;background:radial-gradient(ellipse 55% 45% at 50% 0,rgba(196,232,96,.22),transparent 58%);pointer-events:none;animation:totemRxGlowPulse 2.4s ease-in-out infinite}
@keyframes totemRxGlowPulse{
0%,100%{opacity:.85;transform:scale(1)}
50%{opacity:1;transform:scale(1.03)}
}
.cajero-pago-recibido-slot .totem-rx-inner{position:relative;z-index:1;text-align:center}
.cajero-pago-recibido-slot .totem-rx-kicker{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--flex-green);margin:0 0 8px}
.cajero-pago-recibido-slot .totem-rx-title{font-size:clamp(1.15rem, 3.5vw, 1.4rem);font-weight:800;line-height:1.2;margin:0 0 8px;background:linear-gradient(135deg,#f0f6fc 0,var(--flex-green) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cajero-pago-recibido-slot .totem-rx-sub{font-size:12px;color:#8b949e;line-height:1.4;margin:0}
.cajero-pago-recibido-slot .totem-rx-hero{margin:0 auto 12px;width:min(120px,42vw);height:min(120px,42vw);position:relative;display:flex;align-items:center;justify-content:center}
.cajero-pago-recibido-slot .totem-rx-ring{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(196,232,96,.45);animation:totemRxRingPop .85s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes totemRxRingPop{
from{transform:scale(.5);opacity:0}
to{transform:scale(1);opacity:1}
}
.cajero-pago-recibido-slot .totem-rx-check-svg{width:72%;height:72%;filter:drop-shadow(0 0 16px rgba(196, 232, 96, .45))}
.cajero-pago-recibido-slot .totem-rx-check-path{fill:none;stroke:var(--flex-green);stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:120;stroke-dashoffset:120;animation:totemRxDrawCheck .7s ease-out .35s forwards}
@keyframes totemRxDrawCheck{
to{stroke-dashoffset:0}
}
.cajero-pago-recibido-slot .totem-rx-sparkles{position:absolute;inset:0;pointer-events:none}
.cajero-pago-recibido-slot .totem-rx-sparkles span{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--flex-green);opacity:0;animation:totemRxSpark 2s ease-in-out infinite}
.cajero-pago-recibido-slot .totem-rx-sparkles span:first-child{top:12%;left:18%;animation-delay:.1s}
.cajero-pago-recibido-slot .totem-rx-sparkles span:nth-child(2){top:22%;right:14%;animation-delay:.35s}
.cajero-pago-recibido-slot .totem-rx-sparkles span:nth-child(3){bottom:28%;left:22%;animation-delay:.55s}
.cajero-pago-recibido-slot .totem-rx-sparkles span:nth-child(4){bottom:18%;right:20%;animation-delay:.75s}
@keyframes totemRxSpark{
0%,100%{opacity:0;transform:scale(.4)}
35%{opacity:1;transform:scale(1)}
70%{opacity:0;transform:scale(.6)}
}
.cajero-pre-bloque .field-mini{width:100%;padding:10px 12px;margin-bottom:8px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-dark);color:#fff;font-size:14px}
.actividad-negocio-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.actividad-negocio-title{font-size:1.1rem;font-weight:700;color:#e6edf3}
.btn-descarga-neg{padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--flex-dark-green);background:rgba(196,232,96,.08);color:var(--flex-green);font-family:inherit}
.dropdown-neg-wrap{position:relative}
.dropdown-neg-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--card-dark);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.45);z-index:30;overflow:hidden}
.dropdown-neg-wrap.open .dropdown-neg-menu{display:block}
.dropdown-neg-menu button{display:block;width:100%;padding:10px 14px;border:none;background:0 0;color:#e6edf3;font-size:13px;text-align:left;cursor:pointer;font-family:inherit}
.dropdown-neg-menu button:hover{background:rgba(196,232,96,.1);color:var(--flex-green)}
.dropdown-neg-menu button+button{border-top:1px solid var(--border-color)}
.tabla-actividad-neg-wrap{border:1px solid var(--border-color);border-radius:10px;overflow:auto;max-height:min(380px,50vh)}
table.tabla-actividad-neg{width:100%;border-collapse:collapse;font-size:12px}
.tabla-actividad-neg td,.tabla-actividad-neg th{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border-color)}
.tabla-actividad-neg th{background:var(--bg-dark);color:#8b949e;font-weight:600;position:sticky;top:0}
.tabla-actividad-neg td.monto-neg{font-variant-numeric:tabular-nums;color:var(--flex-green);font-weight:600}
.actividad-neg-vacia{padding:22px 12px;text-align:center;color:#8b949e;font-size:13px;line-height:1.45}
.btn-refrescar-neg{margin-top:10px;font-size:12px;color:var(--flex-green);background:0 0;border:none;cursor:pointer;text-decoration:underline;font-family:inherit}
.lista-locales-flex-card h3{font-size:1.05rem;color:#e6edf3}
.lista-local-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border-color);border-radius:12px;margin-bottom:10px;background:#161b22;transition:border-color .2s,box-shadow .2s}
.lista-local-row:last-child{margin-bottom:0}
.lista-local-row--active{border-color:rgba(196,232,96,.45);box-shadow:0 0 0 1px rgba(196,232,96,.12)}
.lista-local-nombre{font-weight:700;font-size:15px;color:#e6edf3}
.lista-local-meta{font-size:12px;margin-top:4px}
.btn-local-abrir{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid var(--flex-dark-green);background:rgba(196,232,96,.12);color:var(--flex-green);white-space:nowrap}
.lista-local-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}
.btn-local-configurar{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid var(--border-color);background:rgba(139,148,158,.08);color:#c9d1d9;white-space:nowrap}
.btn-local-configurar:hover{border-color:rgba(196,232,96,.35);color:var(--flex-green)}
.lista-local-nombre-row{display:flex;align-items:center;gap:10px}
.lista-local-logo{width:40px;height:40px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color);flex-shrink:0;background:#0d1117}
.lista-local-logo--hidden{display:none}
.cajero-negocio-line-panel-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cajero-negocio-logo-thumb{width:36px;height:36px;border-radius:8px;object-fit:cover;border:1px solid rgba(196,232,96,.25);flex-shrink:0;background:#0d1117}
.cajero-negocio-logo-thumb--hidden{display:none}
.modal-config-neg-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.modal-config-neg-dialog{width:100%;max-width:440px;max-height:min(92vh,640px);overflow:auto;background:#161b22;border:1px solid var(--border-color);border-radius:14px;padding:22px 20px 18px;box-shadow:0 24px 64px rgba(0,0,0,.55)}
.modal-config-neg-dialog h3{margin:0 0 6px;font-size:1.15rem;color:#e6edf3}
.modal-config-neg-muted{font-size:13px;color:#8b949e;margin:0 0 16px;line-height:1.45}
.modal-config-neg-field{margin-bottom:14px}
.modal-config-neg-field label{display:block;font-size:12px;color:#8b949e;margin-bottom:6px}
.modal-config-neg-field input[type=email],.modal-config-neg-field input[type=text]{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:#0d1117;color:#e6edf3;font-size:14px;box-sizing:border-box;font-family:inherit}
.modal-config-neg-logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
.modal-config-neg-logo-preview{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid var(--border-color);background:#0d1117}
.modal-config-neg-logo-preview--empty{display:none}
.modal-config-neg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;justify-content:flex-end}
.modal-config-neg-err{color:#f85149;font-size:13px;margin-top:10px;min-height:1.2em}
.config-delete-account-wrap{margin-top:28px;padding-top:22px;border-top:1px solid var(--border-color)}
.config-delete-account-hint{margin:0 0 12px;font-size:13px}
.dash-contacto-card{max-width:480px}
.dash-contacto-form{display:flex;flex-direction:column;gap:12px;margin-top:16px;text-align:left}
.dash-contacto-form label{font-size:13px;color:#8b949e;margin:0}
.dash-contacto-form input[type=email],.dash-contacto-form input[type=tel],.dash-contacto-form select,.dash-contacto-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:var(--card-dark,#161b22);color:#f0f6fc;font-size:14px;font-family:inherit}
.dash-contacto-form textarea{min-height:100px;max-height:220px;resize:vertical;line-height:1.45}
.dash-contacto-form select{cursor:pointer}
.dash-contacto-hint{font-size:12px;margin:-4px 0 0}
.dash-contacto-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.dash-contacto-label-row label{margin:0}
.dash-contacto-char-hint{font-size:12px;color:#8b949e;margin:0;flex-shrink:0}
.dash-contacto-feedback{font-size:13px;min-height:1.3em;margin:4px 0 0}
.dash-contacto-feedback.is-ok{color:var(--flex-green,#5eead4)}
.dash-contacto-feedback.is-err{color:#f85149}
.dash-contacto-attach-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}
.dash-contacto-attach-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid var(--border-color);background:rgba(255,255,255,.04);color:#c9d1d9;font-size:13px;cursor:pointer;font-family:inherit}
.dash-contacto-attach-btn:hover{border-color:#8b949e;color:#f0f6fc}
.dash-contacto-attach-meta{font-size:12px;color:#8b949e}
.dash-contacto-attach-meta-wrap{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.dash-contacto-attach-clear{display:none;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border-color);border-radius:8px;background:rgba(255,255,255,.04);color:#8b949e;cursor:pointer;font-size:14px;line-height:1;font-family:inherit}
.dash-contacto-attach-clear:hover{border-color:#f85149;color:#f85149;background:rgba(248,81,73,.12)}
.dash-contacto-attach-clear.is-visible{display:inline-flex}
.btn-delete-account-danger{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin-top:4px;padding:12px 18px;border-radius:8px;border:none;background:#da3633;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:background .15s ease,opacity .15s ease}
.btn-delete-account-danger:hover{background:#b62320}
.btn-delete-account-danger:disabled{opacity:.55;cursor:not-allowed}
.btn-config-cambiar-pass{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;margin-top:4px;padding:12px 18px;border-radius:8px;border:1px solid rgba(248,81,73,.5);background:rgba(248,81,73,.08);color:#f85149;font-weight:600;font-size:14px;cursor:pointer;transition:border-color .15s ease,background .15s ease;font-family:inherit}
.btn-config-cambiar-pass:hover{border-color:#f85149;background:rgba(248,81,73,.14)}
#modal-cambiar-pass-feedback{color:#7ee787;line-height:1.45}
.modal-delete-account-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:2500;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.modal-delete-account-dialog{background:var(--card-dark,#161b22);border:1px solid var(--border-color);border-radius:12px;max-width:440px;width:100%;padding:22px 22px 20px;box-sizing:border-box}
.modal-delete-account-dialog h3{margin:0 0 12px;font-size:1.15rem;font-weight:700;color:#f0f6fc}
.modal-delete-account-dialog .modal-delete-account-msg{margin:0 0 14px;font-size:14px;line-height:1.55;color:#c9d1d9}
.modal-delete-account-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:8px;width:100%}
.btn-delete-account-secondary{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:10px 14px;border-radius:8px;border:1px solid var(--border-color);background:0 0;color:#8b949e;font-size:14px;cursor:pointer}
.btn-delete-account-secondary:hover{color:#c9d1d9;border-color:#8b949e}
.modal-delete-account-field label{display:block;font-size:13px;color:#8b949e;margin-bottom:6px}
.modal-delete-account-field input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:1px solid var(--border-color);background:#0d1117;color:#f0f6fc;font-size:15px;letter-spacing:.04em}
.modal-delete-account-err{color:#f85149;font-size:13px;margin-top:10px;min-height:1.2em}
.modal-formas-billetera-overlay,.modal-formas-cobro-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:2100;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}
.modal-formas-billetera-overlay{z-index:2200}
.modal-formas-cobro-stack{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.modal-formas-cobro-stack .btn-action,.modal-formas-cobro-stack .btn-local-configurar{width:100%;justify-content:center}
.modal-formas-cobro-stack .btn-local-configurar:disabled{opacity:.45;cursor:not-allowed}
.modal-cfg-formas-cobro-resumen{font-size:13px;line-height:1.45;margin:10px 0 0;min-height:1.35em}
.modal-cfg-formas-cobro-resumen.is-ok{color:var(--flex-green)}
.modal-cfg-formas-cobro-resumen.is-muted{color:#8b949e}
.recep-req{color:#f85149;font-weight:700}
.recep-opt{color:#8b949e;font-weight:400;font-size:.92em}
.btn-local-abrir:hover{background:rgba(196,232,96,.2)}
#dash-negocio-detalle-wrap{margin-top:4px}
#inicio.view{justify-content:flex-start;align-items:stretch;padding:calc(92px + env(safe-area-inset-top,0px)) 0 0;background:radial-gradient(circle at 82% -8%,rgba(71,109,167,.28),transparent 42%),radial-gradient(circle at 8% 16%,rgba(196,232,96,.12),transparent 34%),linear-gradient(165deg,#080f1a 0,#0d1728 52%,#111d31 100%);color:#e8f1ff}
header{background:linear-gradient(135deg,#1b365d 0,#243b55 70%,#2b2b2b 100%);border-bottom:1px solid rgba(196,232,96,.32);padding:calc(14px + env(safe-area-inset-top,0px)) 2.8% 14px 2.8%;min-height:78px;justify-content:flex-start;gap:20px}
.nav-buttons{display:flex;align-items:center;justify-content:center;gap:0;flex:1;width:100%;max-width:820px;margin:0 auto;transform:translateX(97px)}
.header-main-nav{display:flex;align-items:center;margin-right:26px}
.header-actions{display:flex;align-items:center;gap:0}
.header-actions .btn-nav+.btn-nav{margin-left:26px}
.btn-nav{border:1px solid rgba(196,232,96,.35);color:#f8fafc;background:rgba(255,255,255,.06);padding:11px 20px;border-radius:9px;font-size:13px;font-weight:700;min-height:44px;letter-spacing:.01em}
.btn-login,.btn-registro{background:linear-gradient(135deg,#2a4e7a 0,#1b365d 100%);border-color:transparent;color:#fff}
.btn-negocio{background:#c4e860;border:1px solid #b7d86f;color:#182b12}
.btn-nav:hover{filter:brightness(1.06)}
.mobile-header-actions{display:none}
.mobile-menu-overlay{display:none}
.mobile-help-sheet{display:none}
.nav-help-wrap{position:relative}
.help-security-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(560px,88vw);background:linear-gradient(160deg,#fafdff 0,#f2f8ff 100%);border:1px solid #c0d4ea;border-radius:18px;box-shadow:0 28px 60px rgba(13,23,39,.28);padding:22px;z-index:1200;opacity:0;transform:translateY(8px) scale(.975);transform-origin:top right;visibility:hidden;pointer-events:none;transition:opacity 220ms ease,transform 220ms ease,visibility 0s linear 220ms}
.help-security-menu.open{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto;transition:opacity 220ms ease,transform 220ms ease,visibility 0s linear 0s}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.help-grid>div{background:#fff;border:1px solid #d7e3f0;border-radius:14px;padding:14px;min-height:166px}
.help-col-title{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4c678b;margin-bottom:12px}
.help-menu-btn{width:100%;border:1px solid #d2ddea;background:#fff;color:#1b365d;border-radius:12px;padding:13px 14px;text-align:left;cursor:pointer;font-size:14px;font-weight:600;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.help-menu-btn+.help-menu-btn{margin-top:10px}
.help-menu-btn:hover{background:#edf3fb;border-color:#b7cde7;transform:translateX(2px);box-shadow:0 8px 14px rgba(27,54,93,.1)}
.help-contact-overlay{position:fixed;inset:0;background:rgba(6,12,20,.55);backdrop-filter:blur(1px);display:none;align-items:center;justify-content:center;z-index:1300;padding:20px}
.help-contact-overlay.open{display:flex}
.help-contact-modal{width:100%;max-width:460px;background:#f9fcff;border:1px solid #cedbeb;border-radius:16px;box-shadow:0 24px 46px rgba(7,20,36,.28);padding:22px}
.help-contact-modal h3{color:#1b365d;font-size:24px;margin-bottom:6px}
.help-contact-modal p{color:#4a607f;font-size:14px;margin-bottom:14px}
.help-contact-form{display:grid;gap:10px}
.help-contact-form input,.help-contact-form textarea{min-height:112px;resize:vertical;background:#fff;border:1px solid #c7d6ea;border-radius:10px;padding:11px;font-size:14px;color:#0f223d;outline:0}
.help-contact-form input{min-height:48px;padding:12px 13px}
.help-contact-form input::placeholder,.help-contact-form textarea::placeholder{color:#7a8fae}
.help-contact-form input:focus,.help-contact-form textarea:focus{border-color:#8ab0df;box-shadow:0 0 0 3px rgba(42,78,122,.12)}
.help-attachments-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}
.help-attach-btn{border:1px dashed #9db7d9;border-radius:10px;background:#edf4fd;color:#1b365d;font-size:13px;font-weight:700;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .18s ease,border-color .18s ease}
.help-attach-btn:hover{background:#e3eefc;border-color:#7da4d2}
.help-attach-meta{font-size:12px;color:#5a7396;flex:1;text-align:right}
.help-contact-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:2px}
.help-contact-msg{min-height:18px;font-size:13px;color:#2f5f9a}
.help-alert-overlay{position:fixed;inset:0;background:rgba(7,17,30,.46);display:none;align-items:center;justify-content:center;z-index:1400;padding:max(14px,env(safe-area-inset-top,0px) + 10px) max(14px,env(safe-area-inset-right,0px) + 8px) max(14px,env(safe-area-inset-bottom,0px) + 10px) max(14px,env(safe-area-inset-left,0px) + 8px);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}
.help-alert-overlay.open{display:flex}
.help-alert-modal{width:100%;max-width:560px;max-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px);max-height:min(90dvh,calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 28px));background:#fff;border:1px solid #d7e0ec;border-radius:10px;box-shadow:0 20px 44px rgba(8,17,31,.34);padding:24px 24px 18px;animation:helpAlertIn 180ms ease-out;display:flex;flex-direction:column;overflow:hidden;margin:auto;flex-shrink:0}
.help-alert-modal.help-alert-modal--cvv-explainer{max-width:min(720px,94vw)}
.help-alert-modal.help-alert-modal--cvv-explainer .help-alert-title{font-size:clamp(1.35rem, 4vw, 1.85rem);line-height:1.28;margin-bottom:14px}
@keyframes helpAlertIn{
from{opacity:0;transform:translateY(8px) scale(.98)}
to{opacity:1;transform:translateY(0) scale(1)}
}
.help-alert-title{font-size:36px;line-height:1.1;color:#1b365d;margin-bottom:12px;letter-spacing:-.02em;flex:0 0 auto}
.help-alert-text{white-space:pre-line;color:#2d425f;font-size:15px;line-height:1.55;margin-bottom:12px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding-right:4px;scrollbar-gutter:stable}
.help-alert-text::-webkit-scrollbar{width:8px}
.help-alert-text::-webkit-scrollbar-thumb{background:rgba(27,54,93,.35);border-radius:99px}
.help-alert-text::-webkit-scrollbar-track{background:rgba(215,224,236,.45);border-radius:99px}
.help-alert-actions{display:flex;justify-content:flex-end;flex:0 0 auto;padding-top:10px;margin-top:auto}
.help-alert-close{border:none;background:0 0;color:#315f98;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:8px 4px}
.btn-action.is-busy{cursor:progress;opacity:.85;pointer-events:none}
.help-alert-close:hover{color:#1f4576}
@media (max-width:760px){
html.flex-app-native body{background:radial-gradient(circle at 12% 10%,rgba(71,109,167,.28),transparent 36%),radial-gradient(circle at 82% 0,rgba(196,232,96,.16),transparent 34%),linear-gradient(165deg,#0a1220 0,#0f1c31 45%,#12162c 100%);color:#e6edf3}
html.flex-app-native #mobile-menu-overlay,html.flex-app-native body>header{display:none!important}
html.flex-app-native .mobile-menu-panel{background:var(--card-dark);border:1px solid var(--border-color);box-shadow:0 16px 40px rgba(0,0,0,.45)}
html.flex-app-native .mobile-menu-overlay{background:rgba(6,10,18,.72)}
html.flex-app-native .mobile-login-btn{background:0 0!important;border:1px solid var(--flex-dark-green)!important;color:var(--flex-green)!important;border-radius:999px!important;font-weight:700}
html.flex-app-native .mobile-menu-toggle{border:1px solid rgba(196,232,96,.45);background:rgba(255,255,255,.06)}
html.flex-app-native .mobile-menu-bar{background:#e6edf3}
html.flex-app-native .mobile-menu-item{background:rgba(22,27,34,.92);border:1px solid var(--border-color);color:#e6edf3;border-radius:999px;font-weight:600}
html.flex-app-native .mobile-menu-item--primary{background:rgba(30,58,95,.55);border:1px solid rgba(100,149,200,.35);color:#f0f6ff}
html.flex-app-native .mobile-menu-item--negocio{background:linear-gradient(180deg,#c5e86d 0,#c4e860 100%);border-color:transparent;color:#142109}
html.flex-app-native #user-dashboard.is-visible .user-sidebar{border-bottom:1px solid rgba(196,232,96,.28)}
html.flex-app-native #user-dashboard.is-visible .sidebar-nav{border-top:1px solid rgba(196,232,96,.35);background:linear-gradient(180deg,rgba(12,22,36,.98) 0,#080d14 100%)}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{border-top:1px solid color-mix(in srgb,var(--fh-border) 22%,transparent)!important;background:var(--fh-nav)!important}
html.flex-app-native[data-flex-theme=light] #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{border-top:1px solid color-mix(in srgb,var(--fh-border) 40%,transparent)!important;background:var(--fh-nav)!important;box-shadow:0 -8px 28px rgba(27,54,93,.1),0 -2px 8px rgba(27,54,93,.05)!important}
header{padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px 14px;min-height:64px;gap:10px;justify-content:space-between}
header .logo-brand{margin-left:0;margin-right:auto}
.flex-title{font-size:26px}
.nav-buttons{display:none}
.mobile-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.mobile-login-btn{padding:8px 14px;font-size:12px;min-height:40px}
.mobile-menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:44px;padding:0;border-radius:10px;border:1px solid rgba(196,232,96,.45);background:rgba(255,255,255,.06);cursor:pointer;transition:background .2s,border-color .2s}
.mobile-menu-toggle:active{background:rgba(196,232,96,.15)}
.mobile-menu-bar{width:22px;height:2px;background:#f4f8ff;border-radius:2px;transition:transform .25s ease,opacity .2s ease}
.mobile-menu-toggle.is-open .mobile-menu-bar:first-child{transform:translateY(6px) rotate(45deg)}
.mobile-menu-toggle.is-open .mobile-menu-bar:nth-child(2){opacity:0}
.mobile-menu-toggle.is-open .mobile-menu-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu-overlay{display:block;position:fixed;inset:calc(64px + env(safe-area-inset-top,0px)) 0 0 0;background:rgba(8,15,26,.55);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1100}
.mobile-menu-overlay.is-open{opacity:1;visibility:visible}
.mobile-menu-panel{background:linear-gradient(160deg,#1b365d 0,#243b55 70%,#2b2b2b 100%);border-bottom:1px solid rgba(196,232,96,.32);padding:14px 16px 18px;display:flex;flex-direction:column;gap:10px;transform:translateY(-12px);transition:transform .25s ease;box-shadow:0 18px 40px rgba(8,15,26,.45)}
.mobile-menu-overlay.is-open .mobile-menu-panel{transform:translateY(0)}
.mobile-menu-item{width:100%;padding:14px 16px;border-radius:10px;border:1px solid rgba(196,232,96,.35);background:rgba(255,255,255,.06);color:#f8fafc;font-size:15px;font-weight:700;text-align:left;cursor:pointer;font-family:inherit;min-height:48px}
.mobile-menu-item:active{filter:brightness(1.1)}
.mobile-menu-item--primary{background:linear-gradient(135deg,#2a4e7a 0,#1b365d 100%);border-color:transparent}
.mobile-menu-item--negocio{background:#c4e860;border-color:#b7d86f;color:#182b12}
body.mobile-menu-open{overflow:hidden}
.mobile-help-sheet{display:block;position:fixed;inset:0;z-index:1150;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}
.mobile-help-sheet.is-open{pointer-events:auto;visibility:visible;opacity:1}
.mobile-help-sheet-backdrop{position:absolute;inset:0;background:rgba(8,15,26,.62);backdrop-filter:blur(3px)}
.mobile-help-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(78vh,520px);overflow-y:auto;background:linear-gradient(160deg,#fafdff 0,#f2f8ff 100%);border:1px solid #c0d4ea;border-radius:18px 18px 0 0;box-shadow:0 -12px 40px rgba(13,23,39,.22);padding:16px 18px 22px;transform:translateY(100%);transition:transform .28s cubic-bezier(.2, .8, .2, 1)}
.mobile-help-sheet.is-open .mobile-help-sheet-panel{transform:translateY(0)}
.mobile-help-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(125,157,196,.35)}
.mobile-help-sheet-head h3{margin:0;font-size:18px;font-weight:800;color:#1b365d}
.mobile-help-sheet-close{width:40px;height:40px;border-radius:10px;border:1px solid #c0d4ea;background:#fff;color:#1b365d;font-size:22px;line-height:1;cursor:pointer;font-family:inherit}
.mobile-help-sheet-body .help-col-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#4a6fa5;margin-bottom:8px}
.mobile-help-sheet-body .help-menu-btn{width:100%;margin-bottom:8px}
body.mobile-help-sheet-open{overflow:hidden}
.help-security-menu{width:min(92vw,560px);right:-8px;padding:16px}
.help-grid{grid-template-columns:1fr}
.help-grid>div{min-height:auto}
.help-alert-title{font-size:30px}
}
.flex-title{color:#c4e860;background:0 0;-webkit-text-fill-color:#c4e860;font-size:36px}
.logo-brand{margin-left:clamp(95px,9vw,139px)}
.landing-shell{width:min(1120px,92%);margin:0 auto}
.landing-block{padding:56px 0;border-bottom:1px solid rgba(125,157,196,.22)}
.landing-block:last-child{border-bottom:none;padding-bottom:84px}
.hero-grid{display:grid;grid-template-columns:1fr;gap:32px;align-items:center;max-width:1120px}
.hero-faces-preview{justify-self:center;width:100%;max-width:420px}
.hero-faces-preview .faces-stage{width:min(280px,62vw);height:min(280px,62vw);margin-bottom:0}
.hero-title{font-size:clamp(38px, 8vw, 62px);line-height:1.05;letter-spacing:-.03em;margin-bottom:14px;color:#f4f8ff}
.hero-subtitle{font-size:clamp(18px, 2.8vw, 24px);color:#e2ecfb;margin-bottom:20px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.cta-main,.cta-secondary{border:none;border-radius:14px;padding:14px 24px;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.cta-main{background:linear-gradient(135deg,#38689e 0,#223f6f 100%);color:#fff;box-shadow:0 12px 32px rgba(13,28,51,.42)}
.cta-main:hover{transform:translateY(-2px)}
.cta-secondary{background:rgba(196,232,96,.82);color:#102114;border:1px solid rgba(198,230,130,.7)}
.cta-secondary:hover{background:#b1d85d;box-shadow:0 8px 26px rgba(196,232,96,.28)}
.section-title{font-size:clamp(28px, 5vw, 40px);letter-spacing:-.02em;margin-bottom:10px;color:#eef4ff}
.section-copy{color:#d4e2f6;max-width:700px;font-size:16px;line-height:1.6;margin-bottom:26px}
#inicio.view .hero-title{color:#f5f9ff!important}
#inicio.view .hero-subtitle{color:#dce9fb!important}
#inicio.view .section-title{color:#edf4ff!important}
#inicio.view .audience-text,#inicio.view .benefit-text,#inicio.view .bullet-list,#inicio.view .commerce-text,#inicio.view .final-cta p,#inicio.view .section-copy{color:#d4e3f8!important}
.audience-grid,.benefits-grid{display:grid;grid-template-columns:1fr;gap:14px}
.audience-card,.benefit-card,.commerce-card{background:linear-gradient(155deg,rgba(20,33,53,.88),rgba(13,24,39,.88));border:1px solid rgba(125,157,196,.35);border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(7,16,31,.45)}
.benefit-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#c4e860;background:rgba(196,232,96,.14);border:1px solid rgba(196,232,96,.35);margin-bottom:12px}
.audience-title,.benefit-title,.commerce-title{font-size:18px;margin-bottom:8px;color:#e5eefb}
.audience-text,.benefit-text,.commerce-text{color:#d0def2;line-height:1.55;font-size:15px}
.steps-grid{display:grid;grid-template-columns:1fr;gap:14px}
.step-item{background:linear-gradient(155deg,rgba(20,33,53,.88),rgba(13,24,39,.88));border:1px solid rgba(125,157,196,.35);border-radius:16px;padding:16px;display:flex;gap:12px;align-items:center}
.step-number{width:36px;height:36px;border-radius:999px;background:#315785;color:#eaf2ff;display:grid;place-items:center;font-weight:700;flex-shrink:0}
.commerce-grid{display:grid;gap:14px;grid-template-columns:1fr}
.bullet-list{margin-top:8px;display:grid;gap:8px;color:#d0def2;font-size:15px}
.bullet-list span::before{content:"•";color:#84b83d;margin-right:8px;font-weight:700}
.flex-landing-app-download{padding:48px 0 56px}
.flex-landing-app-download-card{border-radius:28px;overflow:hidden;padding:clamp(28px,4vw,48px) clamp(22px,4vw,44px) 0;background:radial-gradient(ellipse 120% 85% at 18% -5%,rgba(196,232,96,.14),transparent 52%),radial-gradient(ellipse 65% 55% at 100% 100%,rgba(71,109,167,.38),transparent 55%),linear-gradient(155deg,rgba(20,35,58,.96) 0,rgba(11,20,36,.99) 50%,#0e1a2e 100%);border:1px solid rgba(125,157,196,.42);box-shadow:0 28px 64px rgba(4,10,24,.58),0 0 0 1px rgba(196,232,96,.07) inset,0 1px 0 rgba(255,255,255,.05) inset}
.flex-landing-app-download-grid{display:grid;grid-template-columns:1fr;gap:clamp(24px,4vw,40px);align-items:stretch}
@media (min-width:900px){
.flex-landing-app-download-grid{grid-template-columns:minmax(0,1fr) minmax(260px,1.08fr);gap:32px 52px}
}
.flex-landing-app-download-eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(196,232,96,.92);margin:0 0 14px}
.flex-landing-app-download-title{font-size:clamp(2.1rem, 5.8vw, 3.5rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 18px;color:#f5f9ff;font-weight:800}
.flex-landing-app-download-lead{margin:0;font-size:clamp(16px, 2.1vw, 18px);line-height:1.65;color:#c8d8f0;max-width:40ch}
.flex-landing-app-download-stores{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:clamp(20px,3vw,28px);width:100%}
.flex-landing-app-download-store-link{display:inline-flex;line-height:0;border-radius:10px;overflow:hidden;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;box-shadow:0 4px 16px rgba(0,0,0,.28)}
.flex-landing-app-download-store-link:hover{transform:translateY(-2px);filter:brightness(1.07)}
.flex-landing-app-download-store-link:focus-visible{outline:2px solid rgba(196,232,96,.92);outline-offset:3px}
.flex-landing-app-download-store-link img{display:block;width:clamp(132px,36vw,200px);height:auto}
.flex-landing-app-download-visual{display:flex;justify-content:center;align-items:flex-end;min-height:0}
.flex-landing-app-download-copy{align-self:start}
.flex-landing-app-download-visual img{width:100%;max-width:min(440px,94vw);height:auto;display:block;background:0 0;filter:drop-shadow(0 32px 52px rgba(0, 0, 0, .5)) drop-shadow(0 10px 24px rgba(27, 54, 93, .35))}
#inicio.view .flex-landing-app-download-lead{color:#d4e3f8!important}
.final-cta{text-align:center;padding-top:8px}
.final-cta h2{font-size:clamp(30px, 6vw, 48px);letter-spacing:-.02em;margin-bottom:12px}
.final-cta p{color:#d4e2f6;margin-bottom:24px;font-size:17px}
html.flex-app-native body{background:radial-gradient(circle at 12% 10%,rgba(71,109,167,.28),transparent 36%),radial-gradient(circle at 82% 0,rgba(196,232,96,.16),transparent 34%),linear-gradient(165deg,#0a1220 0,#0f1c31 45%,#12162c 100%);color:#e6edf3}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible{box-sizing:border-box}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .user-dashboard-main{background:var(--fh-bg);min-height:calc(100dvh - var(--flex-safe-top) - var(--flex-safe-bottom))}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .dashboard-topbar.flex-dash-strip{background:var(--fh-bg)!important;border-bottom:none!important;box-shadow:none!important;padding-top:8px!important}
html.flex-app-native #mobile-menu-overlay,html.flex-app-native body>header{display:none!important}
html.flex-app-native #mobile-menu-overlay{visibility:hidden!important;pointer-events:none!important}
html.flex-app-native .view{padding:calc(22px + env(safe-area-inset-top,0px)) 20px 40px}
html.flex-app-native #inicio.view.active{background:0 0;color:#e6edf3;justify-content:center}
html.flex-app-native #inicio.view .final-cta h2,html.flex-app-native #inicio.view .flex-landing-app-download-title,html.flex-app-native #inicio.view .hero-subtitle,html.flex-app-native #inicio.view .hero-title,html.flex-app-native #inicio.view .section-title{color:#f0f6ff!important}
html.flex-app-native #inicio.view .hero-subtitle{color:#9ab1cf!important;font-weight:500}
html.flex-app-native #inicio.view .audience-text,html.flex-app-native #inicio.view .benefit-text,html.flex-app-native #inicio.view .bullet-list,html.flex-app-native #inicio.view .commerce-text,html.flex-app-native #inicio.view .final-cta p,html.flex-app-native #inicio.view .flex-landing-app-download-lead,html.flex-app-native #inicio.view .section-copy{color:#b4c4de!important}
html.flex-app-native #inicio.view .audience-title,html.flex-app-native #inicio.view .benefit-title,html.flex-app-native #inicio.view .commerce-title{color:#e6edf3!important}
html.flex-app-native #inicio.view .landing-block{border-bottom-color:rgba(48,54,61,.85)}
html.flex-app-native #inicio.view .audience-card,html.flex-app-native #inicio.view .benefit-card,html.flex-app-native #inicio.view .commerce-card{background:var(--card-dark);border:1px solid var(--border-color);box-shadow:0 8px 24px rgba(0,0,0,.25)}
html.flex-app-native #inicio.view .step-item{background:var(--card-dark);border:1px solid var(--border-color);box-shadow:none}
html.flex-app-native #inicio.view .step-number{background:rgba(196,232,96,.12);color:var(--flex-green)}
html.flex-app-native #inicio.view .benefit-icon{background:rgba(196,232,96,.12);border-color:rgba(196,232,96,.35);color:var(--flex-green)}
html.flex-app-native #inicio.view .cta-main,html.flex-app-native #inicio.view .cta-secondary{border-radius:999px;padding:15px 26px;font-size:15px;font-weight:700;letter-spacing:.01em}
html.flex-app-native #inicio.view .cta-main{background:rgba(22,27,34,.85);color:#e6edf3;border:1px solid var(--border-color);box-shadow:none}
html.flex-app-native #inicio.view .cta-main:hover{background:rgba(30,58,95,.45);border-color:rgba(196,232,96,.35);transform:none}
html.flex-app-native #inicio.view .cta-secondary{background:linear-gradient(180deg,#c5e86d 0,#c4e860 52%,#8fbc3a 100%);color:#142109;border:none;box-shadow:0 4px 14px rgba(196,232,96,.35)}
html.flex-app-native #inicio.view .cta-secondary:hover{filter:brightness(1.03);box-shadow:0 6px 18px rgba(196,232,96,.38)}
html.flex-app-native .welcome-hero::before{background:radial-gradient(circle,rgba(196,232,96,.1) 0,rgba(196,232,96,.03) 45%,transparent 72%)}
html.flex-app-native .doodle-face{filter:drop-shadow(0 2px 8px rgba(196, 232, 96, .15))}
@media (max-width:760px){
html.flex-app-native #inicio.view .hero-grid{text-align:center}
html.flex-app-native #inicio.view .hero-actions{justify-content:center;width:100%;max-width:400px;margin-left:auto;margin-right:auto}
html.flex-app-native #inicio.view .hero-actions .cta-main,html.flex-app-native #inicio.view .hero-actions .cta-secondary{flex:1 1 auto;min-width:min(160px,44vw)}
html.flex-app-native .welcome-hero{min-height:240px}
}
.flex-app-welcome-gate{display:none}
html.flex-app-native section.view.guest-only:not(.active){display:none!important;pointer-events:none!important}
html.flex-app-native #inicio.view:not(.active){display:none!important}
html.flex-app-native #inicio.view.active{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;background:linear-gradient(165deg,#0a1220 0,#0f1c31 52%,#12162c 100%);padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));box-sizing:border-box}
html.flex-app-native #loginForm.view.active{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;width:100%;box-sizing:border-box}
html.flex-app-native #inicio.view.active .flex-app-welcome-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 auto;width:100%;max-width:420px;margin:0 auto;min-height:0;padding:max(24px,env(safe-area-inset-top,0px)) 22px max(48px,env(safe-area-inset-bottom,0px));box-sizing:border-box;text-align:center;position:relative;overflow:hidden}
html.flex-app-native #inicio.view .flex-app-welcome-gate .flex-premium-bg{z-index:0}
html.flex-app-native #inicio.view .flex-app-landing-marketing,html.flex-app-native #inicio.view>.landing-shell{display:none!important}
.flex-app-welcome-inner{width:100%;position:relative;z-index:1}
.flex-app-welcome-brand{font-size:clamp(1.85rem, 6vw, 2.25rem);font-weight:800;letter-spacing:-.03em;margin:0 0 14px;line-height:1.12;animation:flex-premium-logo-in .85s ease forwards}
.flex-app-welcome-brand .fb-lime{background:linear-gradient(120deg,#d8f56a 0,#c5e84a 45%,#46963c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.flex-app-welcome-brand .fb-navy{color:#f4f7fb}
.flex-app-welcome-hi{font-size:1.2rem;font-weight:600;margin:0 0 6px;color:#f4f7fb}
html.flex-app-native .flex-app-welcome-hi{color:#f4f7fb}
.flex-app-welcome-tag{font-size:.94rem;font-weight:500;margin:0 auto 28px;line-height:1.5;max-width:22rem;color:#b4c2d4}
html.flex-app-native .flex-app-welcome-tag{color:#b4c2d4}
.flex-app-login-field-label{display:block;text-align:left;font-size:.8rem;font-weight:600;margin-bottom:8px;letter-spacing:.04em;text-transform:uppercase;color:#b4c2d4}
html.flex-app-native .flex-app-login-field-label{color:#b4c2d4}
.flex-app-login-select{width:100%;min-height:52px;padding:12px 44px 12px 14px;font-size:1rem;font-weight:600;border-radius:14px;appearance:none;background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}
html.flex-app-native .flex-app-login-select{background-color:rgba(47,74,112,.55);border:1px solid rgba(255,255,255,.12);color:#f4f7fb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c5e84a' d='M1.4 0L6 4.6 10.6 0 12 1.4l-6 6-6-6z'/%3E%3C/svg%3E")}
html.flex-app-native .flex-app-login-select option{background:#161b22;color:#e6edf3}
html.flex-app-native .flex-app-login-select:focus{outline:2px solid rgba(196,232,96,.45);outline-offset:2px;border-color:rgba(196,232,96,.55)}
html.flex-app-native .flex-app-welcome-footer{color:#8b949e}
html.flex-app-native .flex-app-link-reg{color:var(--flex-green)}
html.flex-app-native .flex-app-link-reg:active{color:#c8ea7a}
.flex-app-login-continue{width:100%;min-height:52px;margin-top:18px;border:none;border-radius:14px;font-size:1rem;font-weight:700;letter-spacing:.02em;cursor:pointer;background:linear-gradient(180deg,#c5e84a 0,#46963c 100%);color:#0a1220;box-shadow:0 8px 24px rgba(70,150,60,.28);transition:filter .15s ease,opacity .15s ease}
.flex-app-login-continue:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.25);box-shadow:none}
.flex-app-login-continue.flex-app-login-continue--ready:active,.flex-app-login-continue:not(:disabled):active{filter:brightness(.96)}
.flex-app-login-continue.flex-app-login-continue--ready{opacity:1;filter:none;box-shadow:0 8px 24px rgba(70,150,60,.28)}
.flex-app-welcome-footer{margin-top:28px;font-size:.95rem}
.flex-app-link-reg{display:inline;padding:0;margin:0;border:none;background:0 0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}
@media (prefers-reduced-motion:reduce){
body{animation:none}
#loginForm.view::before,#miNegocioLogin.view::before,#miNegocioMenu.view::before,#miNegocioRegistro.view::before,#registroForm.view::before,#registroOtpChoice.view::before,#registroOtpVerify.view::before,#registroScan.view::before,.welcome-hero .faces-stage .doodle-face{animation:none!important}
}
@media (max-width:820px){
body{animation:none}
#loginForm.view::before,#miNegocioLogin.view::before,#miNegocioMenu.view::before,#miNegocioRegistro.view::before,#registroForm.view::before,#registroOtpChoice.view::before,#registroOtpVerify.view::before,#registroScan.view::before{animation:none!important}
}
@media (min-width:780px){
.hero-grid{grid-template-columns:1.05fr 0.95fr;gap:40px}
.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.flex-alert-overlay{position:fixed;inset:0;background:rgba(5,10,20,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:5000;display:none;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity 180ms ease}
.flex-alert-overlay.is-visible{display:flex;opacity:1}
.flex-alert-card{background:linear-gradient(180deg,#161b22 0,#11161d 100%);border:1px solid rgba(196,232,96,.28);border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.02) inset;color:#e6edf3;width:min(420px,100%);padding:26px 24px 22px;text-align:center;transform:translateY(8px) scale(.98);opacity:0;transition:transform 220ms cubic-bezier(.2, .8, .2, 1),opacity 220ms ease}
.flex-alert-overlay.is-visible .flex-alert-card{transform:translateY(0) scale(1);opacity:1}
.flex-alert-icon{width:56px;height:56px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#0d1117;background:linear-gradient(135deg,var(--flex-green) 0,var(--flex-dark-green) 100%);box-shadow:0 6px 22px rgba(196,232,96,.35)}
.flex-alert-card[data-type=error] .flex-alert-icon{background:linear-gradient(135deg,#ff7676 0,var(--error-red) 100%);color:#fff;box-shadow:0 6px 22px rgba(248,81,73,.35)}
.flex-alert-card[data-type=info] .flex-alert-icon{background:linear-gradient(135deg,#6fb1ff 0,#4f8be0 100%);color:#0d1117;box-shadow:0 6px 22px rgba(111,177,255,.3)}
.flex-alert-title{font-size:17px;font-weight:600;margin-bottom:6px;color:#fff}
.flex-alert-message{font-size:15px;line-height:1.45;color:#c9d1d9;white-space:pre-line;margin-bottom:18px}
.flex-alert-actions{display:flex;justify-content:center}
.flex-alert-btn{background:linear-gradient(135deg,var(--flex-green) 0,var(--flex-dark-green) 100%);color:#0d1117;border:none;border-radius:10px;padding:10px 28px;font-size:15px;font-weight:600;cursor:pointer;min-width:120px;transition:transform 120ms ease,box-shadow 120ms ease,filter 120ms ease}
.flex-alert-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(196,232,96,.35);filter:brightness(1.05)}
.flex-alert-btn:active{transform:translateY(0);filter:brightness(.95)}
.flex-alert-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible{flex-direction:column!important;width:100%!important;max-width:100%!important;min-height:100dvh;height:100dvh;max-height:100dvh;overflow:hidden}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .user-sidebar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;height:auto!important;flex-shrink:0;border-right:none!important;box-shadow:none!important}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .user-dashboard-main{margin-left:0!important;width:100%!important;max-width:100%!important;flex:1 1 auto;min-height:0}
html.flex-app-native #user-dashboard.flex-dash-premium #dash-inicio.dashboard-panel,html.flex-app-native #user-dashboard.flex-dash-premium .dashboard-panel.active{max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;z-index:200;flex-direction:row!important}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .sidebar-link{flex:1 1 0;min-width:0;flex-direction:column;align-items:center}
html.flex-app-native #user-dashboard.flex-dash-premium .flex-home-prem,html.flex-app-native #user-dashboard.flex-dash-premium .flex-home-prem>*{max-width:100%!important;width:100%!important}
html.flex-app-native.flex-native-kb-open #user-dashboard.flex-dash-premium.is-visible{min-height:100vh!important;height:auto!important;max-height:none!important;overflow:visible!important}
html.flex-app-native.flex-native-kb-open #user-dashboard.flex-dash-premium.is-visible .user-dashboard-main{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))!important}
html.flex-app-native.flex-native-kb-open #user-dashboard.flex-dash-premium.is-visible .dashboard-scroll{padding-bottom:18px!important}
html.flex-app-native.flex-native-kb-open #user-dashboard.flex-dash-premium.is-visible .sidebar-nav{display:none!important}
html.flex-app-native.flex-native-kb-open #dash-negocio .cajero-embed-card,html.flex-app-native.flex-native-kb-open #dash-negocio .dash-negocio-acceso{scroll-margin-bottom:190px}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .user-dashboard-main{overflow:hidden!important;min-height:0!important}
html.flex-app-native #user-dashboard.flex-dash-premium.is-visible .dashboard-scroll{overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--flex-native-nav-reserve,96px) + env(safe-area-inset-bottom,0px))!important}
html.flex-app-native #user-dashboard.flex-dash-premium.flex-dash-on-inicio.is-visible .user-dashboard-main{overflow:hidden!important;padding-bottom:0!important}
html.flex-app-native #user-dashboard.flex-dash-premium .flex-home-sec--activity{margin-bottom:4px}
#inicio .hero-faces-preview .doodle-face,#inicio .hero-faces-preview .doodle-face *,#inicio .hero-faces-preview .faces-stage{cursor:default;-webkit-tap-highlight-color:transparent}
html.flex-classified-open{overflow:hidden}
.flex-classified-overlay{position:fixed;inset:0;z-index:2147483600;display:none;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}
.flex-classified-overlay.is-open{display:flex}
.flex-classified-overlay[hidden]{display:none!important}
.flex-classified-backdrop{position:absolute;inset:0;background:rgba(4,8,14,.92);backdrop-filter:blur(6px)}
.flex-classified-reveal,.flex-classified-terminal{position:relative;z-index:1;width:min(520px,96vw);max-height:min(92vh,900px);overflow:auto}
.flex-classified-terminal{background:#0a0f14;border:1px solid rgba(183,230,58,.35);border-radius:14px;padding:22px 20px 18px;box-shadow:0 0 0 1px rgba(183,230,58,.08) inset,0 24px 60px rgba(0,0,0,.55),0 0 40px rgba(183,230,58,.06)}
.flex-classified-terminal-out{margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Monaco,Consolas,monospace;font-size:clamp(12px, 3.2vw, 14px);line-height:1.55;color:#b7e63a;white-space:pre-wrap;word-break:break-word}
.flex-classified-progress-wrap{height:6px;border-radius:999px;background:rgba(183,230,58,.12);overflow:hidden}
.flex-classified-progress-bar{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,#46963c,#b7e63a);transition:width 80ms linear}
.flex-classified-progress-label{margin:10px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#8fa3bc;text-align:right}
.flex-classified-reveal{background:linear-gradient(165deg,#0f1620 0,#0a1220 100%);border:1px solid rgba(183,230,58,.28);border-radius:18px;padding:18px 18px 22px;box-shadow:0 28px 70px rgba(0,0,0,.6);animation:flexClassifiedRevealIn .55s ease}
.flex-classified-reveal.is-visible{animation:flexClassifiedRevealIn .55s ease}
@keyframes flexClassifiedRevealIn{
from{opacity:0;transform:scale(.96) translateY(8px)}
to{opacity:1;transform:scale(1) translateY(0)}
}
.flex-classified-reveal-kicker{margin:0 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b7e63a}
.flex-classified-figure{margin:0}
.flex-classified-figure img{display:block;width:100%;max-height:min(68vh,640px);object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.flex-classified-figure figcaption{margin-top:12px;font-size:13px;color:#b4c2d4;text-align:center;line-height:1.45}
.flex-classified-close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.04);color:#f4f7fb;font-size:22px;line-height:1;cursor:pointer;z-index:2}
.flex-classified-close:hover{background:rgba(183,230,58,.12);border-color:rgba(183,230,58,.35)}