@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Audiowide&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow+Condensed:wght@700;800&display=swap";body.main-page{--bg: #f6f8fb}body.dark-mode{--bg: #0e1116}body.main-page .dashboard-scope,body.dark-mode .dashboard-scope{min-height:100svh;background:var(--bg);display:flex;flex-direction:column}.dashboard-scope .content-wrapper{width:min(1240px,96vw);margin-inline:auto;padding:2rem clamp(12px,2vw,32px) 2.5rem}.dashboard-scope .user-menu{position:sticky;top:10px;z-index:100;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:8px 10px;margin-bottom:14px;border-radius:999px;flex-wrap:wrap;background:#ffffffb3;border:1px solid rgba(15,23,42,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 24px #0f172a14}body.dark-mode .dashboard-scope .user-menu{background:#0d111799;border-color:#ffffff14;box-shadow:0 12px 28px #00000059}.dashboard-scope .user-menu span{display:inline-flex;align-items:center;justify-content:center;height:40px;min-width:40px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.12);font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0000000f}.dashboard-scope .title-center{text-align:center;margin:1rem 0}body.main-page .dashboard-scope .main-title{color:#0f172a}.dashboard-scope .main-title{font-size:clamp(1.3rem,1.2rem + 1.2vw,2.2rem);font-weight:800;letter-spacing:.03em;margin:0}.dashboard-scope .search-box{display:flex;justify-content:center;margin:0 0 1.5rem}.dashboard-scope .search-box input{width:clamp(280px,64vw,1200px);height:46px;padding:0 1rem;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff}body.dark-mode .dashboard-scope .search-box input{background:#12161d;border-color:#2a3444;color:#e8eef5}.dashboard-scope .search-box input::placeholder{opacity:.7}.dashboard-scope .pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem}.dashboard-scope .pagination button{padding:.5rem .8rem;border-radius:10px;border:1px solid rgba(0,0,0,.1);background:#fff}body.dark-mode .dashboard-scope .pagination button{background:#12161d;border-color:#2a3444;color:#e8eef5}.dashboard-scope .products{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-w),1fr));gap:24px;justify-items:center;align-items:start;padding:4px}.dashboard-scope .product-slot{width:100%;display:flex;justify-content:center}.dashboard-scope .product-slot>*{width:100%;max-width:var(--card-w);box-sizing:border-box}.dashboard-scope .footer{margin-top:auto;width:100%;background:#000;color:#fff;text-align:center;padding:24px 16px}.dashboard-scope .footer .social{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.dashboard-scope .footer .social a{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.dashboard-scope .footer .social .social-icon{width:22px;height:22px}@media (max-width: 768px){.dashboard-scope .content-wrapper{padding:1.5rem .75rem 2rem}.dashboard-scope .products{gap:20px}}@media (max-width: 640px){.dashboard-scope .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;padding-inline:10px;justify-items:stretch}.dashboard-scope .product-slot{padding:6px;overflow:hidden;isolation:isolate;border-radius:12px}.dashboard-scope .product-slot>*{width:100%;max-width:none}}@media (max-width: 380px){.dashboard-scope .products{gap:10px;padding-inline:6px}.dashboard-scope .product-slot{padding:4px}}@media (min-width: 1400px){.dashboard-scope .content-wrapper{width:min(1400px,96vw)}}@media (min-width: 1920px){.dashboard-scope .content-wrapper{width:min(1600px,96vw)}}.dashboard-scope,.dashboard-scope *{box-sizing:border-box}.dashboard-scope{--card-w: clamp(280px, 28vw, 380px)}.dashboard-scope .products{grid-template-columns:repeat(auto-fit,minmax(var(--card-w),1fr))}@media (min-width: 561px) and (max-width: 900px){.dashboard-scope .products{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.dashboard-scope{--page-x: -1px;--grid-x: -1px;--grid-gap: 1px;--slot-pad: 1px}@media (max-width: 640px){.dashboard-scope .content-wrapper{padding-left:var(--page-x)!important;padding-right:var(--page-x)!important}.dashboard-scope .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--grid-gap)!important;padding-left:var(--grid-x)!important;padding-right:var(--grid-x)!important;justify-items:stretch!important}.dashboard-scope .product-slot{padding:var(--slot-pad)!important}.dashboard-scope .product-slot>*{width:100%!important;max-width:none!important}}.dashboard-scope .proveedor-label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dashboard-scope .proveedor-label br{display:none!important}@media (max-width: 640px){.dashboard-scope .proveedor-label{white-space:nowrap;overflow:visible;text-overflow:clip;font-size:clamp(10px,2.7vw,12px);line-height:1.2;letter-spacing:.1px;min-width:0}}@media (max-width: 640px){.dashboard-scope .user-menu{width:100%;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;white-space:nowrap;gap:8px;padding:6px 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.dashboard-scope .user-menu::-webkit-scrollbar{display:none}.dashboard-scope .user-menu span{flex:0 0 auto;height:36px;min-width:36px;padding:0 10px;font-size:13px}.dashboard-scope .user-menu span:last-child{margin-left:auto;position:sticky;right:0}.dashboard-scope .user-menu:before,.dashboard-scope .user-menu:after{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none}.dashboard-scope .user-menu:before{left:0;background:linear-gradient(to right,#f6f8fb,#f6f8fb00)}.dashboard-scope .user-menu:after{right:0;background:linear-gradient(to left,#f6f8fb,#f6f8fb00)}body.dark-mode .dashboard-scope .user-menu:before{background:linear-gradient(to right,#0e1116,#0e111600)}body.dark-mode .dashboard-scope .user-menu:after{background:linear-gradient(to left,#0e1116,#0e111600)}}@media (min-width: 1200px){.dashboard-scope .content-wrapper{width:min(1500px,96vw)}.dashboard-scope .products{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:20px}.dashboard-scope .product-slot>*{max-width:none}}@media (min-width: 1400px){.dashboard-scope .content-wrapper{width:min(1600px,96vw)}.dashboard-scope .products{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media (min-width: 1680px){.dashboard-scope .content-wrapper{width:min(1800px,96vw)}.dashboard-scope .products{grid-template-columns:repeat(7,minmax(0,1fr))!important}}.dashboard-scope{--accent: #2563eb;--accent-2: #60a5fa;--surface: #ffffff;--muted: #64748b}body.main-page .dashboard-scope{background:radial-gradient(1200px 420px at 50% -220px,rgba(37,99,235,.08),transparent 60%),linear-gradient(to bottom,rgba(15,23,42,.04),transparent 140px),var(--bg)!important}body.dark-mode .dashboard-scope{background:radial-gradient(1200px 420px at 50% -220px,rgba(59,130,246,.14),transparent 60%),linear-gradient(to bottom,rgba(255,255,255,.04),transparent 140px),var(--bg)!important}.dashboard-scope .user-menu{border-radius:999px;background:#ffffffbf;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 24px #0f172a14,inset 0 1px #ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.dark-mode .dashboard-scope .user-menu{background:#11161d8c;border-color:#ffffff1a;box-shadow:0 12px 32px #00000085,inset 0 1px #ffffff0f}.dashboard-scope .user-menu span{background:#fff;border:1px solid rgba(15,23,42,.1);box-shadow:0 2px 6px #0000000f;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.dashboard-scope .user-menu span:hover{transform:translateY(-2px);box-shadow:0 10px 18px #0f172a1f;border-color:#0f172a2e}.dashboard-scope .user-menu span:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}body.dark-mode .dashboard-scope .user-menu span{background:#171c23;border-color:#2a3444;color:#e8eef5}.dashboard-scope .main-title{letter-spacing:.06em;text-transform:uppercase;text-align:center;color:#0f172a;text-shadow:0 1px 0 rgba(255,255,255,.4)}body.dark-mode .dashboard-scope .main-title{color:#e8eef5}.dashboard-scope .search-box input{background:var(--surface);border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px #fff9,0 10px 24px #0f172a0f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.dashboard-scope .search-box input:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px #60a5fa40,0 12px 28px #0f172a1a;outline:none}body.dark-mode .dashboard-scope .search-box input{background:#0f131a;border-color:#2a3444;box-shadow:inset 0 1px #ffffff0a,0 10px 28px #00000080}body.dark-mode .dashboard-scope .search-box input:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px #60a5fa47}.dashboard-scope .pagination{gap:.75rem}.dashboard-scope .pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:42px;height:42px;font-weight:700;box-shadow:0 2px 10px #0f172a0f;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.dashboard-scope .pagination button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0f172a1a;border-color:#cbd5e1}.dashboard-scope .pagination button[aria-current=page],.dashboard-scope .pagination .active{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#fff;border-color:transparent;box-shadow:0 8px 18px #3b82f647}body.dark-mode .dashboard-scope .pagination button{background:#12161d;border-color:#2a3444;color:#e8eef5;box-shadow:0 2px 10px #00000059}body.dark-mode .dashboard-scope .pagination button[aria-current=page],body.dark-mode .dashboard-scope .pagination .active{background:linear-gradient(180deg,#60a5fa,#2563eb);color:#fff}.dashboard-scope .footer{background:#0b1320;color:#e2e8f0}.dashboard-scope .footer .social a{border-color:#ffffff47;transition:transform .12s ease,background .12s ease,border-color .12s ease}.dashboard-scope .footer .social a:hover{transform:translateY(-2px);background:#ffffff14;border-color:#ffffff61}@property --rail-parallax{syntax: "<length>"; inherits: true; initial-value: 0px;}.landing{--bg:#0a0b0f;--wave:#121316;--tile:120px;--fg:#f2f5f9;--muted:#99a3b3;--primary:#3cff7c;--primary-2:#b5ff47;--shadow: 0 10px 30px rgba(0,0,0,.45);--rail-width: 220px;--rail-height: 86vh;--rail-offset: 18px;--rail-parallax: 0px;min-height:100dvh;display:flex;flex-direction:column;color:var(--fg);font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;position:relative;isolation:isolate;background:var(--bg);-webkit-text-size-adjust:100%}@supports (animation-timeline: scroll()){.landing{animation:railShift linear both;animation-timeline:scroll(root block);animation-duration:1s}@keyframes railShift{0%{--rail-parallax: -60px}to{--rail-parallax: 60px}}}.landing:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(50% 50% at 0% 50%,var(--wave) 26%,transparent 27%) calc(var(--tile)/-2) 0/var(--tile) var(--tile),radial-gradient(50% 50% at 100% 50%,var(--wave) 26%,transparent 27%) calc(var(--tile)/ 2) 0/var(--tile) var(--tile),radial-gradient(50% 50% at 50% 0%,var(--wave) 26%,transparent 27%) 0 calc(var(--tile)/-2)/var(--tile) var(--tile),radial-gradient(50% 50% at 50% 100%,var(--wave) 26%,transparent 27%) 0 calc(var(--tile)/ 2)/var(--tile) var(--tile),var(--bg);opacity:.98}.landing:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 1800' preserveAspectRatio='xMidYMid slice'>  <defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'>    <stop offset='0' stop-color='%233cff7c'/><stop offset='1' stop-color='%23b5ff47'/>  </linearGradient><filter id='s'><feDropShadow dx='0' dy='6' stdDeviation='8' flood-color='%23000000' flood-opacity='0.35'/></filter></defs>  <g font-family='Impact, Arial Black, Arial, sans-serif' font-weight='900' text-anchor='middle' dominant-baseline='central'>    <text x='700' y='900' fill='%23080a0d' opacity='0.55' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(28 28)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='%23080a0d' opacity='0.50' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(22 22)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='%23080a0d' opacity='0.46' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(16 16)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='%23080a0d' opacity='0.42' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(10 10)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='%23080a0d' opacity='0.38' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(6 6)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='url(%23g)' font-size='200' letter-spacing='10' transform='rotate(-90 700 900)' stroke='%23000000' stroke-opacity='0.28' stroke-width='16' filter='url(%23s)'>AXEL%20AC%20STREAMING</text>  </g></svg>") left var(--rail-offset) top calc(50% + var(--rail-parallax))/var(--rail-width) var(--rail-height) no-repeat,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 1800' preserveAspectRatio='xMidYMid slice'>  <defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'>    <stop offset='0' stop-color='%233cff7c'/><stop offset='1' stop-color='%23b5ff47'/>  </linearGradient><filter id='s'><feDropShadow dx='0' dy='6' stdDeviation='8' flood-color='%23000000' flood-opacity='0.35'/></filter></defs>  <g font-family='Impact, Arial Black, Arial, sans-serif' font-weight='900' text-anchor='middle' dominant-baseline='central'>    <text x='700' y='900' fill='%23080a0d' opacity='0.55' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(28 28)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='%23080a0d' opacity='0.50' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(22 22)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='%23080a0d' opacity='0.46' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(16 16)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='%23080a0d' opacity='0.42' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(10 10)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='%23080a0d' opacity='0.38' font-size='200' letter-spacing='10' transform='rotate(-90 700 900) translate(6 6)'>AXEL%20AC%20STREAMING</text>    <text x='700' y='900' fill='url(%23g)' font-size='200' letter-spacing='10' transform='rotate(-90 700 900)' stroke='%23000000' stroke-opacity='0.28' stroke-width='16' filter='url(%23s)'>AXEL%20AC%20STREAMING</text>  </g></svg>") right var(--rail-offset) top calc(50% - var(--rail-parallax))/var(--rail-width) var(--rail-height) no-repeat,radial-gradient(1200px 600px at 15% -10%,rgba(60,255,124,.2),transparent 60%),radial-gradient(900px 400px at 85% 110%,rgba(181,255,71,.12),transparent 60%),radial-gradient(700px 220px at 50% -40px,rgba(255,255,255,.06),transparent 70%)}@media (max-width: 1200px){.landing:after{background:none}}.landing *{box-sizing:border-box}@media (prefers-reduced-motion: reduce){.landing *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}.landing .ln-shell{width:min(1200px,92%);margin:96px auto 56px;position:relative;z-index:1}.landing .ln-shell:before{content:"";position:absolute;inset:-22px;z-index:-1;border-radius:26px;box-shadow:0 30px 80px #00000073}.landing .ln-header{position:sticky;top:0;z-index:70;-webkit-backdrop-filter:saturate(1.1) blur(10px);backdrop-filter:saturate(1.1) blur(10px)}.landing .ln-bar{display:flex;align-items:center;gap:16px;background:linear-gradient(180deg,#ffffff0f,#fff0);background-color:#0e1117b3;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);border-radius:24px;padding:12px 16px;margin:14px auto 0;width:min(1200px,92%)}.landing .ln-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.landing .ln-logo img{width:34px;height:34px;object-fit:contain}.landing .ln-logo span{font-weight:800;letter-spacing:.2px;background:linear-gradient(90deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent}.landing .ln-nav{display:flex;align-items:center;gap:16px;margin-left:auto}.landing .ln-nav a{color:var(--fg);text-decoration:none;font-weight:600;padding:10px 12px;border-radius:12px;opacity:.88;transition:all .2s ease}.landing .ln-nav a:hover{opacity:1;background:#ffffff0f}.landing .ln-login{display:inline-flex;align-items:center;gap:8px;border:1px solid rgb(81,255,0);background:linear-gradient(180deg,#21df10e5,#02fc4000)}.landing .ln-login img{width:18px;height:18px}.landing .ln-burger{display:none;margin-left:auto;font-size:20px;line-height:1;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--fg);cursor:pointer}@media (max-width: 900px){.landing .ln-nav{display:none}.landing.is-open .ln-nav{position:fixed;left:14px;right:14px;top:70px;display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#0e1117f2;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.landing .ln-burger{display:block}}.landing .ln-hero-head .ln-hello{color:var(--muted);font-weight:600;letter-spacing:.3px}.landing .ln-hero-head h1{margin:.15em 0 .35em;font-size:44px;line-height:1.05;font-weight:900;letter-spacing:.2px;background:linear-gradient(90deg,#e7ffee,#b8ff7a 50%,#59f38b);-webkit-background-clip:text;background-clip:text;color:transparent}.landing .ln-hero-head .ln-sub{color:#c7d0dc;max-width:55ch}.landing .ln-hero--bg{border-radius:28px;border:1px solid rgba(60,255,124,.22);box-shadow:0 12px 32px #0000008c,0 0 0 1px #3cff7c1f inset,0 0 36px #3cff7c1f;position:relative;overflow:hidden;isolation:isolate}.landing .ln-hero--bg:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 48px #3cff7c29}.landing .ln-promos{margin:24px 0 8px;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#ffffff05)}.landing .ln-promo{min-width:280px;aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:16px;background:#0f131a;border:1px solid rgba(255,255,255,.08)}.landing .ln-promo img{width:100%;height:100%;object-fit:cover;display:block}.landing .ln-footer{margin-top:auto;padding:26px 0 40px;text-align:center;color:#9fb0c8}.landing .ln-wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px;display:grid;place-items:center;text-decoration:none;background:radial-gradient(circle at 30% 30%,var(--primary-2),var(--primary));color:#0b1013;font-size:22px;font-weight:900;border-radius:50%;border:1px solid rgba(60,255,124,.65);box-shadow:0 12px 30px #3cff7c40;z-index:80;transition:transform .12s ease,box-shadow .2s ease}.landing .ln-wa:hover{transform:translateY(-2px);box-shadow:0 16px 36px #3cff7c59}.landing *{scrollbar-width:thin;scrollbar-color:#3cff7c20 transparent}.landing *::-webkit-scrollbar{height:10px;width:10px}.landing *::-webkit-scrollbar-thumb{background:#3cff7c1f;border-radius:20px;border:2px solid transparent;background-clip:padding-box}.landing *::-webkit-scrollbar-track{background:transparent}.landing .tc-overlay{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:24px;background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.landing .tc-overlay.is-open{display:flex}.landing .tc-modal{width:min(860px,92vw);max-height:84vh;overflow:auto;background:#0b0f14;border:1px solid rgba(60,255,124,.25);border-radius:16px;box-shadow:0 20px 60px #0009;padding:22px 22px 26px;color:#eaf7ef}.landing .tc-modal h2{margin:0 0 8px;font-size:22px}.landing .tc-modal h3{margin:18px 0 8px;font-size:16px;color:#b9ffb9}.landing .tc-modal p{margin:6px 0;color:#d8e7df;line-height:1.45}.landing .tc-close{position:sticky;top:0;margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;border-radius:10px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.18)}.landing .ln-ticker{position:relative;overflow:hidden;border-radius:18px;border:1.5px solid rgba(60,255,124,.28);background:radial-gradient(120% 180% at 10% 0%,#3cff7c1f,#b5ff4712),#080b0ee6;box-shadow:inset 0 0 0 1px #3cff7c1f,0 10px 26px #0000007a,0 0 24px #3cff7c1a;padding:10px 0}.landing .ln-ticker:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 48px #3cff7c2e;border-radius:inherit}.landing .ln-ticker__track{display:flex;gap:36px;width:max-content;white-space:nowrap;will-change:transform;animation:lnTickerMove 26s linear infinite;padding:8px 22px}.landing .ln-ticker__track.is-paused{animation-play-state:paused}.landing .ln-ticker__item{font-family:Bebas Neue,Audiowide,Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(20px,2.8vw,36px);line-height:1;letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(90deg,var(--primary),var(--primary-2));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 6px rgba(60,255,124,.55),0 0 16px rgba(181,255,71,.28),0 2px 10px rgba(0,0,0,.35);opacity:.98}.landing .ln-ticker__item--cta{padding:6px 14px;margin:0 6px;border-radius:999px;border:1px solid rgba(60,255,124,.38);box-shadow:0 0 20px #3cff7c40,inset 0 0 8px #3cff7c2e;background:#3cff7c14}@keyframes lnTickerMove{to{transform:translate(-50%)}}.ln-access--neon{--speed: 25s;--gap: 56px;position:relative;overflow:hidden;margin:10px auto 0;padding:10px 16px;border-radius:16px;background:radial-gradient(120% 120% at 0% 50%,rgba(46,255,117,.1),transparent 60%),linear-gradient(180deg,#0e131a,#0b0f15);border:1px solid rgba(74,255,151,.28);box-shadow:0 10px 30px #2eff751a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:none;mask-image:none}.ln-access-marquee__item{display:inline-flex;align-items:center;gap:var(--gap);will-change:transform;padding-left:100%;animation:marquee-loop var(--speed) linear infinite;font-family:Bebas Neue,Barlow Condensed,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(180deg,#fff 0% 45%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(72,255,140,.3),0 0 22px rgba(72,255,140,.18)}.ln-access-marquee__item:after{content:attr(data-text);white-space:pre;padding-left:var(--gap)}.ln-access--neon a,.ln-access--neon a:link,.ln-access--neon a:visited,.ln-access--neon a:active{color:inherit;text-decoration:none;font-weight:800;border-bottom:1px dashed rgba(255,255,255,.35)}.ln-access--neon a:hover{border-bottom-color:#ffffffe6}@keyframes marquee-loop{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 1024px){.landing .ln-shell{width:min(1000px,94%);margin:84px auto 44px}.landing .ln-hero-head h1{font-size:38px}.landing .ln-promos{border-radius:18px}.landing .ln-promo{min-width:240px;aspect-ratio:4/3;border-radius:14px}}@media (max-width: 700px){.landing .ln-shell{width:94%;margin:78px auto 36px}.landing .ln-bar{width:94%;border-radius:18px;padding:10px 12px}.landing .ln-logo img{width:30px;height:30px}.landing .ln-hero-head h1{font-size:30px}.landing .ln-hero-head .ln-sub{font-size:14px}.landing .ln-promos{border-radius:16px}.landing .ln-promo{min-width:190px;aspect-ratio:1/1;border-radius:12px}.landing .ln-wa{width:50px;height:50px;font-size:20px}.landing .ln-ticker__track{gap:22px;padding:6px 14px}.landing .ln-ticker__item{font-size:clamp(16px,4.4vw,26px);letter-spacing:.6px}}@media (max-width: 420px){.landing .ln-shell{width:92%;margin:72px auto 30px}.landing .ln-bar{width:92%}.landing .ln-hero-head h1{font-size:26px}.landing .ln-promo{min-width:170px}.landing .ln-wa{width:46px;height:46px;font-size:18px}}@media (prefers-reduced-motion: reduce){.landing .ln-ticker__track,.ln-access--neon .ln-access-marquee__item{animation:none}}.ln-access-banner{background:transparent;border:0;padding:0;margin:10px auto 0;font-size:.95rem;line-height:1.35;box-shadow:none;color:#e5e7eb}.ln-access-banner a,.ln-access-banner a:link,.ln-access-banner a:visited,.ln-access-banner a:hover,.ln-access-banner a:active{color:inherit;text-decoration:none;font-weight:700}.ln-access-banner a:hover{text-decoration:underline}.ln-access--neon{--speed: 25s;--gap: 56px;position:relative;overflow:hidden;margin:10px auto 0;padding:10px 16px;border-radius:16px;background:radial-gradient(120% 120% at 0% 50%,rgba(46,255,117,.1),transparent 60%),linear-gradient(180deg,#0e131a,#0b0f15);border:1px solid rgba(74,255,151,.28);box-shadow:0 10px 30px #2eff751a,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ln-access-marquee__track{white-space:nowrap;overflow:hidden}.ln-access-marquee__item{display:inline-flex;align-items:center;gap:var(--gap);will-change:transform;font-family:Bebas Neue,Barlow Condensed,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.25rem;letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(180deg,#fff 0% 45%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(72,255,140,.3),0 0 22px rgba(72,255,140,.18)}.ln-access--neon.ln-single .ln-access-marquee__item{padding-left:100%;gap:0;animation:marquee-single var(--speed) linear infinite}.ln-access--neon.ln-single .ln-access-marquee__item:after{content:none}@keyframes marquee-single{0%{transform:translate(0)}to{transform:translate(-100%)}}.ln-access--neon.is-paused .ln-access-marquee__item{animation-play-state:paused}@media (max-width: 640px){.ln-access--neon{padding:8px 12px}.ln-access--neon .ln-access-marquee__item{font-size:1.05rem}}.ln-section-title{margin:0 0 12px;font-weight:900;font-size:clamp(18px,2.6vw,28px);letter-spacing:.3px}.ln-social3-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}@media (max-width: 720px){.ln-social3-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}.ln-social3-btn{--accent: #6aa2ff;--accent-alpha: rgba(106,162,255,.25);display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;border-radius:18px;background:#0f131a;color:#e7ebf3;border:1px solid #363a42;text-decoration:none;font-weight:800;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.ln-social3-btn:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha)}.ln-social3-btn:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ln-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;background:#ffffff0d;border:1px solid #2a2f38}.ln-icon svg{width:30px;height:30px}.ln-social3-btn[data-brand=facebook]{--accent:#1778F2;--accent-alpha: rgba(23,120,242,.25)}.ln-social3-btn[data-brand=telegram]{--accent:#229ED9;--accent-alpha: rgba(34,158,217,.25)}.ln-social3-btn[data-brand=whatsapp]{--accent:#25D366;--accent-alpha: rgba(37,211,102,.25)}html,body{height:100%;margin:0;padding:0;background:#0a0b0f}.landing{display:flex;flex-direction:column;min-height:100vh;position:relative;background-color:#0a0b0f}body.auth-page,body.auth-page *,body.auth-page *:before,body.auth-page *:after{box-sizing:border-box;margin:0;padding:0}body.auth-page{--bg-0: #121212;--bg-1: #1b1b1b;--card: rgba(40, 40, 40, .95);--text: #f4f4f4;--muted: #bdbdbd;--link: #00e5c0;--link-hover: #1eb6ff;--notice-bg: rgba(250, 204, 21, .08);--notice-bd: rgba(250, 204, 21, .2);--stripe-w: 28px}body.auth-page{font-family:Poppins,Arial,sans-serif;color:var(--text);min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at center,var(--bg-1) 0%,var(--bg-0) 100%)}body.auth-page .auth-container{width:min(100%,420px);padding:0 10px}body.auth-page .login-box,body.auth-page .register-box{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px 30px;border-radius:15px;box-shadow:0 8px 25px #00000073;width:100%;max-width:370px;animation:auth-fade-in .6s ease-in-out;transition:transform .3s ease}body.auth-page .login-box:hover,body.auth-page .register-box:hover{transform:translateY(-3px)}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.auth-page .login-box h2,body.auth-page .register-box h2{text-align:center;margin-bottom:22px;font-size:1.6rem;letter-spacing:.5px;font-weight:600;color:#fff}body.auth-page form{display:flex;flex-direction:column}body.auth-page .login-box label,body.auth-page .register-box label{margin:10px 0 5px;font-size:14px;color:var(--muted)}body.auth-page .login-box input,body.auth-page .register-box input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid transparent;background-color:#edf2ff;font-size:14px;color:#000;transition:box-shadow .25s ease,border-color .25s ease}body.auth-page .login-box input:focus,body.auth-page .register-box input:focus{border-color:#00d4ff;box-shadow:0 0 6px #00d4ff80;outline:none}body.auth-page .login-box button,body.auth-page .register-box button{width:100%;padding:12px;margin-top:20px;background:linear-gradient(90deg,#00b4d8,#0096c7);color:#fff;border:none;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;letter-spacing:.5px;transition:background .3s ease,transform .2s}body.auth-page .login-box button:hover,body.auth-page .register-box button:hover{background:linear-gradient(90deg,#0096c7,#0077b6);transform:translateY(-2px)}body.auth-page .error-message,body.auth-page .success-message{text-align:center;font-size:14px;margin-top:12px;font-weight:600}body.auth-page .error-message{color:#ff4d4d}body.auth-page .success-message{color:#2dd36f}body.auth-page .turnstile-wrapper,body.auth-page .cf-turnstile,body.auth-page .cf-challenge{margin:12px 0;display:flex;justify-content:center}body.auth-page .register-box .auth-notice,body.auth-page .login-box .auth-notice{width:100%;margin:0 0 14px;padding:12px;display:grid;grid-template-columns:var(--stripe-w) 1fr;gap:12px;align-items:stretch;border-radius:12px;overflow:hidden;background:var(--notice-bg);border:1px solid var(--notice-bd);box-shadow:0 8px 18px #00000040}body.auth-page .auth-notice__stripe{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#fff;background:linear-gradient(180deg,#fa1515,#f50b0b);border-radius:8px;align-self:stretch;height:auto}body.auth-page .auth-notice__content h3{margin:0 0 4px;font-size:16px;color:#ffe9a6}body.auth-page .auth-notice__content p{margin:0 0 10px;color:#e9e3cf;font-size:13.5px;line-height:1.35}body.auth-page .auth-notice__btn{display:inline-block;padding:8px 12px;border-radius:8px;font-weight:800;text-decoration:none;background:#0ea769;color:#fff;box-shadow:0 8px 18px #0ea76942;transition:transform .12s ease,filter .12s ease,box-shadow .16s ease;font-size:13.5px}body.auth-page .auth-notice__btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 12px 26px #0ea76957}body.auth-page .auth-notice__btn:active{transform:translateY(0);filter:brightness(.98)}body.auth-page .auth-footer,body.auth-page .register{margin-top:12px;display:block;text-align:center;color:var(--muted);font-size:14px;line-height:1.35;background:transparent;border:0;box-shadow:none}body.auth-page .auth-footer .auth-link,body.auth-page .register a{display:inline-block;margin-top:4px;color:var(--link);font-weight:800;text-decoration:none}body.auth-page .auth-footer .auth-link:hover,body.auth-page .register a:hover{color:var(--link-hover);text-decoration:underline}body.auth-page .auth-footer .auth-link:visited,body.auth-page .auth-footer .auth-link:active,body.auth-page .auth-footer .auth-link:focus,body.auth-page .register a:visited,body.auth-page .register a:active,body.auth-page .register a:focus{color:var(--link)}body.auth-page .footer{background:transparent!important;padding:0!important;margin-top:16px;border:0!important;box-shadow:none!important;text-align:center;color:var(--muted);font-size:14px}@media (max-width: 480px){body.auth-page .login-box,body.auth-page .register-box{padding:30px 20px;border-radius:10px}body.auth-page .login-box h2,body.auth-page .register-box h2{font-size:1.4rem}body.auth-page .register-box .auth-notice,body.auth-page .login-box .auth-notice{grid-template-columns:24px 1fr;padding:10px 10px 12px}}@supports (height: 100svh){body.auth-page{min-height:100svh}}@media (max-width: 480px){body.auth-page .auth-container{width:100%;padding:0 12px}body.auth-page .login-box,body.auth-page .register-box{max-width:94vw;padding:24px 16px;border-radius:12px}body.auth-page .login-box h2,body.auth-page .register-box h2{font-size:1.35rem;margin-bottom:18px}body.auth-page input[type=text],body.auth-page input[type=password],body.auth-page input[type=tel],body.auth-page input[type=email]{font-size:16px;padding:12px 14px;border-radius:10px}body.auth-page button[type=submit]{min-height:44px;font-size:16px;border-radius:10px}body.auth-page .register-box .auth-notice,body.auth-page .login-box .auth-notice{grid-template-columns:24px 1fr;gap:10px;padding:10px 10px 12px;border-radius:10px}body.auth-page .auth-notice__stripe{border-radius:8px;font-size:16px}body.auth-page .auth-notice__content h3{font-size:15px}body.auth-page .auth-notice__content p{font-size:13.5px;line-height:1.35}body.auth-page .auth-footer,body.auth-page .register{padding-bottom:max(8px,env(safe-area-inset-bottom));font-size:14px;line-height:1.35}}body.auth-page *{-webkit-tap-highlight-color:rgba(0,0,0,0)}@media (pointer: coarse){body.auth-page a,body.auth-page button{min-height:44px}}@media (max-width: 360px){body.auth-page .login-box h2,body.auth-page .register-box h2{font-size:1.25rem}body.auth-page .register-box .auth-notice,body.auth-page .login-box .auth-notice{grid-template-columns:20px 1fr;gap:8px}}@media (prefers-reduced-motion: reduce){body.auth-page *{animation:none!important;transition:none!important}}:root{--card-w: 270px;--card-h: 420px;--card-radius: 12px}.card{width:100%;height:var(--card-h);border-radius:var(--card-radius);overflow:hidden;background:#fff;box-shadow:0 4px 12px #0000001a;transition:.3s;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-sizing:border-box}.category{background:#000;color:#fff;text-align:center;font-weight:700;padding:.3rem}.offer-label{background:#ff0;color:#000;font-weight:700;padding:2px 6px;font-size:.8rem;position:absolute;top:10px;right:10px;left:auto;z-index:11;border-radius:4px;box-shadow:0 2px 6px #0003}.card img{width:100%;height:140px;object-fit:cover}.offer-bar{background:red;color:#ff0;font-weight:700;display:flex;justify-content:space-between;padding:.3rem .6rem;font-size:.9rem;height:30px;align-items:center}.offer-bar span{color:#fff;text-decoration:line-through}.card-body{position:relative;flex:1;padding:.6rem .8rem;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;overflow:hidden}.renew{font-weight:700;color:green;line-height:1.2;font-size:1.2rem;margin-bottom:6px;position:relative;top:-10px}.stock-price{display:flex;justify-content:space-between;font-size:.9rem;color:#333}.buy-btn{font-weight:700;padding:.6rem;border:none;border-radius:0 0 var(--card-radius) var(--card-radius);cursor:pointer;transition:.3s;width:100%;background:none;color:#fff}.card-border-anim{position:relative;padding:5px;border-radius:20px;background:linear-gradient(270deg,#080000,#000,#fff,#fff);background-size:600% 10%;animation:borderAnimation 5s ease infinite;transition:.3s ease-in-out;width:var(--card-w);box-sizing:border-box}@keyframes borderAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.overlay-info-box{position:absolute;top:0;left:0;right:0;height:170px;background:#fff;padding:1rem;z-index:10;overflow-y:auto;border-radius:10px;box-shadow:0 0 10px #0003}.close-btn{position:absolute;top:8px;right:10px;background:red;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;padding:4px 8px;cursor:pointer;box-shadow:0 0 6px #0003;transition:background .3s ease}.close-btn:hover{background:#c00}.proveedor-label{text-align:center;font-size:.8rem;font-style:italic;color:#555;margin:4px 0}.description-scroll{width:100%;overflow:hidden;white-space:nowrap;box-sizing:border-box;height:30px;margin:4px 0;background-color:#fff}.scroll-text{display:inline-block;padding-left:100%;animation:scroll-left 15s linear infinite;color:#000;font-weight:700;font-size:22px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.info-icons{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:2px;margin-bottom:8px}.info-icon{font-size:35px;cursor:pointer;transition:transform .2s ease}.info-icon:hover{transform:scale(1.3)}.renovable-si{color:green;font-weight:700}.renovable-no{color:red;font-weight:700}.btn-stock{background-color:#28a745;color:#fff!important;font-weight:700;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:.3s}.btn-stock:hover{background-color:#28a745!important;color:#fff!important}.btn-sin-stock{background-color:#fc0019;color:#fff!important;font-weight:700;border:none;border-radius:8px;padding:8px 12px;cursor:not-allowed;opacity:.85;transition:.3s}.btn-sin-stock:hover{background-color:#fc0019!important;color:#fff!important}.ribbon{position:absolute;top:0;left:0;overflow:hidden;width:90px;height:90px;z-index:10}.ribbon span{position:absolute;display:block;width:140px;padding:5px 0;background-color:#1e88e5;color:#fff;text-align:center;font-weight:700;transform:rotate(-45deg);top:15px;left:-40px;font-size:12px;box-shadow:0 2px 6px #0000004d;font-family:Poppins,sans-serif;letter-spacing:.5px}.ribbon.PEDIDO span{background-color:#2196f3}.ribbon.STOCK span{background-color:#4caf50}.ribbon.AGOTADO span{background-color:#f44336}.menu-container{position:absolute;top:80px;right:20px;width:240px;background:#adabab;border:3px solid #2563eb;border-radius:18px;padding:1.4rem;box-shadow:0 8px 20px #0000001f;z-index:100;font-family:Poppins,sans-serif;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.avatar-box{text-align:center;margin-bottom:1.3rem}.avatar-icon{width:66px;height:66px;padding:12px;background-color:#f3f4f6;border-radius:50%;fill:#6b7280;box-shadow:0 4px 10px #00000014;margin:0 auto .5rem}.avatar-label{font-weight:600;color:#111827;font-size:1.1rem}.menu-options{list-style:none;padding:0;margin:0}.menu-btn{padding:12px 14px;margin:8px 0;border-radius:12px;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:10px;transition:.25s;cursor:pointer;box-shadow:0 2px 6px #0000000d}.menu-btn.editar-whatsapp{background-color:#e0f2fe;color:#0369a1}.menu-btn.editar-whatsapp:hover{background-color:#bae6fd}.menu-btn.cambiar-clave{background-color:#fef9c3;color:#92400e}.menu-btn.cambiar-clave:hover{background-color:#fde68a}.menu-btn.cerrar-sesion{background-color:#fee2e2;color:#b91c1c}.menu-btn.cerrar-sesion:hover{background-color:#fecaca}.popup-form{margin-top:10px;display:flex;flex-direction:column;gap:6px;background-color:#f3f4f6;padding:12px;border-radius:10px}.popup-form input{padding:8px;border-radius:8px;border:1px solid #d1d5db;outline:none;font-size:.9rem}.popup-form button{padding:8px;border:none;background-color:#3b82f6;color:#fff;font-weight:700;border-radius:8px;cursor:pointer;transition:.2s}.popup-form button:hover{background-color:#2563eb}.ticketsadmin{--ta-max-w: 1180px;--ta-radius: 14px;--ta-radius-sm: 10px;--ta-radius-lg: 18px;--ta-bg-app: #f6f8fb;--ta-card: #ffffff;--ta-line: #e5e7eb;--ta-line-2: #dbe0e7;--ta-text: #0f172a;--ta-muted: #64748b;--ta-primary: #2563eb;--ta-primary-600: #1d4ed8;--ta-primary-700: #1e40af;--ta-primary-50: #eef2ff;--ta-soft: #f8fafc;--ta-soft-2: #f1f5f9;--ta-ok-bg: #dcfce7;--ta-ok-fg: #065f46;--ta-warn-bg: #fef3c7;--ta-warn-fg: #92400e;--ta-bad-bg: #fee2e2;--ta-bad-fg: #991b1b;--ta-info-bg: #e0e7ff;--ta-info-fg: #3730a3;--ta-muted-bg: #e5e7eb;--ta-muted-fg: #374151;--ta-shadow-1: 0 8px 26px rgba(2, 6, 23, .06);--ta-shadow-2: 0 14px 40px rgba(2, 6, 23, .1);--ta-scrollbar: #cbd5e1;--ta-scrollbar-hover: #94a3b8;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:var(--ta-text);margin:22px auto;max-width:var(--ta-max-w);padding:0 14px 40px;display:grid;grid-template-columns:minmax(560px,1.1fr) minmax(420px,.9fr);gap:16px;background:transparent}.ticketsadmin *{box-sizing:border-box}.ticketsadmin.is-dark{--ta-bg-app: #0b1220;--ta-card: #0f172a;--ta-line: #1f2937;--ta-line-2: #2b3544;--ta-text: #e5e7eb;--ta-muted: #9aa4b2;--ta-soft: #0b1326;--ta-soft-2: #111a2c;--ta-scrollbar: #374151;--ta-scrollbar-hover: #4b5563;--ta-ok-bg: #064e3b;--ta-ok-fg: #a7f3d0;--ta-warn-bg: #78350f;--ta-warn-fg: #fde68a;--ta-bad-bg: #7f1d1d;--ta-bad-fg: #fecaca;--ta-info-bg: #1e3a8a;--ta-info-fg: #c7d2fe;--ta-muted-bg: #334155;--ta-muted-fg: #e5e7eb}.ticketsadmin ::-webkit-scrollbar{height:10px;width:10px}.ticketsadmin ::-webkit-scrollbar-track{background:transparent}.ticketsadmin ::-webkit-scrollbar-thumb{background:var(--ta-scrollbar);border-radius:999px}.ticketsadmin ::-webkit-scrollbar-thumb:hover{background:var(--ta-scrollbar-hover)}.ticketsadmin .ta-card{background:var(--ta-card);border:1px solid var(--ta-line);border-radius:var(--ta-radius);box-shadow:var(--ta-shadow-1);padding:14px}.ticketsadmin .ta-topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ticketsadmin .ta-topbar h2{font-size:22px;font-weight:900;margin:0;display:flex;align-items:center;gap:8px}.ticketsadmin .ta-filters{display:grid;grid-template-columns:1.2fr .9fr .9fr auto;gap:10px;margin-bottom:10px}.ticketsadmin .ta-input,.ticketsadmin .ta-filters input,.ticketsadmin .ta-filters select{width:100%;appearance:none;border:1px solid var(--ta-line);border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ta-text);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.ticketsadmin.is-dark .ta-filters input,.ticketsadmin.is-dark .ta-filters select,.ticketsadmin.is-dark .ta-input{background:var(--ta-soft-2);border-color:var(--ta-line-2);color:var(--ta-text)}.ticketsadmin .ta-input:focus,.ticketsadmin .ta-filters input:focus,.ticketsadmin .ta-filters select:focus{border-color:var(--ta-primary);box-shadow:0 0 0 3px #2563eb26}.ticketsadmin .ta-filters select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em - 2px),calc(100% - 13px) calc(1em - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px;color:var(--ta-muted)}.ticketsadmin .btn{height:38px;padding:0 14px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:transform .05s ease,filter .15s ease,box-shadow .2s ease;letter-spacing:.2px;white-space:nowrap}.ticketsadmin .btn:active{transform:translateY(1px)}.ticketsadmin .btn:disabled{opacity:.7;cursor:not-allowed}.ticketsadmin .btn-green{background:var(--ta-primary);border-color:var(--ta-primary-600);color:#fff;box-shadow:0 6px 18px #2563eb2e}.ticketsadmin .btn-green:hover{filter:brightness(1.05)}.ticketsadmin.is-dark .btn-green{box-shadow:none}.ticketsadmin .btn-light{background:var(--ta-soft);border-color:var(--ta-line);color:var(--ta-text)}.ticketsadmin .btn-light:hover{filter:brightness(.98)}.ticketsadmin .btn-danger{background:#ef4444;border-color:#dc2626;color:#fff;box-shadow:0 6px 18px #ef44442e}.ticketsadmin .btn-danger:hover{filter:brightness(1.05)}.ticketsadmin.is-dark .btn-danger{box-shadow:none}.ticketsadmin .ta-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:8px 10px;border-radius:10px;font-weight:800;margin-bottom:6px}.ticketsadmin.is-dark .ta-error{color:#fecaca;background:#7f1d1d;border-color:#7f1d1d}.ticketsadmin .ta-empty{border:1px dashed var(--ta-line);color:var(--ta-muted);background:#f9fafb;border-radius:12px;padding:22px;text-align:center}.ticketsadmin.is-dark .ta-empty{background:var(--ta-soft);border-color:var(--ta-line-2)}.ticketsadmin .ta-list{background:var(--ta-card)}.ticketsadmin .ta-list-body{border-top:1px solid var(--ta-line);padding-top:6px}.ticketsadmin .ta-items{display:flex;flex-direction:column;gap:10px}.ticketsadmin .ta-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid var(--ta-line);border-radius:12px;padding:12px;background:#fff;text-align:left;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease;will-change:transform,box-shadow}.ticketsadmin.is-dark .ta-row{background:var(--ta-soft-2);border-color:var(--ta-line-2)}.ticketsadmin .ta-row:hover{background:#f8fafc;box-shadow:0 4px 12px #0206170f;border-color:var(--ta-line-2)}.ticketsadmin.is-dark .ta-row:hover{background:var(--ta-soft);border-color:var(--ta-line-2)}.ticketsadmin .ta-row:active{transform:translateY(1px)}.ticketsadmin .ta-row-main{min-width:0}.ticketsadmin .ta-row-line{display:flex;gap:6px;align-items:baseline;min-width:0}.ticketsadmin .ta-asunto{font-weight:900;white-space:nowrap;flex:0 0 auto}.ticketsadmin .ta-preview{color:var(--ta-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}.ticketsadmin .ta-row-meta{color:var(--ta-muted);font-size:12px;margin-top:3px}.ticketsadmin .chip{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid rgba(15,23,42,.08);-webkit-user-select:none;user-select:none}.ticketsadmin .chip-ok{background:var(--ta-ok-bg);color:var(--ta-ok-fg)}.ticketsadmin .chip-warn{background:var(--ta-warn-bg);color:var(--ta-warn-fg)}.ticketsadmin .chip-danger{background:var(--ta-bad-bg);color:var(--ta-bad-fg)}.ticketsadmin .chip-info{background:var(--ta-info-bg);color:var(--ta-info-fg)}.ticketsadmin .chip-muted{background:var(--ta-muted-bg);color:var(--ta-muted-fg)}.ticketsadmin .ta-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:900;background:var(--ta-soft-2);border:1px solid var(--ta-line);color:var(--ta-text)}.ticketsadmin .ta-detail{background:var(--ta-card)}.ticketsadmin .ta-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.ticketsadmin .ta-detail-title{font-weight:900;font-size:18px}.ticketsadmin .ta-head-chips{display:flex;gap:6px;margin-top:4px}.ticketsadmin .ta-head-actions{display:flex;gap:8px}.ticketsadmin .ta-head-actions .ta-input{height:38px}.ticketsadmin .ta-detail-meta{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));background:#f8fafc;border:1px solid var(--ta-line);border-radius:12px;padding:10px 12px;margin-bottom:10px;line-height:1.4}.ticketsadmin.is-dark .ta-detail-meta{background:var(--ta-soft);border-color:var(--ta-line-2)}.ticketsadmin .ta-detail-meta b{color:var(--ta-text)}.ticketsadmin .ta-hilo{display:flex;flex-direction:column;gap:10px;max-height:430px;overflow:auto;padding-right:2px;background:linear-gradient(to bottom,transparent,transparent 24px,rgba(2,6,23,.02) 24px)}.ticketsadmin .ta-msg{border:1px solid var(--ta-line);border-radius:12px;padding:10px 12px;background:#fff;animation:ta-fade-in .22s ease}.ticketsadmin .ta-msg.ta-msg-cliente{background:#f8fafc}.ticketsadmin .ta-msg:not(.ta-msg-cliente){background:#eef2ff}.ticketsadmin.is-dark .ta-msg{background:var(--ta-soft-2);border-color:var(--ta-line-2)}.ticketsadmin.is-dark .ta-msg.ta-msg-cliente{background:var(--ta-soft)}.ticketsadmin.is-dark .ta-msg:not(.ta-msg-cliente){background:#1e293b}.ticketsadmin .ta-msg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:var(--ta-muted);font-weight:900}.ticketsadmin .ta-msg-body{white-space:pre-wrap;font-size:14px}.ticketsadmin .ta-reply{margin-top:10px}.ticketsadmin .ta-textarea{width:100%;min-height:90px;resize:vertical;border:1px solid var(--ta-line);border-radius:12px;padding:10px 12px;outline:none;background:#fff;color:var(--ta-text);transition:border-color .15s ease,box-shadow .15s ease}.ticketsadmin .ta-textarea[disabled]{background:var(--ta-soft);color:var(--ta-muted);cursor:not-allowed;opacity:.85}.ticketsadmin.is-dark .ta-textarea{background:var(--ta-soft-2);border-color:var(--ta-line-2);color:var(--ta-text)}.ticketsadmin .ta-textarea:focus{border-color:var(--ta-primary);box-shadow:0 0 0 3px #2563eb26}.ticketsadmin .ta-reply-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.ticketsadmin [data-tooltip]{position:relative}.ticketsadmin [data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0b1220;color:#fff;padding:6px 8px;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease,transform .15s ease;box-shadow:0 6px 20px #00000040;pointer-events:none}.ticketsadmin [data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-2px)}.ticketsadmin .skeleton{position:relative;overflow:hidden;background:var(--ta-soft-2)}.ticketsadmin .skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translate(-100%);animation:ta-shimmer 1.2s infinite}.ticketsadmin.is-dark .skeleton{background:#111827}@keyframes ta-shimmer{to{transform:translate(100%)}}@keyframes ta-fade-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ticketsadmin .ta-table{width:100%}.ticketsadmin .ta-table .thead,.ticketsadmin .ta-table .trow{display:grid;grid-template-columns:64px 1.5fr 1.1fr .9fr .9fr .9fr 1fr 1fr;gap:8px;align-items:center}.ticketsadmin .ta-table .thead{color:var(--ta-muted);font-weight:900;padding:10px 12px;border-bottom:1px solid var(--ta-line)}.ticketsadmin .ta-table .trow{border:1px solid var(--ta-line);border-radius:10px;margin:8px 0;padding:10px 12px;text-align:left;cursor:pointer;background:var(--ta-card);transition:background .15s ease,transform .05s ease,border-color .15s ease}.ticketsadmin .ta-table .trow:hover{background:var(--ta-soft);border-color:var(--ta-line-2)}.ticketsadmin .u-flex{display:flex}.ticketsadmin .u-center{display:grid;place-items:center}.ticketsadmin .u-gap-6{gap:6px}.ticketsadmin .u-gap-8{gap:8px}.ticketsadmin .u-gap-10{gap:10px}.ticketsadmin .u-mt-6{margin-top:6px}.ticketsadmin .u-mt-10{margin-top:10px}.ticketsadmin .u-mb-10{margin-bottom:10px}.ticketsadmin .u-fade{animation:ta-fade-in .2s ease}.ticketsadmin kbd{display:inline-block;padding:3px 6px;border-radius:6px;background:var(--ta-soft-2);border:1px solid var(--ta-line);box-shadow:inset 0 -1px #0206170d;font-size:12px;line-height:1;font-weight:800;color:var(--ta-text)}.ticketsadmin .ta-card--soft{background:var(--ta-soft);border-style:dashed}.ticketsadmin .ta-card--accent{border-color:var(--ta-primary);box-shadow:0 10px 32px #2563eb26}.ticketsadmin .ta-alert{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid var(--ta-line);background:var(--ta-soft)}.ticketsadmin .ta-alert--info{background:var(--ta-info-bg);border-color:#c7d2fe;color:var(--ta-info-fg)}.ticketsadmin .ta-alert--ok{background:var(--ta-ok-bg);border-color:#bbf7d0;color:var(--ta-ok-fg)}.ticketsadmin .ta-alert--warn{background:var(--ta-warn-bg);border-color:#fde68a;color:var(--ta-warn-fg)}.ticketsadmin .ta-alert--bad{background:var(--ta-bad-bg);border-color:#fecaca;color:var(--ta-bad-fg)}.ticketsadmin .ta-tabs{display:flex;gap:6px;border-bottom:1px solid var(--ta-line);margin-bottom:10px}.ticketsadmin .ta-tab{padding:8px 10px;border-radius:10px 10px 0 0;background:transparent;color:var(--ta-muted);font-weight:800;cursor:pointer;border:1px solid transparent;border-bottom:1px solid var(--ta-line)}.ticketsadmin .ta-tab.is-active{background:var(--ta-card);color:var(--ta-text);border-color:var(--ta-line);border-bottom-color:var(--ta-card)}.ticketsadmin .ta-timeline{display:grid;gap:10px}.ticketsadmin .ta-tl-item{display:grid;grid-template-columns:16px 1fr;gap:10px}.ticketsadmin .ta-tl-dot{width:12px;height:12px;border-radius:999px;background:var(--ta-primary);margin-top:6px;box-shadow:0 0 0 3px #2563eb1f}.ticketsadmin .ta-tl-body{background:var(--ta-soft);border:1px solid var(--ta-line);border-radius:10px;padding:8px 10px}.ticketsadmin .ta-state{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid transparent}.ticketsadmin .ta-state--open{background:var(--ta-ok-bg);color:var(--ta-ok-fg);border-color:#a7f3d0}.ticketsadmin .ta-state--review{background:var(--ta-warn-bg);color:var(--ta-warn-fg);border-color:#fde68a}.ticketsadmin .ta-state--done{background:var(--ta-info-bg);color:var(--ta-info-fg);border-color:#c7d2fe}.ticketsadmin .ta-state--closed{background:var(--ta-bad-bg);color:var(--ta-bad-fg);border-color:#fecaca}.ticketsadmin .ta-avatar{width:28px;height:28px;border-radius:999px;background:var(--ta-primary);color:#fff;font-weight:900;display:grid;place-items:center;box-shadow:0 6px 16px #2563eb33}.ticketsadmin .ta-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--ta-muted);background:var(--ta-soft);padding:4px 8px;border-radius:999px;border:1px solid var(--ta-line)}.ticketsadmin .ta-progress{position:relative;height:8px;width:100%;background:var(--ta-soft-2);border-radius:999px;overflow:hidden}.ticketsadmin .ta-progress>span{position:absolute;inset:0 100% 0 0;background:var(--ta-primary);animation:ta-progress 2.6s ease-in-out infinite}@keyframes ta-progress{0%{inset:0 100% 0 0}50%{inset:0}to{inset:0 100% 0 0}}.ticketsadmin :focus-visible{outline:2px solid transparent;box-shadow:0 0 0 3px #2563eb40;border-radius:8px}@media (prefers-reduced-motion: reduce){.ticketsadmin *{transition:none!important;animation:none!important}}@media (max-width: 1120px){.ticketsadmin{grid-template-columns:1fr}.ticketsadmin .ta-detail{order:2}.ticketsadmin .ta-list{order:1}}@media (max-width: 820px){.ticketsadmin .ta-filters{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.ticketsadmin .ta-filters{grid-template-columns:1fr}.ticketsadmin .ta-row{grid-template-columns:1fr auto}}@media print{.ticketsadmin{grid-template-columns:1fr;gap:0}.ticketsadmin .ta-list{display:none}.ticketsadmin .ta-card{border:none;box-shadow:none}.ticketsadmin .ta-detail-meta{border:1px solid #ccc}}.admin-panel{display:flex;flex-direction:column;min-height:100vh;font-family:Segoe UI,sans-serif;background:#f4f6f9;color:#111827}.admin-header{background:#1d4ed8;color:#fff;padding:15px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 6px #0000001a}.admin-body{display:flex;flex:1}.admin-sidebar{width:250px;background:#0a1229;border-right:1px solid #e5e7eb;padding:20px;color:#111;display:flex;flex-direction:column;gap:10px}.admin-sidebar p{margin:6px 0;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background .2s,border-left .2s}.admin-sidebar p:hover{background:#ecfdf5;border-left:3px solid #22c55e;color:#16a34a;font-weight:600}.admin-content{flex:1;padding:25px}.admin-content .title{margin-bottom:12px;font-size:20px;color:#1d4ed8;font-weight:700}.total{margin-bottom:15px;font-size:14px;color:#374151}.table-container{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000000d}.user-table{width:100%;border-collapse:collapse}.user-table th{background:#f9fafb;text-align:left;padding:10px;color:#111827}.user-table td{padding:10px;border-top:1px solid #e5e7eb}.btn{border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;transition:.2s}.btn-green{background:#22c55e;color:#fff}.btn-green:hover{background:#16a34a}.btn-red{background:#ef4444;color:#fff}.btn-red:hover{background:#dc2626}.add-user-btn{background:#1d4ed8;color:#fff;border-radius:6px;padding:8px 16px}.add-user-btn:hover{background:#2563eb}.btn-icon{background:transparent;border:none;font-size:18px;cursor:pointer;margin:0 5px;color:#374151}.btn-icon:hover{color:#1d4ed8}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:20px;border-radius:8px;width:350px;box-shadow:0 5px 15px #0003}.modal-content h3{margin-bottom:15px;color:#1d4ed8}.modal-content input,.modal-content select{width:100%;margin:8px 0;padding:10px;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb}.modal-actions{margin-top:15px;display:flex;justify-content:space-between}.admin-badge{display:inline-flex;align-items:center;gap:6px;background:#000e33;color:#fff;padding:6px 14px;border-radius:8px;font-weight:600;font-size:14px;box-shadow:0 2px 5px #00000026}.section-title{display:block;width:100%;text-align:center;background:#010a22;color:#fff;padding:12px;border-radius:8px;font-size:20px;font-weight:700;margin-bottom:20px;box-shadow:0 2px 6px #00000026;text-transform:uppercase;letter-spacing:1px}.header-actions{display:flex;gap:12px}.admin-sidebar p{margin:6px 0;padding:10px 14px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .2s}.admin-sidebar p:hover{border:1px solid #1d4ed8;background:#eff6ff;color:#1d4ed8}.admin-sidebar p{margin:8px 0;padding:12px 16px;border-radius:8px;cursor:pointer;border:1px solid #e5e7eb;background:#f9fafb;color:#374151;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000000d}.admin-sidebar p:hover{background:#1d4ed8;color:#fff;border:1px solid #1d4ed8;box-shadow:0 4px 10px #1d4ed84d;transform:translate(4px)}.admin-sidebar p.active{background:#1d4ed8;color:#fff;border:1px solid #1d4ed8;font-weight:600}.user-table th{background:#1d4ed8;color:#fff;text-align:left;padding:12px;border:1px solid #e5e7eb;font-weight:600}.user-table th:first-child{border-top-left-radius:8px}.user-table th:last-child{border-top-right-radius:8px}.user-table td.actions{display:flex;gap:6px;justify-content:center}.btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb;cursor:pointer;font-size:16px;transition:all .2s ease}.btn-action:hover{background:#e5e7eb}.btn-approve{color:#16a34a}.btn-reject{color:#ef4444}.btn-delete{color:#374151}.btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;cursor:pointer;font-size:16px;transition:all .2s ease;color:#fff}.btn-approve{background:#22c55e}.btn-approve:hover{background:#16a34a}.btn-reject{background:#facc15;color:#111}.btn-reject:hover{background:#eab308}.btn-delete{background:#ef4444}.btn-delete:hover{background:#dc2626}.role-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#f9fafb;color:#111827;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.role-select:hover{border-color:#1d4ed8;background-color:#eff6ff;color:#1d4ed8;box-shadow:0 2px 6px #1d4ed833}.role-select:focus{outline:none;border-color:#2563eb;background-color:#e0f2fe}.role-select option{background:#fff;color:#111827;padding:8px}.user-table select{padding:4px 8px;border:1px solid #ccc;border-radius:6px;font-size:14px;background-color:#fff;box-shadow:0 1px 3px #0000001a;transition:all .2s ease-in-out;width:120px}.user-table select:hover{border-color:#007bff;box-shadow:0 0 5px #007bff4d;cursor:pointer}.user-table select:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}.notification{position:fixed;top:20px;right:20px;z-index:9999;background-color:#2ecc71;color:#fff;padding:15px 20px;border-radius:10px;font-weight:700;box-shadow:0 4px 10px #0003;animation:slideIn .4s ease-out;max-width:300px;display:flex;align-items:center;gap:10px}.notification.error{background-color:#e74c3c}@keyframes slideIn{0%{opacity:0;transform:translateY(-30%)}to{opacity:1;transform:translateY(0)}}.btn-pendiente{background-color:#e53935;color:#fff;border:none;padding:5px 10px;border-radius:5px;cursor:pointer;font-weight:700}.btn-pendiente:hover{background-color:#c62828}.btn-entregado{background-color:#00c853;color:#fff;padding:5px 10px;border-radius:5px;font-weight:700;display:inline-block}.btn-whatsapp{background-color:#25d366;color:#fff;border:none;padding:6px 10px;border-radius:5px;text-decoration:none;font-weight:700;margin-left:5px;transition:.2s ease}.btn-whatsapp:hover{background-color:#1ebe57;transform:scale(1.05)}.btn-eliminar{background-color:#ff4d4d;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0003}.btn-eliminar:hover{background-color:#d93636;transform:scale(1.05)}.btn-eliminar:active{transform:scale(.98);background-color:#b32d2d}.reportes-container{background:#0b0f19;color:#fff;padding:25px;border-radius:15px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin:20px 0}.card-info{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #1e40af;padding:15px;border-radius:12px;text-align:center;font-size:1rem;box-shadow:0 0 10px #2563eb66;transition:transform .3s,box-shadow .3s}.card-info:hover{transform:translateY(-5px);box-shadow:0 0 15px #60a5fab3}.grafico-contenedor{background:#111827;padding:20px;border-radius:10px;margin:10px 0 30px}.actividades-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.actividad-box{background:#1e293b;border:1px solid #2563eb;border-radius:10px;padding:15px;color:#fff;box-shadow:0 0 10px #3b82f64d}.tabla-compacta{width:100%;font-size:.9rem;border-collapse:collapse}.tabla-compacta th,.tabla-compacta td{padding:6px;border-bottom:1px solid #334155}.tabla-compacta th{color:#93c5fd;text-align:left}.tabla-productos{width:100%;border-collapse:collapse;margin-top:10px;color:#fff;background:#0c101a;border-radius:10px;overflow:hidden}.tabla-productos th,.tabla-productos td{padding:8px 12px;border-bottom:1px solid #1e293b;text-align:center}.tabla-productos th{background:#111827;font-weight:700}.cargando{text-align:center;color:#60a5fa;padding:2rem;font-weight:700}.btn-ver{background-color:#1e40af;color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:14px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s ease}.btn-ver:hover{background-color:#2563eb}.btn-ver:active{transform:scale(.97)}.btn-green{background-color:#16a34a;color:#fff;font-weight:700;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:14px;white-space:nowrap;transition:background-color .2s ease}.btn-green:hover{background-color:#22c55e}.btn-green:active{transform:scale(.96)}.resumen-panel{padding:2rem;background-color:#f4f6f9;min-height:100vh}.panel-titulo{font-size:1.6rem;font-weight:600;color:#333;margin-bottom:1.5rem}.metricas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1.5rem}.card-metrica{background-color:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 6px #00000014;text-align:center;transition:all .3s ease;border-left:6px solid #ccc}.card-metrica span{font-size:1.1rem;color:#555;display:block;margin-bottom:.5rem}.card-metrica strong{font-size:2rem;color:#222}.card-metrica.usuarios{border-left-color:#3b82f6}.card-metrica.recargas{border-left-color:#10b981}.card-metrica.compras{border-left-color:#f59e0b}.card-metrica.productos{border-left-color:#8b5cf6}.img-preview{width:60px;height:60px;border-radius:6px;object-fit:cover;margin-top:4px;border:2px solid #673ab7}.upload-icon{cursor:pointer;font-size:20px;margin-left:6px;color:#673ab7;transition:.3s}.upload-icon:hover{transform:scale(1.1);color:#9575cd}.btn-config{background-color:#ff9800;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;transition:.2s ease-in-out}.btn-config:hover{background-color:#e68900;transform:scale(1.05)}.btn-add{background-color:#2196f3;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;transition:.2s ease-in-out}.btn-add:hover{background-color:#1976d2;transform:scale(1.05)}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.top-actions{display:flex;gap:8px}.btn-back{position:relative}.search-row{margin:8px 0 12px}.search-input.wide{width:100%;padding:6px;border-radius:6px;border:1px solid #999}.user-table td input,.user-table td select{width:100%;box-sizing:border-box}.readonly{background:#f4f6f8;color:#555;cursor:not-allowed}.actions-cell{display:flex;align-items:center;gap:6px;justify-content:center;min-width:110px}.btn-icon{padding:6px 10px;border-radius:10px;font-size:14px}.btn-purple{background:#6f42c1;color:#fff}.btn-purple:hover{filter:brightness(1.05)}.notificacion{position:fixed;top:20px;right:20px;padding:10px 20px;border-radius:8px;font-weight:700;color:#fff;z-index:9999;box-shadow:0 0 10px #0000004d;animation:fadeInOut 3s ease forwards}.notificacion.success{background-color:#2ecc71}.notificacion.error{background-color:#e74c3c}.accesos-header{display:flex;justify-content:center;align-items:center;margin-bottom:10px;background:#091034;color:#fff;padding:10px 0;border-radius:8px}.accesos-volver,.accesos-buscador{display:flex;justify-content:center;margin-bottom:15px}.accesos-buscador input{width:300px;padding:6px 10px;border-radius:6px;border:1px solid #999;text-align:center}.accesos-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px;background:linear-gradient(90deg,#0f172a,#1e3a8a);color:#fff;padding:12px 0;border-radius:10px;font-weight:600;letter-spacing:.5px;box-shadow:0 3px 10px #0000004d;text-transform:uppercase}.accesos-volver,.accesos-buscador{display:flex;justify-content:center;margin-bottom:18px}.accesos-buscador input{width:320px;padding:8px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:15px;text-align:center;background:#f9fafb;transition:.3s ease}.accesos-buscador input:focus{border-color:#2563eb;box-shadow:0 0 8px #2563eb4d;outline:none}.table-container{background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 15px #00000014}.user-table{width:100%;border-collapse:collapse;font-size:14px}.user-table th{background:linear-gradient(90deg,#1d4ed8,#4338ca);color:#fff;padding:10px 8px;text-align:center;font-weight:600}.user-table td{padding:8px;border-bottom:1px solid #e5e7eb;text-align:center}.user-table tr:hover{background:#f3f4f6}.user-table input{width:100%;padding:5px 6px;border-radius:6px;border:1px solid #d1d5db;background:#f9fafb;transition:all .2s ease;text-align:center}.user-table input:focus{border-color:#2563eb;background:#fff;outline:none}.actions-cell{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{border:none;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:15px;transition:all .2s ease;font-weight:600}.btn-green{background-color:#22c55e;color:#fff}.btn-green:hover{background-color:#16a34a}.btn-red{background-color:#ef4444;color:#fff}.btn-red:hover{background-color:#dc2626}.btn-purple{background-color:#6f42c1;color:#fff}.btn-purple:hover{filter:brightness(1.1)}.user-table tr:last-child td{background:#f9fafb;font-weight:600}.user-table tr:last-child:hover{background:#f1f5f9}.notificacion{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:10px;font-weight:700;color:#fff;z-index:9999;box-shadow:0 0 15px #0006;animation:fadeInOut 3s ease forwards}.notificacion.success{background-color:#16a34a}.notificacion.error{background-color:#dc2626}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-20px)}}.soporte-admin{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--slate-50:#f8fafc;--slate-200:#e2e8f0;--slate-500:#64748b;--slate-700:#334155;background:linear-gradient(180deg,var(--blue-50),#ffffff 40%);padding:16px}.soporte-admin .section-title{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:var(--blue-700);background:#fff;padding:10px 14px;border-radius:12px;border:1px solid var(--blue-100);box-shadow:0 6px 18px #2563eb14}.soporte-admin .tabla-scroll{background:#fff;border:1px solid var(--blue-100);border-radius:14px;padding:10px;margin-top:14px;box-shadow:0 10px 30px #0206170f;overflow-x:auto}.soporte-admin .tabla-compras{width:100%;border-collapse:collapse;min-width:900px;color:var(--slate-700)}.soporte-admin .tabla-compras thead th{background:linear-gradient(180deg,var(--blue-600),var(--blue-700));color:#fff;text-align:left;font-weight:700;letter-spacing:.2px;padding:12px 14px;position:sticky;top:0}.soporte-admin .tabla-compras tbody td{padding:12px 14px;border-bottom:1px solid var(--slate-200);background:#fff}.soporte-admin .tabla-compras tbody tr:nth-child(2n) td{background:var(--blue-50)}.soporte-admin .tabla-compras tbody tr:hover td{background:var(--blue-100);transition:background .2s ease}.soporte-admin .pendiente,.soporte-admin .entregado{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid transparent}.soporte-admin .pendiente{color:#b45309;background:#fff7ed;border-color:#fde68a}.soporte-admin .entregado{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.soporte-admin .sin-registros{margin-top:12px;background:#fff;border:1px dashed var(--blue-200);color:var(--slate-500);padding:14px;border-radius:12px;text-align:center}.soporte-admin .detalle-compra{margin-top:16px;background:#fff;border:1px solid var(--blue-100);border-left:4px solid var(--blue-600);border-radius:12px;padding:14px;box-shadow:0 8px 22px #0206170f}.soporte-admin .detalle-compra h3{margin:0 0 10px;color:var(--blue-700)}.soporte-admin .btn-accion,.soporte-admin .btn-whatsapp,.soporte-admin .btn-pendiente,.soporte-admin .btn-eliminar,.soporte-admin .btn-cerrar{appearance:none;border:1px solid transparent;border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease,background .2s ease,color .2s ease;white-space:nowrap}.soporte-admin .btn-accion{background:#fff;color:var(--blue-700);border-color:var(--blue-200)}.soporte-admin .btn-accion:hover{background:var(--blue-50);box-shadow:0 4px 12px #2563eb26}.soporte-admin .btn-whatsapp{background:#10b981;color:#fff}.soporte-admin .btn-whatsapp:hover{background:#059669;box-shadow:0 4px 12px #10b98140}.soporte-admin .btn-pendiente{background:linear-gradient(180deg,var(--blue-500),var(--blue-600));color:#fff}.soporte-admin .btn-pendiente:hover{filter:brightness(1.03);box-shadow:0 6px 16px #2563eb59}.soporte-admin .btn-eliminar{background:#f43f5e;color:#fff}.soporte-admin .btn-eliminar:hover{background:#e11d48;box-shadow:0 4px 12px #f43f5e40}.soporte-admin .btn-cerrar{background:#fff;color:var(--slate-700);border-color:var(--slate-200)}.soporte-admin .btn-cerrar:hover{background:var(--blue-50)}.soporte-admin .btn-accion:active,.soporte-admin .btn-whatsapp:active,.soporte-admin .btn-pendiente:active,.soporte-admin .btn-eliminar:active,.soporte-admin .btn-cerrar:active{transform:translateY(1px)}.soporte-admin .tabla-compras td:last-child{display:flex;gap:8px;align-items:center}.soporte-admin .tabla-scroll::-webkit-scrollbar{height:10px}.soporte-admin .tabla-scroll::-webkit-scrollbar-track{background:var(--blue-50);border-radius:999px}.soporte-admin .tabla-scroll::-webkit-scrollbar-thumb{background:var(--blue-200);border-radius:999px}.soporte-admin .tabla-scroll::-webkit-scrollbar-thumb:hover{background:var(--blue-500)}.soporte-admin .soporte-toolbar{display:flex;align-items:center;gap:10px;margin:12px 0 16px;padding:8px;background:linear-gradient(180deg,#f7f9ff,#eef3ff);border:1px solid #d6e0ff;border-radius:12px;box-shadow:0 6px 16px #1d4ed80f}.soporte-admin .soporte-search{flex:1 1 auto;height:42px;padding:0 14px;border-radius:10px;border:1px solid #c8d6ff;background:#fff;outline:none;font-size:14px;color:#0f172a;transition:box-shadow .15s ease,border-color .15s ease}.soporte-admin .soporte-search::placeholder{color:#7c8db5}.soporte-admin .soporte-search:focus{border-color:#5b7bff;box-shadow:0 0 0 3px #3b82f640}.soporte-admin .btn-clear{height:40px;padding:0 12px;border-radius:10px;border:1px solid #cbd5e1;background:#f1f5f9;color:#0f172a;font-weight:600;cursor:pointer;transition:all .15s ease}.soporte-admin .btn-clear:hover{background:#e2e8f0;border-color:#b6c2d1}.soporte-admin .btn-refresh{height:40px;padding:0 14px;border-radius:10px;border:1px solid #1e40af;background:#2563eb;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 6px 14px #2563eb40;transition:transform .06s ease,box-shadow .15s ease,filter .15s ease}.soporte-admin .btn-refresh:hover{filter:brightness(1.05);box-shadow:0 8px 18px #2563eb52}.soporte-admin .btn-refresh:active{transform:translateY(1px)}@media (max-width: 720px){.soporte-admin .soporte-toolbar{flex-direction:column;align-items:stretch;gap:8px}.soporte-admin .btn-clear,.soporte-admin .btn-refresh{width:100%}}.soporte-admin .acciones-row{display:flex;flex-wrap:wrap;gap:6px}.ordenes-container{--bg-body: #f3f6ff;--card: #ffffff;--card-2: #ffffff;--header: #1e3a8a;--header-2: #1f47a3;--text: #0b1225;--muted: #667084;--line: #e6e9f3;--accent: #2563eb;--accent-2: #5491ff;--good: #16a34a;--warn: #eab308;--bad: #dc2626;--table-header-text: #ffffff}.ordenes-container{background:var(--bg-body);font-family:Segoe UI,sans-serif;padding:20px}.ordenes-container .section-title{background:var(--card);color:var(--text);font-weight:700;font-size:18px;padding:12px 20px;margin:12px auto;text-align:center;border:1px solid var(--line);box-shadow:0 6px 18px #10182814;border-radius:12px}.ordenes-container .tabla-scroll{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 28px #10182814;overflow-x:auto}.ordenes-container .tabla-compras thead th{background:linear-gradient(180deg,var(--header),var(--header-2));color:var(--table-header-text);padding:12px;text-align:center;font-weight:600;border-bottom:none}.ordenes-container .tabla-compras tbody td{background:#fff;color:var(--text);padding:10px;text-align:center;border-bottom:1px solid var(--line)}.ordenes-container .tabla-compras tbody tr:nth-child(2n) td{background:#f7faff}.ordenes-container .tabla-compras tbody tr:hover td{background:#e5edff}.ordenes-container input[type=text].buscador{padding:10px;width:100%;max-width:500px;margin:10px auto 20px;display:block;border:1px solid var(--line);border-radius:8px;font-size:14px}.ordenes-container .btn-accion,.ordenes-container .btn-soporte{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;border:1px solid var(--line);background:#f7f9ff;color:var(--text);cursor:pointer;transition:all .2s}.ordenes-container .btn-accion:hover,.ordenes-container .btn-soporte:hover{background:#eef4ff;border-color:#d5def5}.ordenes-container .btn-whatsapp{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;border:none;padding:6px 10px;border-radius:6px;font-weight:700;cursor:pointer}.ordenes-container .btn-whatsapp:hover{filter:brightness(1.1)}.ordenes-container .btn-entregar{background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#fff;border:none;padding:6px 10px;border-radius:6px;font-weight:700;cursor:pointer}.ordenes-container .btn-entregar:hover{filter:brightness(1.1)}.ordenes-container .estado.entregado{background:#eaffe9;color:#0f6a40;border:1px solid #b9f1d1;padding:4px 8px;border-radius:6px;font-weight:600;display:inline-block}.ordenes-container .estado.pendiente{background:#fff6db;color:#8a6a00;border:1px solid #f8e6a6;padding:4px 8px;border-radius:6px;font-weight:600}.ordenes-container .estado.vencido{background:#ffe9e9;color:#8a1f1f;border:1px solid #ffc5c5;padding:4px 8px;border-radius:6px;font-weight:600}.ordenes-container .lock{background:#f6f8ff;border:1px solid var(--line);color:#6b7280;padding:4px 6px;border-radius:4px}.ordenes-container .sin-registros{color:var(--muted);text-align:center;padding:20px;font-size:16px}.ordenes-container .tabla-compras td,.ordenes-container .tabla-compras th{white-space:normal}.ordenes-container .tabla-compras{width:100%;table-layout:auto;border-collapse:collapse}.ordenes-container .tabla-scroll{overflow-x:auto;max-width:100%}.ordenes-container .estado.activo{background:#22c55e;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-weight:700;display:inline-block}.ordenes-container .estado.pendiente{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:8px;font-weight:700;display:inline-block}.admin-compras-container{--bg: #eef3ff;--card: #ffffff;--line: #e1e7f5;--text: #0b1225;--muted: #667084;--blue-900: #163a9a;--blue-700: #2956d7;--blue-600: #3f6bf0;--blue-500: #4c6cf7;--green: #16a34a;--amber:#f59e0b;--red:#e11d48;--shadow-lg: 0 18px 36px rgba(22, 58, 154, .14);--shadow-md: 0 10px 24px rgba(22, 58, 154, .1);--shadow-sm: 0 6px 16px rgba(22, 58, 154, .08);--radius-xl: 16px;--radius: 12px;--radius-sm: 10px;--pill: 999px;--t: .14s cubic-bezier(.2,.6,.2,1);background:radial-gradient(1100px 560px at 10% -12%,rgba(76,108,247,.09),transparent 60%),radial-gradient(900px 520px at 92% -18%,rgba(41,86,215,.07),transparent 60%),var(--bg);min-height:100vh;padding:24px;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}.admin-compras-container .encabezado-compras{background:linear-gradient(180deg,#ffffff1a,#fff0),linear-gradient(180deg,var(--blue-900),#1a49bf);color:#fff;border:1px solid rgba(22,58,154,.35);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.admin-compras-container .section-title{margin:0;font-size:20px;font-weight:900;letter-spacing:.3px;text-transform:uppercase}.admin-compras-container .acciones-superiores{display:flex;gap:10px;align-items:center}.admin-compras-container .btn-accion,.admin-compras-container .btn-accion-roja{border:none;cursor:pointer;font-weight:800;padding:10px 14px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-md);transition:transform var(--t),filter var(--t),box-shadow var(--t)}.admin-compras-container .btn-accion{background:linear-gradient(180deg,var(--blue-600),var(--blue-700));color:#fff;border:1px solid rgba(22,58,154,.35)}.admin-compras-container .btn-accion-roja{background:linear-gradient(180deg,#f25772,var(--red));color:#fff;border:1px solid rgba(225,29,72,.35)}.admin-compras-container .btn-accion:hover,.admin-compras-container .btn-accion-roja:hover{transform:translateY(-1px);filter:brightness(1.06)}.admin-compras-container .btn-accion:active,.admin-compras-container .btn-accion-roja:active{transform:translateY(0) scale(.98)}.admin-compras-container .admincompras-buscador-titulo{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px auto}.admin-compras-container .admincompras-buscador-titulo input{width:min(560px,92%);background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:12px 16px;outline:none;box-shadow:var(--shadow-sm);color:var(--text);transition:border-color var(--t),box-shadow var(--t)}.admin-compras-container .admincompras-buscador-titulo input::placeholder{color:#8b95ad}.admin-compras-container .admincompras-buscador-titulo input:focus{border-color:var(--blue-500);box-shadow:0 0 0 6px #4c6cf729}.admin-compras-container .tabla-scroll{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow-x:hidden;overflow-y:auto;width:100%;margin-inline:auto}.admin-compras-container .tabla-compras{width:100%;border-collapse:separate;border-spacing:0;color:var(--text);font-size:14px;table-layout:fixed}.admin-compras-container .tabla-compras thead th{position:sticky;top:0;z-index:2;background:linear-gradient(90deg,var(--blue-700),var(--blue-600));color:#fff;text-align:left;font-weight:900;letter-spacing:.2px;padding:10px 12px;border-bottom:1px solid #d9e2ff;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.15;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}.admin-compras-container .tabla-compras thead th+th{border-left:1px solid rgba(255,255,255,.28)}.admin-compras-container .tabla-compras tbody td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle;background:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-compras-container .tabla-compras tbody tr:nth-child(odd) td{background:#f9fbff}.admin-compras-container .tabla-compras tbody tr:hover td{background:#eef3ff}.admin-compras-container .tabla-compras th:nth-child(1),.admin-compras-container .tabla-compras td:nth-child(1){width:56px;min-width:56px;max-width:64px;text-align:center}.admin-compras-container .tabla-compras th:nth-child(23),.admin-compras-container .tabla-compras td:nth-child(23){width:64px;min-width:60px;text-align:center}.admin-compras-container .tabla-compras th:nth-child(2),.admin-compras-container .tabla-compras td:nth-child(2){width:7%}.admin-compras-container .tabla-compras th:nth-child(3),.admin-compras-container .tabla-compras td:nth-child(3){width:6%}.admin-compras-container .tabla-compras th:nth-child(4),.admin-compras-container .tabla-compras td:nth-child(4){width:4%}.admin-compras-container .tabla-compras th:nth-child(5),.admin-compras-container .tabla-compras td:nth-child(5){width:7%}.admin-compras-container .tabla-compras th:nth-child(6),.admin-compras-container .tabla-compras td:nth-child(6){width:4%}.admin-compras-container .tabla-compras th:nth-child(7),.admin-compras-container .tabla-compras td:nth-child(7){width:4%}.admin-compras-container .tabla-compras th:nth-child(8),.admin-compras-container .tabla-compras td:nth-child(8){width:3%}.admin-compras-container .tabla-compras th:nth-child(9),.admin-compras-container .tabla-compras td:nth-child(9){width:5%}.admin-compras-container .tabla-compras th:nth-child(10),.admin-compras-container .tabla-compras td:nth-child(10){width:3%;text-align:center}.admin-compras-container .tabla-compras th:nth-child(11),.admin-compras-container .tabla-compras td:nth-child(11){width:5%}.admin-compras-container .tabla-compras th:nth-child(12),.admin-compras-container .tabla-compras td:nth-child(12){width:6%}.admin-compras-container .tabla-compras th:nth-child(13),.admin-compras-container .tabla-compras td:nth-child(13){width:5%}.admin-compras-container .tabla-compras th:nth-child(14),.admin-compras-container .tabla-compras td:nth-child(14){width:5%}.admin-compras-container .tabla-compras th:nth-child(15),.admin-compras-container .tabla-compras td:nth-child(15){width:4%}.admin-compras-container .tabla-compras th:nth-child(16),.admin-compras-container .tabla-compras td:nth-child(16){width:4%}.admin-compras-container .tabla-compras th:nth-child(17),.admin-compras-container .tabla-compras td:nth-child(17){width:5%;text-align:center}.admin-compras-container .tabla-compras th:nth-child(18),.admin-compras-container .tabla-compras td:nth-child(18){width:5%;text-align:center}.admin-compras-container .tabla-compras th:nth-child(19),.admin-compras-container .tabla-compras td:nth-child(19){width:4%;text-align:center}.admin-compras-container .tabla-compras th:nth-child(20),.admin-compras-container .tabla-compras td:nth-child(20){width:4%;text-align:center;font-weight:800}.admin-compras-container .tabla-compras th:nth-child(21),.admin-compras-container .tabla-compras td:nth-child(21){width:3%;text-align:center}.admin-compras-container .tabla-compras th:nth-child(22),.admin-compras-container .tabla-compras td:nth-child(22){width:3%;text-align:center}.admin-compras-container .dia-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:28px;padding:0 10px;border-radius:var(--pill);font-weight:900;font-size:13px;background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.admin-compras-container .dia-chip.verde{background:#eaf9f0;color:#0b6b37;border-color:#ccebd6}.admin-compras-container .dia-chip.amarillo{background:#fff7e6;color:#8a5b09;border-color:#ffe3b2}.admin-compras-container .dia-chip.rojo{background:#fff1f3;color:#8a1026;border-color:#ffd0d9}.admin-compras-container .estado-badge{display:inline-flex;align-items:center;gap:6px;font-weight:900;font-size:12px;text-transform:lowercase;padding:6px 10px;border-radius:var(--pill);border:1px solid var(--line);background:#fff;color:var(--text)}.admin-compras-container .estado-badge.activo{background:#eaf9f0;color:#00b05c;border-color:#ccebd6}.admin-compras-container .estado-badge.vencida{background:#fff1f3;color:#d61f3b;border-color:#ffd0d9}.admin-compras-container .estado-badge.pendiente{background:#fff7e6;color:#b77409;border-color:#ffe3b2}.admin-compras-container .btn-eliminar{width:38px;height:36px;padding:0;border:none;cursor:pointer;border-radius:10px;background:var(--red);color:#fff;font-weight:900;font-size:16px;box-shadow:var(--shadow-sm);transition:transform var(--t),filter var(--t),box-shadow var(--t)}.admin-compras-container .btn-eliminar:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 10px 22px #e11d4838}.admin-compras-container .btn-eliminar:active{transform:translateY(0) scale(.98)}@media (max-width: 1280px){.admin-compras-container .tabla-compras,.admin-compras-container .tabla-compras thead th{font-size:13px}}@media (max-width: 1024px){.admin-compras-container .tabla-compras thead th,.admin-compras-container .tabla-compras tbody td{padding:7px 8px}}@media (max-width: 820px){.admin-compras-container .acciones-superiores{flex-wrap:wrap;justify-content:flex-end}.admin-compras-container .btn-accion,.admin-compras-container .btn-accion-roja{padding:9px 12px}}@media (max-width: 640px){.admin-compras-container .tabla-compras,.admin-compras-container .tabla-compras thead th{font-size:12px}.admin-compras-container .btn-eliminar{width:34px;height:32px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;padding:30px;border-radius:12px;box-shadow:0 8px 20px #00000040;width:400px;max-width:90%;text-align:center}.profile-title{margin-bottom:15px;color:#1e73be;font-weight:700;font-size:22px}.error-message{color:red;margin-bottom:10px;font-size:14px;text-align:left}.modal-content label{display:block;margin-top:10px;font-weight:700;color:#333;text-align:left}.modal-content input{width:100%;padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:6px;font-size:14px}.button-group{margin-top:20px;display:flex;justify-content:space-between;gap:10px}.btn{flex:1;padding:12px;border:none;border-radius:8px;font-weight:700;color:#fff;cursor:pointer;transition:.2s}.btn-green{background:#28a745}.btn-green:hover{background:#218838}.btn-red{background:#dc3545}.btn-red:hover{background:#c82333}.cartera-container,.cartera-container *{box-sizing:border-box}.cartera-container{--bg: #f6f7fb;--card: #ffffff;--card-2: #fafafb;--stroke: rgba(2, 6, 23, .08);--text: #0f172a;--muted: #475569;--primary: #7c3aed;--primary-600: #6d28d9;--primary-700: #5b21b6;--accent: #0ea5e9;--success: #16a34a;--danger: #ef4444;--warning: #f59e0b;position:relative;z-index:0;min-height:100vh;min-height:100dvh;min-height:100svh;display:block;padding:clamp(16px,3vw,32px);padding-top:calc(env(safe-area-inset-top,0px) + clamp(16px,3vw,32px));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";overflow-x:clip}.cartera-container:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 400px at 10% -10%,rgba(124,58,237,.1),transparent 60%),radial-gradient(700px 350px at 110% 0%,rgba(14,165,233,.1),transparent 60%),var(--bg)}.cartera-container .cartera-box{width:min(100%,1000px);margin:0 auto;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--stroke);border-radius:22px;padding:clamp(16px,3.2vw,28px);box-shadow:0 15px 35px #0206171a,inset 0 1px #ffffff59;animation:cartera-fade .3s ease both}@keyframes cartera-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cartera-container h2,.cartera-container h3{margin:.25rem 0 .6rem;letter-spacing:.2px}.cartera-container h2 span{color:var(--primary)}.cartera-container p{color:var(--muted);margin:.25rem 0 .5rem}.cartera-container hr{border:none;height:1px;margin:18px 0;background:linear-gradient(90deg,transparent,var(--stroke),transparent)}.cartera-container input[type=number]{width:min(100%,420px);background:#f1f5f9;color:var(--text);border:1px solid var(--stroke);border-radius:14px;padding:12px 14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;margin-top:8px}.cartera-container input[type=number]::placeholder{color:#64748b;opacity:.9}.cartera-container input[type=number]:hover{border-color:#7c3aed59}.cartera-container input[type=number]:focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px #7c3aed33;background:#fff}.cartera-container .botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.cartera-container button{appearance:none;border:1px solid transparent;border-radius:14px;padding:10px 14px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;color:#fff}.cartera-container .recargar-btn{background:linear-gradient(180deg,var(--primary),var(--primary-600));box-shadow:0 10px 24px #7c3aed59;filter:saturate(1.1)}.cartera-container .recargar-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px #7c3aed73}.cartera-container .recargar-btn:active{transform:translateY(0)}.cartera-container .volver-btn{background:#eef2ff;color:var(--primary-700);border-color:#7c3aed40}.cartera-container .volver-btn:hover{background:#e9d5ff;border-color:#7c3aed73}.cartera-container .cartera-columns{display:grid;gap:clamp(12px,2.5vw,18px);margin-top:10px;grid-template-columns:1fr}@media (min-width: 900px){.cartera-container .cartera-columns{grid-template-columns:1fr 1fr}}.cartera-container .cartera-card{background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:14px;min-height:160px;box-shadow:inset 0 0 0 1px #fff9}.cartera-container .seccion-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.cartera-container .descargar-seccion-btn{background:#7c3aed1f;border:1px solid rgba(124,58,237,.35);color:var(--primary-700);padding:8px 12px;font-weight:700}.cartera-container .descargar-seccion-btn:hover{background:#7c3aed33;border-color:#7c3aed8c}.cartera-container .cartera-item{border:1px dashed rgba(124,58,237,.25);border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,#f5f0ff,#f7f2ff);margin:10px 0}.cartera-container .cartera-item p{margin:4px 0;color:#334155}.cartera-container b{color:#111827}.cartera-container .cartera-item b,.cartera-container .cartera-card p:last-child{background:linear-gradient(90deg,#7c3aed,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;letter-spacing:.2px;text-shadow:0 0 1px rgba(17,24,39,.12)}.cartera-container .cartera-card p:last-child{background:linear-gradient(90deg,#7c3aed1f,#0ea5e91a);-webkit-background-clip:initial;background-clip:initial;color:initial;padding:8px 10px;border-radius:12px;display:inline-block;color:#111827;font-weight:800}.cartera-container .saldo-ok{color:var(--success)!important}.cartera-container .saldo-warn{color:var(--warning)!important}.cartera-container .saldo-zero{color:var(--danger)!important}.cartera-container .error,.cartera-container p[style*="color: red"]{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#b91c1c!important;padding:8px 10px;border-radius:10px;width:fit-content}.cartera-container button:focus-visible{outline:none;box-shadow:0 0 0 4px #7c3aed59}@media (max-width: 480px){.cartera-container .cartera-box{padding:14px;border-radius:20px}.cartera-container .seccion-header h3{font-size:1rem}.cartera-container .descargar-seccion-btn{padding:7px 10px;font-size:.92rem}.cartera-container input[type=number]{width:100%}}@media (prefers-color-scheme: dark){.cartera-container{--bg: #121318;--card: #12161f;--card-2: #0f1420;--text: #e5e7eb;--muted: #cbd5e1}.cartera-container:before{background:radial-gradient(900px 400px at 10% -10%,rgba(124,58,237,.18),transparent 60%),radial-gradient(700px 350px at 110% 0%,rgba(14,165,233,.15),transparent 60%),var(--bg)}.cartera-container .cartera-card{background:linear-gradient(180deg,var(--card),var(--card-2))}.cartera-container .cartera-item{background:linear-gradient(180deg,#7c3aed1f,#7c3aed1a);border-color:#94a3b840}.cartera-container .cartera-item p{color:#e2e8f0}.cartera-container .cartera-card p:last-child{color:#fff;background:#7c3aed2e}}.cartera-container{--primary: #2563eb;--primary-600: #1d4ed8;--primary-700: #1e40af;--accent: #0ea5e9;--bg: #f5f8ff}.cartera-container:before{background:radial-gradient(900px 400px at 10% -10%,rgba(37,99,235,.12),transparent 60%),radial-gradient(700px 350px at 110% 0%,rgba(14,165,233,.12),transparent 60%),var(--bg)}.cartera-container .volver-btn{background:#e6f0ff;color:var(--primary-700);border-color:#2563eb40}.cartera-container .volver-btn:hover{background:#dbeafe;border-color:#2563eb73}.cartera-container .descargar-seccion-btn{background:#2563eb1f;border:1px solid rgba(37,99,235,.35);color:var(--primary-700)}.cartera-container .cartera-item{background:linear-gradient(180deg,#eef2ff,#edf2ff);border-color:#2563eb40}.cartera-container .cartera-item b,.cartera-container .cartera-card p:last-child{background:linear-gradient(90deg,#2563eb,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent}.cartera-container .cartera-card p:last-child{background:linear-gradient(90deg,#2563eb1f,#0ea5e91a);-webkit-background-clip:initial;background-clip:initial;color:#111827}@media (prefers-color-scheme: dark){.cartera-container{--bg: #0b0f19;--card: #0b111d;--card-2: #0a0f19;--text: #e5e7eb;--muted: #cbd5e1}.cartera-container:before{background:radial-gradient(900px 400px at 10% -10%,rgba(37,99,235,.22),transparent 60%),radial-gradient(700px 350px at 110% 0%,rgba(14,165,233,.18),transparent 60%),var(--bg)}.cartera-container .cartera-item{background:linear-gradient(180deg,#2563eb1f,#2563eb1a);border-color:#94a3b840}.cartera-container .cartera-card p:last-child{color:#fff;background:#2563eb2e}}:root{--morado: #4527f0;--borde: #7c99f7;--texto: #000;--fondo-oscuro: #1e1e1e;--blanco: #fff}*{box-sizing:border-box;margin:0;padding:0}.compras-wrapper{padding:25px;font-family:system-ui,sans-serif;background:var(--fondo-oscuro);color:var(--texto);min-height:100vh}.cabecera-compras{background:var(--blanco);padding:20px 30px;border-radius:12px;box-shadow:0 3px 10px #0000001a;margin:0 auto 25px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:900px}.cabecera-compras h2{font-size:22px;font-weight:700;margin-bottom:8px}.cabecera-compras p{color:#333;font-size:16px;margin-bottom:15px}.acciones-compras{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.btn{font-weight:700;padding:8px 14px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:.3s}.btn-volver{background-color:#007bff;color:var(--blanco)}.btn-volver:hover{background-color:#0056b3}.btn-descargar{background-color:#dc3545;color:var(--blanco)}.btn-descargar:hover{background-color:#b92c3a}.tabla-container{width:100%;overflow-x:auto;border:1px solid var(--borde);border-radius:10px;background:var(--blanco);padding:10px;box-shadow:0 2px 6px #0000001a}.tabla-morada{width:2000px;border-collapse:collapse;text-align:left;font-size:13.5px;border-radius:8px;overflow:hidden}.tabla-morada thead th{background:var(--morado);color:var(--blanco);padding:12px 10px;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.25);white-space:nowrap}.tabla-morada tbody td{background:var(--blanco);padding:10px 12px;color:var(--texto);border-top:1px solid #ddd;border-right:1px solid #eee;vertical-align:middle;text-align:center;white-space:nowrap}.tabla-morada tbody tr:hover td{background:#f7f7f7}.tabla-morada a{color:#007bff;text-decoration:none;font-weight:500}.tabla-morada a:hover{text-decoration:underline}.editable-input{width:100%;border:1px solid #ccc;border-radius:4px;padding:3px 6px;text-align:center;font-size:13px;transition:.2s}.editable-input:focus{border-color:var(--morado);outline:none;background:#f0eaff}.celda-password{text-align:center}.btn-ver{background:var(--morado);color:#fff;border:none;border-radius:6px;padding:5px 10px;cursor:pointer;font-weight:600;transition:.2s}.btn-ver:hover{background:#5b3ff7;transform:scale(1.05)}.password-visible{display:flex;align-items:center;justify-content:center;gap:6px}.btn-copy{background:none;border:none;cursor:pointer;color:#333;font-size:16px;transition:.2s}.btn-copy:hover{color:var(--morado);transform:scale(1.2)}.copiado-msg{font-size:12px;color:#28a745;font-weight:600;animation:fadeOut 1s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 768px){.tabla-morada{font-size:12px;width:1200px}.cabecera-compras{padding:15px}.btn{font-size:13px;padding:7px 10px}}.btn-ocultar{background:#555;color:#fff;border:none;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px;margin-left:6px;transition:.2s}.btn-ocultar:hover{background:#333;transform:scale(1.05)}.celda-dominio{text-align:center;vertical-align:middle;min-width:150px}.dominio-editable{display:flex;flex-direction:column;align-items:center;gap:6px}.dominio-editable input{width:140px;padding:5px;text-align:center;border-radius:6px;border:1px solid #ccc;font-size:13px}.iconos-dominio{display:flex;gap:8px;justify-content:center}.btn-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;transition:.2s}.btn-icon i{font-size:15px;line-height:1}.btn-editar i{color:#e67e22}.btn-guardar i{color:#16a34a}.btn-enviar i{color:#2563eb}.btn-icon:hover{background:#f5f5ff;transform:scale(1.05)}.dominio-texto{display:flex;flex-direction:column;align-items:center;gap:6px}.dominio-texto span{font-size:13px;color:#111}.notificacion-exito{position:fixed;top:20px;right:20px;background-color:#4caf50;color:#fff;padding:10px 20px;border-radius:8px;font-weight:500;box-shadow:0 0 10px #0003;animation:fadein .3s,fadeout .5s 2.3s;z-index:9999}@keyframes fadein{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeout{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.btn-ticket-general{background-color:#6a0dad;color:#fff;border:none;border-radius:8px;padding:8px 14px;margin-left:10px;cursor:pointer;font-weight:500;transition:background .3s}.btn-ticket-general:hover{background-color:#4b088a}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;margin-left:4px}.btn-enviar{color:green}.celda-soporte{text-align:center;padding:6px}.botones-soporte{display:flex;flex-direction:column;gap:4px;align-items:center}.btn-soporte{background:#6a0dad;color:#fff;border:none;font-size:11px;padding:4px 8px;border-radius:6px;cursor:pointer;transition:.2s ease;width:130px;text-align:center}.btn-soporte:hover{background:#8746f5;transform:scale(1.05)}.btn-reportar{background:#e74c3c}.btn-reportar:hover{background:#f65}.btn-whatsapp-proveedor{background:#25d366}.btn-whatsapp-proveedor:hover{background:#33e377}.btn-chat{background:#3498db}.btn-chat:hover{background:#5dade2}.fila-en-soporte{background:#ffe6e6!important;border-left:4px solid #e74c3c}.td-dias-restantes{font-weight:700;font-size:17px;color:var(--morado);text-align:center}.btn-recordatorio{background-color:#25d366;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;margin-left:6px;padding:4px 8px;transition:transform .2s ease}.td-dias-restantes{font-weight:700;font-size:20px;text-align:center}.td-dias-restantes.verde{color:#00d26a}.td-dias-restantes.amarillo{color:#fc0}.td-dias-restantes.rojo{color:#ff3b3b}.btn-recordatorio{background-color:#25d366;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:18px;margin-left:8px;padding:4px 8px;transition:transform .2s ease,background-color .2s ease}.btn-recordatorio:hover{transform:scale(1.1);background-color:#1ebc57}.estado{font-weight:700;padding:4px 10px;border-radius:6px;display:inline-block;text-transform:uppercase;font-size:13px;letter-spacing:.5px}.estado-activo{background-color:#22c55e;color:#fff}.estado-pendiente{background-color:#3b82f6;color:#fff}.estado-vencido{background-color:#ef4444;color:#fff}.estado-en-revisión{background-color:#facc15;color:#000}.tabla-morada tbody tr.fila-en-soporte{background:#fff1f2!important}.tabla-morada tbody tr.fila-en-soporte td{border-color:#ffe4e6!important}.estado-en-revision{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:4px 8px;border-radius:8px;font-weight:600}.compras-wrapper .tabla-morada thead th:nth-child(11),.compras-wrapper .tabla-morada thead th:nth-child(12),.compras-wrapper .tabla-morada thead th:nth-child(13){width:160px}.compras-wrapper .tabla-morada tbody td:nth-child(11),.compras-wrapper .tabla-morada tbody td:nth-child(12),.compras-wrapper .tabla-morada tbody td:nth-child(13){max-width:160px;width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty-compras{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center;box-shadow:0 10px 24px #0000000f}.cardpay-overlay{background:#0009;min-height:100vh;display:flex;justify-content:center;align-items:center}.cardpay-contenedor{background:#fff;padding:1.5rem;border-radius:12px;width:300px;box-shadow:0 0 12px #0000004d;position:relative;font-family:sans-serif}.cardpay-cerrar{position:absolute;top:10px;right:10px;background:#dc143c;color:#fff;border:none;border-radius:50%;padding:2px 8px;cursor:pointer}.cardpay-saldo{text-align:center;margin-bottom:1rem}.cardpay-telefono{display:flex;gap:6px;align-items:center;margin-bottom:1rem}.cardpay-telefono span{background:#f0f0f0;padding:6px;border-radius:6px;font-weight:700}.cardpay-telefono input{flex:1}input{width:100%;padding:6px;margin-bottom:1rem;border-radius:6px;border:1px solid #ccc}.cardpay-pagar{background:#4169e1;color:#fff;border:none;width:100%;padding:8px;font-weight:700;border-radius:8px;cursor:pointer}.accesos-productos{--bg-page: #f1f5ff;--bg-page-2: #ecf2ff;--card: #ffffff;--card-2: #f9fbff;--line: #e3e8f6;--line-2: #d8e0f2;--text: #0b1225;--muted: #667084;--muted-2: #8a94aa;--blue-900: #123892;--blue-800: #1846b3;--blue-700: #2456d6;--blue-600: #3f6bf0;--blue-500: #4c6cf7;--blue-400: #6d88fb;--blue-200: #e9efff;--blue-100: #f3f6ff;--green: #16a34a;--green-600: #1a9247;--red: #e11d48;--red-700: #b91c1c;--amber: #f59e0b;--purple: #7c3aed;--purple-700: #6d28d9;--shadow-lg: 0 18px 36px rgba(20, 42, 120, .13);--shadow-md: 0 10px 22px rgba(20, 42, 120, .1);--shadow-sm: 0 6px 14px rgba(20, 42, 120, .08);--inner: inset 0 1px 0 rgba(255,255,255,.45);--radius-xl: 18px;--radius-lg: 14px;--radius: 12px;--radius-sm: 10px;--radius-pill: 999px;--t: .14s cubic-bezier(.2,.6,.2,1);background:radial-gradient(1100px 600px at 8% -10%,rgba(76,108,247,.08),transparent 60%),radial-gradient(900px 520px at 92% -15%,rgba(36,86,214,.06),transparent 60%),var(--bg-page);min-height:100vh;color:var(--text);padding:24px;font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif}.accesos-productos .accesos-header{background:linear-gradient(180deg,#ffffff29,#fff0),linear-gradient(180deg,var(--blue-900),#1a49bf);color:#fff;padding:16px 20px;border-radius:var(--radius-lg);border:1px solid rgba(18,56,146,.35);box-shadow:var(--shadow-lg);text-align:center;position:relative;overflow:hidden}.accesos-productos .accesos-header:after{content:"";position:absolute;inset:0;background:radial-gradient(300px 90px at 50% -40px,rgba(255,255,255,.28),transparent 60%);pointer-events:none}.accesos-productos .accesos-header h2{margin:0;font-size:19px;letter-spacing:.25px}.accesos-productos .accesos-volver{display:flex;justify-content:center;margin:10px 0 18px}.accesos-productos .btn-volver{background:linear-gradient(180deg,var(--blue-700),var(--blue-900));color:#fff;border:1px solid rgba(18,56,146,.35);border-radius:var(--radius);padding:10px 16px;font-weight:800;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--t),box-shadow var(--t),filter var(--t)}.accesos-productos .btn-volver:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 12px 28px #2456d640}.accesos-productos .accesos-buscador{display:flex;justify-content:center;margin-bottom:14px}.accesos-productos .accesos-buscador input{width:100%;max-width:560px;background:#fff;border:1px solid var(--line);color:var(--text);padding:12px 16px;border-radius:var(--radius-pill);outline:none;box-shadow:var(--shadow-sm);transition:border-color var(--t),box-shadow var(--t),background var(--t)}.accesos-productos .accesos-buscador input::placeholder{color:#8e98b1}.accesos-productos .accesos-buscador input:focus{border-color:var(--blue-500);box-shadow:0 0 0 6px #4c6cf729;background:#fff}.accesos-productos .table-container{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:auto}.accesos-productos .user-table{width:100%;border-collapse:separate;border-spacing:0;color:var(--text);font-size:14px}.accesos-productos .user-table thead th{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#ffffff14,#fff0),linear-gradient(90deg,var(--blue-700),var(--blue-500));color:#fff;text-align:left;font-weight:800;letter-spacing:.2px;padding:12px 14px;border-bottom:1px solid #dbe4ff;white-space:nowrap;box-shadow:var(--inner)}.accesos-productos .user-table thead th+th{border-left:1px solid rgba(255,255,255,.3)}.accesos-productos .user-table tbody td{padding:10px 12px;border-bottom:1px solid var(--line);background:#fff;vertical-align:middle}.accesos-productos .user-table tbody tr:nth-child(odd) td{background:#f8fbff}.accesos-productos .user-table tbody tr:hover td{background:#eef3ff}.accesos-productos.density-compact .user-table thead th{padding:9px 10px;font-size:13px}.accesos-productos.density-compact .user-table tbody td{padding:7px 9px;font-size:13px}.accesos-productos.density-comfortable .user-table thead th{padding:14px 16px}.accesos-productos.density-comfortable .user-table tbody td{padding:12px 14px}.accesos-productos .user-table td input[type=text],.accesos-productos .user-table td input[type=password],.accesos-productos .user-table td input[type=date],.accesos-productos .user-table td input:not([type]){width:100%;background:#fff;border:1px solid #dfe6f7;color:#0b1225;padding:9px 10px;border-radius:10px;outline:none;transition:border-color var(--t),box-shadow var(--t),background var(--t)}.accesos-productos .user-table td input::placeholder{color:#9aa6c2}.accesos-productos .user-table td input:focus{border-color:var(--blue-500);box-shadow:0 0 0 5px #4c6cf72e}.accesos-productos .user-table td input[type=date]{letter-spacing:.2px}.accesos-productos .center,.accesos-productos .user-table td.center,.accesos-productos .user-table th.center{text-align:center}.accesos-productos .actions-cell{display:flex;gap:8px;align-items:center;justify-content:flex-start}.accesos-productos .btn{border:none;padding:9px 11px;border-radius:12px;cursor:pointer;font-weight:800;display:inline-flex;align-items:center;justify-content:center;min-width:38px;box-shadow:var(--shadow-sm);transition:transform var(--t),filter var(--t),box-shadow var(--t)}.accesos-productos .btn:active{transform:translateY(1px) scale(.98)}.accesos-productos .btn-green{background:var(--green);color:#fff}.accesos-productos .btn-green:hover{filter:brightness(1.06);box-shadow:0 10px 24px #16a34a38;background:var(--green-600)}.accesos-productos .btn-red{background:var(--red);color:#fff}.accesos-productos .btn-red:hover{filter:brightness(1.06);box-shadow:0 10px 24px #e11d4838;background:var(--red-700)}.accesos-productos .btn-purple{background:var(--purple);color:#fff}.accesos-productos .btn-purple:hover{filter:brightness(1.06);box-shadow:0 10px 24px #7c3aed38;background:var(--purple-700)}.accesos-productos .btn-icon{width:40px;height:36px;padding:0}.accesos-productos .chip{display:inline-flex;align-items:center;gap:8px;background:#f3f6ff;border:1px solid var(--line);padding:6px 10px;border-radius:var(--radius-pill);font-weight:700;font-size:12px;color:var(--blue-900)}.accesos-productos .notificacion{margin-top:14px;padding:12px 14px;border-radius:var(--radius);font-weight:700;border:1px solid var(--line);background:#fff;color:var(--text);box-shadow:var(--shadow-sm)}.accesos-productos .notificacion.success{border-color:#16a34a38;background:#f0fdf4;color:#065f46}.accesos-productos .notificacion.error{border-color:#e11d4838;background:#fef2f2;color:#991b1b}.accesos-productos .badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:800;border:1px solid var(--line);background:#fff;color:var(--text)}.accesos-productos .badge.blue{background:#eef3ff;color:var(--blue-900);border-color:#dbe4ff}.accesos-productos .badge.green{background:#eaf9f0;color:#0b6b37;border-color:#ccebd6}.accesos-productos .badge.red{background:#fff1f3;color:#8a1026;border-color:#ffd0d9}.accesos-productos .badge.amber{background:#fff7e6;color:#8a5b09;border-color:#ffe3b2}.accesos-productos .has-tip{position:relative}.accesos-productos .has-tip .tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#0b1225;color:#fff;font-size:12px;font-weight:700;padding:6px 10px;border-radius:8px;white-space:nowrap;box-shadow:0 8px 16px #0000002e;opacity:0;pointer-events:none;transition:opacity var(--t),transform var(--t)}.accesos-productos .has-tip:hover .tip{opacity:1;transform:translate(-50%) translateY(-2px)}.accesos-productos .empty{text-align:center;padding:26px 18px;color:var(--muted)}.accesos-productos .empty .icon{font-size:28px;margin-bottom:8px;color:var(--blue-700)}.accesos-productos .empty .title{font-weight:800;color:var(--text)}.accesos-productos .empty .subtitle{color:var(--muted)}.accesos-productos .pagination{display:flex;gap:6px;align-items:center;justify-content:center;padding:12px;margin-top:8px}.accesos-productos .pagination .page{min-width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--text);display:inline-flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.accesos-productos .pagination .page:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:#ccd6f6}.accesos-productos .pagination .page.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600);box-shadow:0 10px 24px #3f6bf038}.accesos-productos .switch{--h: 22px;--w: 42px;position:relative;width:var(--w);height:var(--h);background:#e6ebf7;border-radius:var(--radius-pill);border:1px solid var(--line);transition:background var(--t),border-color var(--t)}.accesos-productos .switch .dot{position:absolute;top:2px;left:2px;width:calc(var(--h) - 4px);height:calc(var(--h) - 4px);border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left var(--t),background var(--t)}.accesos-productos .switch.on{background:#d8f7e5;border-color:#c5efd9}.accesos-productos .switch.on .dot{left:calc(var(--w) - var(--h) + 2px);background:#eafff3}.accesos-productos .section-note{display:flex;gap:10px;align-items:center;justify-content:center;color:var(--muted);font-weight:700;padding:6px 10px}@keyframes row-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.accesos-productos .user-table tbody tr{animation:row-appear .28s ease both}.accesos-productos .user-table thead th:first-child{border-top-left-radius:var(--radius-xl)}.accesos-productos .user-table thead th:last-child{border-top-right-radius:var(--radius-xl)}.accesos-productos .user-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-xl)}.accesos-productos .user-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-xl)}.accesos-productos .col-id{width:56px;text-align:center}.accesos-productos .col-acciones{width:110px}.accesos-productos .col-usado{width:92px;text-align:center}.accesos-productos .col-asignado{width:120px;text-align:center}.accesos-productos .col-fecha{width:150px}.accesos-productos .focus-ring{outline:0;box-shadow:0 0 0 5px #4c6cf72e!important;border-color:var(--blue-500)!important}.accesos-productos.dividers-strong .user-table thead th{border-bottom:2px solid #cfd9fb}.accesos-productos.dividers-strong .user-table thead th+th{border-left:1px solid rgba(255,255,255,.35)}.accesos-productos.dividers-strong .user-table tbody td{border-bottom:1px solid #d6def3}.accesos-productos.header-flat .accesos-header{background:var(--blue-900);border-color:#12389280}.accesos-productos.header-flat .user-table thead th{background:var(--blue-700)}.accesos-productos.rounded-inputs .user-table td input{border-radius:12px}.accesos-productos .text-blue{color:var(--blue-900)}.accesos-productos .text-green{color:var(--green-600)}.accesos-productos .text-red{color:var(--red-700)}.accesos-productos .text-muted{color:var(--muted)}.accesos-productos.head-glass .user-table thead th{background:linear-gradient(180deg,#ffffff1f,#ffffff05),linear-gradient(90deg,var(--blue-700),var(--blue-500));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.accesos-productos .user-table tbody tr:hover td.actions-cell{background:#eaf0ff}.accesos-productos .status-yes{color:#0b6b37;font-weight:800;background:#eaf9f0;border:1px solid #ccebd6;padding:2px 8px;border-radius:var(--radius-pill)}.accesos-productos .status-no{color:#8a1026;font-weight:800;background:#fff1f3;border:1px solid #ffd0d9;padding:2px 8px;border-radius:var(--radius-pill)}.accesos-productos.table-lined .user-table thead th+th{border-left:1px solid rgba(255,255,255,.25)}.accesos-productos.table-lined .user-table tbody td+td{box-shadow:inset 1px 0 #eef2ff}.accesos-productos .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-sm)}.accesos-productos .card .title{font-weight:800;margin-bottom:6px;color:var(--blue-900)}.accesos-productos .btn-secondary{background:#fff;border:1px solid var(--line);color:var(--blue-900);padding:9px 12px;border-radius:var(--radius);font-weight:800;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.accesos-productos .btn-secondary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #142a781f;border-color:#cfd8f1}@media print{.accesos-productos{background:#fff;padding:0}.accesos-productos .accesos-header,.accesos-productos .accesos-buscador,.accesos-productos .accesos-volver,.accesos-productos .notificacion{display:none!important}.accesos-productos .table-container{border:1px solid #cfd8f1;box-shadow:none}.accesos-productos .user-table thead th{background:#2b55d8!important;color:#fff!important}}@media (max-width: 1200px){.accesos-productos{padding:20px}}@media (max-width: 1024px){.accesos-productos .user-table thead th,.accesos-productos .user-table tbody td{padding:9px}}@media (max-width: 820px){.accesos-productos .accesos-buscador input{max-width:100%}.accesos-productos .btn{padding:8px 10px;min-width:34px}.accesos-productos .btn-icon{width:36px;height:34px}}@media (max-width: 640px){.accesos-productos .user-table,.accesos-productos .user-table thead th{font-size:13px}}.tickets-page,.tickets-page *{box-sizing:border-box}.tickets-page{--bg: #f5f8ff;--card: #ffffff;--card-2: #fafafb;--text: #0f172a;--muted: #475569;--stroke: rgba(2, 6, 23, .08);--primary: #2563eb;--primary-600: #1d4ed8;--primary-700: #1e40af;--accent: #0ea5e9;--ok: #16a34a;--warn: #f59e0b;--info: #0891b2;--danger: #ef4444;position:relative;z-index:0;min-height:100vh;min-height:100dvh;min-height:100svh;display:block;padding:clamp(16px,3vw,32px);padding-top:calc(env(safe-area-inset-top,0px) + clamp(16px,3vw,32px));color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";overflow-x:clip}.tickets-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 400px at 10% -10%,rgba(37,99,235,.12),transparent 60%),radial-gradient(700px 350px at 110% 0%,rgba(14,165,233,.12),transparent 60%),var(--bg)}.tickets-page .toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0) + 10px);transform:translate(-50%);background:#0b1220;color:#fff;border:1px solid rgba(255,255,255,.15);padding:10px 14px;border-radius:12px;box-shadow:0 10px 25px #02061733;z-index:20;font-weight:700}.tickets-page .tickets-topbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}.tickets-page .tickets-topbar h2{margin:0;letter-spacing:.2px}.tickets-page .topbar-actions{display:flex;gap:8px;flex-wrap:wrap}.tickets-page .btn{appearance:none;border:1px solid transparent;border-radius:14px;padding:9px 14px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,filter .16s ease}.tickets-page .btn:focus-visible{outline:none;box-shadow:0 0 0 4px #2563eb4d}.tickets-page .btn-primary{color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-600));box-shadow:0 10px 24px #2563eb59}.tickets-page .btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #2563eb73}.tickets-page .btn-dark{color:#fff;background:#0b1220;border-color:#0b1220}.tickets-page .btn-dark:hover{filter:brightness(1.05)}.tickets-page .btn-light{background:#e6f0ff;color:var(--primary-700);border-color:#2563eb40}.tickets-page .btn-light:hover{background:#dbeafe;border-color:#2563eb73}.tickets-page .btn-danger{color:#fff;background:linear-gradient(180deg,#dc2626,#b91c1c);box-shadow:0 10px 24px #dc262640}.tickets-page .chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.2px;border:1px solid transparent}.tickets-page .chip-ok{background:#16a34a1f;color:#065f46;border-color:#10b98159}.tickets-page .chip-warn{background:#f59e0b1f;color:#92400e;border-color:#f59e0b59}.tickets-page .chip-info{background:#2563eb1f;color:#1e3a8a;border-color:#2563eb59}.tickets-page .chip-danger{background:#ef44441f;color:#991b1b;border-color:#ef444459}.tickets-page .chip-muted{background:#94a3b826;color:#334155;border-color:#94a3b859}.tickets-page .tickets-card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--stroke);border-radius:20px;padding:14px;box-shadow:0 15px 35px #0206171a,inset 0 1px #ffffff59}.tickets-page .muted{color:var(--muted)}.tickets-page .error{background:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.35);padding:8px 10px;border-radius:10px;width:fit-content}.tickets-page .empty{padding:18px;border:1px dashed var(--stroke);border-radius:14px;color:var(--muted)}.tickets-page .resumen-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#eef2ff;border:1px solid rgba(37,99,235,.25);color:#1e40af;padding:10px 12px;border-radius:14px;margin-bottom:12px}.tickets-page .resumen-bar .link{background:none;border:none;color:var(--primary-700);font-weight:800;cursor:pointer;text-decoration:underline;padding:0}.tickets-page .tickets-table{display:grid;gap:10px}.tickets-page .tickets-table .thead{display:grid;gap:8px;grid-template-columns:42px 1.6fr 1fr 1fr 1fr 1fr 1.2fr 1.2fr;font-weight:900;color:#0b1220}.tickets-page .tickets-table .trow{display:grid;gap:8px;text-align:left;grid-template-columns:42px 1.6fr 1fr 1fr 1fr 1fr 1.2fr 1.2fr;border:1px solid var(--stroke);border-radius:14px;padding:10px 12px;background:linear-gradient(180deg,#eef2ff,#edf2ff);cursor:pointer;transition:transform .08s ease,box-shadow .16s ease,border-color .16s ease}.tickets-page .tickets-table .trow:hover{transform:translateY(-1px);box-shadow:0 8px 18px #02061714;border-color:#2563eb40}.tickets-page .t-asunto .asunto{font-weight:900;color:#0b1220}.tickets-page .t-asunto .preview{color:#475569}@media (max-width: 860px){.tickets-page .tickets-table .thead{grid-template-columns:36px 1fr auto}.tickets-page .tickets-table .thead>:nth-child(3),.tickets-page .tickets-table .thead>:nth-child(5),.tickets-page .tickets-table .thead>:nth-child(6),.tickets-page .tickets-table .thead>:nth-child(7),.tickets-page .tickets-table .thead>:nth-child(8){display:none}.tickets-page .tickets-table .trow{grid-template-columns:36px 1fr auto}.tickets-page .tickets-table .trow>:nth-child(3),.tickets-page .tickets-table .trow>:nth-child(5),.tickets-page .tickets-table .trow>:nth-child(6),.tickets-page .tickets-table .trow>:nth-child(7),.tickets-page .tickets-table .trow>:nth-child(8){display:none}}.tickets-page .ticket-form{display:block}.tickets-page .ticket-form label{display:flex;flex-direction:column;gap:6px;font-weight:800;color:#0b1220}.tickets-page .ticket-form input,.tickets-page .ticket-form select,.tickets-page .ticket-form textarea{background:#f1f5f9;border:1px solid var(--stroke);border-radius:12px;padding:10px 12px;color:var(--text);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.tickets-page .ticket-form input:focus-visible,.tickets-page .ticket-form select:focus-visible,.tickets-page .ticket-form textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb33;background:#fff}.tickets-page .ticket-form .grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 900px){.tickets-page .ticket-form .grid{grid-template-columns:1fr 1fr}}.tickets-page .respuesta-info{color:#334155;margin-top:8px}.tickets-page .form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.tickets-page .detalle-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tickets-page .head-chips{display:flex;gap:8px;align-items:center}.tickets-page .detalle-meta{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0}@media (max-width:600px){.tickets-page .detalle-meta{grid-template-columns:1fr}}.tickets-page .hilo{display:flex;flex-direction:column;gap:10px}.tickets-page .msg{max-width:850px;width:fit-content;border-radius:14px;padding:10px 12px;border:1px solid var(--stroke);background:#fff;color:#0b1220}.tickets-page .msg .msg-head{display:flex;gap:8px;align-items:center;margin-bottom:4px;font-size:.88rem;color:#475569}.tickets-page .msg-cliente{margin-left:auto;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb59}.tickets-page .msg-cliente .msg-head{color:#e5edff;opacity:.9}.tickets-page .msg-admin,.tickets-page .msg-soporte{background:linear-gradient(180deg,#eef2ff,#edf2ff);border-color:#2563eb40}.tickets-page .reply-box textarea{width:100%;background:#f1f5f9;border:1px solid var(--stroke);border-radius:12px;padding:10px 12px}.tickets-page .reply-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.tickets-page .modal-mask{position:fixed;inset:0;background:#0206178c;display:flex;align-items:center;justify-content:center;z-index:30}.tickets-page .modal{width:min(100%,720px);background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:16px;box-shadow:0 20px 40px #00000059}.tickets-page .resumen-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:600px){.tickets-page .resumen-grid{grid-template-columns:1fr}}.tickets-page .modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}@media (prefers-color-scheme: dark){.tickets-page{--bg:#0b0f19;--card:#0b111d;--card-2:#0a0f19;--text:#e5e7eb;--muted:#cbd5e1}.tickets-page:before{background:radial-gradient(900px 400px at 10% -10%,rgba(37,99,235,.22),transparent 60%),radial-gradient(700px 350px at 110% 0%,rgba(14,165,233,.18),transparent 60%),var(--bg)}.tickets-page .tickets-card{background:linear-gradient(180deg,var(--card),var(--card-2))}.tickets-page .tickets-table .trow{background:linear-gradient(180deg,#2563eb1f,#2563eb1a)}.tickets-page .msg{background:#0d1422;color:#e5e7eb}.tickets-page .msg-admin,.tickets-page .msg-soporte{background:linear-gradient(180deg,#2563eb1f,#2563eb1a)}.tickets-page .tickets-table .thead{color:#fff}}
