@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Tektur:wght@400..900&display=swap";:root{--background-item-card:#0f1219;--nav-after-color:#008200;--text-color-web:#333;--text-color-title:white;--web-black:black;--web-green:green;--web-darkgreen:#166a02;--web-white:#ffffff;--web-red:#d10000;--web-whiteblue:#0875be;--web-yellowneon:#ffee00;--web-yellow:#a17600;--background-header:#0e0e3e;--white-text:#fff;--web-skyblue:#21637e}*{margin:0;padding:0;width:100%;box-sizing:border-box;font-family:Rubik,sans-serif}html,body{width:100%}body{color:#f0f0f0;font-family:Montserrat,sans-serif;background-color:#05070a;background-image:radial-gradient(circle at center,#0a192f,#05070a),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%2339FF14' stroke-width='1' stroke-opacity='0.1'%3E%3Cpath d='M0 200h200v200H0zM400 0h200v200H400zM200 400h200v200H200zM600 200h200v200H600z'/%3E%3Cpath d='M200 0v800M400 0v800M600 0v800M0 200h800M0 400h800M0 600h800'/%3E%3Ccircle cx='200' cy='200' r='5' fill='%2339FF14' fill-opacity='0.2'/%3E%3Ccircle cx='400' cy='400' r='5' fill='%2339FF14' fill-opacity='0.2'/%3E%3Ccircle cx='600' cy='200' r='5' fill='%2339FF14' fill-opacity='0.2'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;color:#fff;margin:0;font-family:Segoe UI,sans-serif}.app-container{display:block;height:100%;min-height:100vh;width:100%;overflow:hidden;position:relative}input,select{padding:10px 15px;background-color:#fff;color:#000;width:100%;max-width:100%;border:1px var(--text-color-web) solid;border-radius:5px}label,p,div,h1{color:var(--text-color-web)}label{display:flex}input[type=radio]{width:auto;margin-right:5px}.title{text-align:center;color:#e6ffe6;margin:20px 0;text-shadow:0 0 10px #00ff99}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:7px;border:1px solid transparent;padding:7px 15px;font-size:13px;font-weight:500;background-color:var(--web-green);color:var(--white-text);cursor:pointer;transition:border-color .25s}button:hover{background-color:var(--web-darkgreen);border:1px var(--web-darkgreen) solid}a,.btn-a,a:hover{color:var(--web-black)}.banner-home{width:100%;height:250px;background-image:url(/assets/banner-compras-3ZCtdY3N.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;margin:20px 0}.banner-content{color:#fff;text-align:center;background:#0000008c;padding:15px}.banner-content p{color:#fff}.banner-content a,.web-wrapper h3 a{color:#56d75c;font-weight:700;text-decoration:underline}.btn-anti{background:none;border:1px var(--web-green) solid;color:var(--web-green)}.btn-anti:hover{color:var(--web-white)}.web-wrapper{max-width:1200px;width:100%;margin:100px auto 0;padding:20px}.web-wrapper h1,.web-wrapper h2,.web-wrapper h3{color:var(--web-white)}.web-wrapper h3{font-weight:100}.div-options{display:flex;flex-direction:row;margin-bottom:10px}.div-options button{margin-left:5px;max-width:150px}.grid-funkos{max-width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.text-color{color:var(--text-color-web)}.mt5{margin-top:5px}.mt10{margin-top:10px}.mb5{margin-bottom:5px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.text-main{color:var(--text-color-title)}.pagination{display:flex;justify-content:center;gap:10px;margin:40px 0;flex-wrap:wrap}.pagination button{padding:8px 14px;border-radius:6px;cursor:pointer;background-color:#fff}.pagination button.active{background:var(--background-header);color:#fff}.page-numbers{display:flex;gap:6px;overflow-x:scroll}.btn-pagination{color:var(--web-black);background:var(--background-header)}.main-wrapper{display:flex;flex-direction:column;justify-content:center;margin:120px auto 0;max-width:1200px;padding:0 10px}.btn-disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.btn-disabled:hover{background-color:#ccc;cursor:not-allowed}.grid-fotos{column-count:3;column-gap:16px}.grid-fotos img{width:100%;margin-bottom:16px;border-radius:14px;break-inside:avoid;box-shadow:0 6px 18px #00000026;transition:transform .25s ease,box-shadow .25s ease}.grid-fotos img:hover{transform:scale(1.03);box-shadow:0 12px 30px #00000040}@media (max-width: 1024px){.grid-fotos{column-count:2}}@media (max-width: 1200px){.web-wrapper{margin:90px auto 0}.main-wrapper{margin-top:100px}}@media (max-width: 600px){.banner-home{height:380px;background-size:cover;background-position:center top}.grid-fotos{column-count:1}.main-wrapper{margin-top:80px}.web-wrapper{padding:15px}.grid-funkos{display:grid;grid-template-columns:1fr 1fr;gap:20px}.web-wrapper{margin:70px auto 0}.web-wrapper h1{font-size:28px}.web-wrapper h3{font-size:18px}}.funko-card{height:360px;display:flex;flex-direction:column;justify-content:space-between;background:var(--background-item-card);border-radius:10px;padding:7px 10px;cursor:pointer;border:1px solid var(--web-green);box-shadow:0 0 2px 2px var(--web-green);position:relative}.puntos-banner{background:var(--web-black);color:#fff;font-weight:700;position:absolute;top:10px;left:0;width:100px;padding:5px 10px;z-index:999;border-radius:0 5px 5px 0}.agotado-banner{position:absolute;z-index:5}.agotado-banner img{width:100%;pointer-events:none}.funko-card h3,.funko-card p{margin:0;padding:10px 0}.funko-card strong{font-size:22px;margin-bottom:5px}.funko-card h3{margin:5px 0}.funko-card h3,.funko-card p,.funko-card strong,.funko-card span{color:var(--white-text);padding:0;margin-bottom:5px}.image-container{width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#1f1f1f,#0f0f0f);overflow:hidden;border-radius:12px;animation:shimmer 1.4s ease infinite}.image-container img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.funko-card:hover .image-container img{transform:scale(1.05)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.badge{position:absolute;top:14px;left:14px;background:#7c3aed;color:#fff;font-size:12px;padding:6px 10px;border-radius:999px;font-weight:600}.info{padding:16px;color:#fff}.info h3{font-size:16px;margin:0}.series{font-size:13px;color:#a1a1aa;margin:4px 0 12px}.footer{display:flex;justify-content:space-between;align-items:center}.condition{font-size:12px;background:#22c55e;color:#000;padding:4px 8px;border-radius:8px;font-weight:600}.price{font-size:18px;font-weight:700;color:gold}.price-line{text-decoration:line-through;color:var(--web-red);font-size:16px;font-weight:700}.div-state{display:flex;justify-content:right}.state-product{padding:5px;border-radius:5px;font-size:10px;width:fit-content;color:var(--web-white);margin-bottom:5px}.state-perfect{background:var(--web-whiteblue)}.state-less{background:var(--web-yellow)}.state-damage{background:var(--web-red)}@media (max-width: 600px){.funko-card h3,.funko-card strong{font-size:15px}.funko-card p,.funko-card span{font-size:13px}.funko-card strong{font-size:18px}}.header{width:100%;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 15px;background:var(--background-header);position:fixed;top:0;z-index:1000;box-shadow:0 0 10px #0811be,0 0 10px #1abc9c,0 0 10px #e74c3c;animation:glow 2s infinite ease-in-out}@keyframes glow{0%{box-shadow:0 0 10px #e74c3c}33%{box-shadow:0 0 10px #1abc9c}66%{box-shadow:0 0 10px #0811be}to{box-shadow:0 0 10px #e74c3c}}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;width:calc(100% - 350px)}.menu-toggle:hover{background:none;border:none}.logo{font-size:20px;font-weight:800;color:gold;max-width:300px;cursor:pointer}.logo img{width:100%}.nav{display:flex;gap:20px;width:calc(100% - 320px)}.nav-item{background:none;border:none;color:#e5e7eb;font-size:14px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}.adjust-nav{color:var(--web-white);max-width:110px;display:flex;justify-content:center}.nav-item:hover{background:none;border:none}.nav-item img{width:35px;height:35px}.nav-item:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:var(--nav-after-color);transition:width .3s ease}.nav-item:hover:after{width:100%}.cart{position:relative;cursor:pointer;width:200px;display:flex;gap:10px;align-items:center}.cart-icon{width:60px;font-size:22px;color:var(--white-text)}.cart-count{position:absolute;top:-6px;right:-10px;background:red;color:#fff;font-size:12px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.categories-menu{position:absolute;top:95px;background:#111;border-radius:0 0 5px 5px;padding:8px 0;min-width:200px;max-width:90%;z-index:100;max-height:80vh;overflow-y:scroll}.categories-menu li{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;color:#fff}.categories-menu li:hover{background:#222}.categories-menu img{width:24px;height:24px}@media (max-width: 900px){.header{padding:10px}.logo{width:200px}.nav{position:absolute;top:60px;left:0;background:var(--background-header);width:100%;flex-direction:column;gap:0;display:none}.nav.open{display:flex}.nav-item{width:100%;text-align:left;padding:12px 15px;border-bottom:1px solid #333}.menu-toggle{display:block}.cart{width:150px;gap:8px}.cart-icon{width:auto}.categories-menu{top:100px}}@media (max-width: 500px){.logo{width:150px}.menu-toggle{width:calc(100% - 300px);padding:10px}.cart{width:120px}.cart .user-menu button{font-size:10px}.cart .cart-icon{font-size:25px}.nav-item:after{bottom:0}}.user-menu{position:relative}.dropdown{position:absolute;top:110%;right:0;background:#fff;border-radius:8px;min-width:180px;box-shadow:0 10px 30px #00000026;overflow:hidden;z-index:1000}.dropdown a,.dropdown button{display:block;padding:10px 14px;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-size:14px}.dropdown a:hover,.dropdown button:hover{background:#f3f3f3}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;color:#666;width:90%;max-width:550px;border-radius:8px;padding:20px;position:relative}.cart-item{display:grid;gap:10px;margin:10px 0;grid-template-columns:50px 2fr 1fr}.cart-item strong{text-align:right}.cart-item img{width:50px;height:auto}.modal h3{text-align:right}.toast-container{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px}.toast{min-width:240px;padding:12px 16px;border-radius:8px;color:#fff;font-size:14px;box-shadow:0 4px 12px #00000073;transform:translate(calc(100% + 200px));animation:slideIn .4s ease-out forwards}.toast-success{background:#16a34a}.toast-error{background:#dc2626}.toast-info{background:#2563eb}.toast-warning{background:#d97706}@keyframes slideIn{0%{transform:translate(calc(100% + 200px));opacity:0}to{transform:translate(calc(100% - 400px));opacity:1}}@media (max-width: 500px){@keyframes slideIn{0%{transform:translate(calc(100% + 200px));opacity:0}to{transform:translate(calc(100% - 300px));opacity:1}}}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:20px;width:320px;border-radius:8px}.modal input{width:100%;padding:8px;margin-bottom:10px}.modal-actions{display:flex;flex-direction:column;gap:5px}.btn-close{position:absolute;top:10px;right:0;width:50px;background:none;border:none;font-size:20px;cursor:pointer;color:var(--web-black)}.btn-close:hover{background:none;border:none}.btn-register{padding:0;color:var(--web-green);background:none;border:var(--text-white)}.btn-register:hover{color:var(--web-green);background:none;border:none}.footer{background:#111;color:#eee;margin-top:20px;display:flex;flex-direction:column}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:40px 20px;max-width:1200px;margin:auto}.footer-section h4{margin-bottom:10px;font-size:16px;color:var(--web-white)}.footer-section p{font-size:14px;color:#bbb;margin:4px 0}.footer-bottom{text-align:center;padding:12px;font-size:13px;color:#888}@media (max-width: 600px){.footer-content{grid-template-columns:1fr}}.checkout-title{text-align:center;margin-bottom:30px}.checkout-content{display:grid;grid-template-columns:2fr 1fr;gap:20px}.checkout-cart{background:#fff;border-radius:12px;padding:20px}.checkout-summary .checkout-cart{padding:0}.checkout-item{display:flex;align-items:center;gap:16px;padding:16px 0;color:var(--text-color-web);border-bottom:1px solid #eee}.checkout-item:last-child{border-bottom:none}.checkout-img{width:80px;height:auto}.checkout-info h3{margin:0;font-size:18px}.checkout-info p{font-size:15px}.checkout-price{margin-left:auto;font-weight:700;text-align:right}.checkout-summary{background:#fafafa;border-radius:12px;padding:20px;height:fit-content;color:var(--text-color-web)}.summary-row{display:flex;justify-content:space-between;margin:10px 0 20px;font-size:18px}.btn-primary{width:100%;padding:12px;background:#111;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-bottom:10px}.btn-danger{width:100%;padding:12px;background:#c62828;color:#fff;border:none;border-radius:8px;cursor:pointer}.checkout-empty{text-align:center;margin-top:60px;font-size:18px}.form-cells{display:grid;grid-template-columns:1fr 1fr;gap:10px}.delivery-info{padding:10px;border:1px var(--text-color-web) solid;border-radius:7px}.summary-row strong{text-align:right}.checkout-qty{display:flex;gap:10px;margin:8px 0}.checkout-qty button{width:28px;height:28px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-size:16px}.checkout-qty span{min-width:20px;max-width:100px;text-align:center}.btn-remove{background:none;border:none;color:var(--web-skyblue);cursor:pointer;font-size:14px;padding:0;text-align:left}.btn-remove:hover{background:none;border:none;text-decoration:underline}.btn-cart{background:#414040!important;justify-content:center;align-items:center;padding:5px}@media (max-width: 600px){.checkout-content{grid-template-columns:1fr}}.global-loader{position:fixed;inset:0;background:#252c36e0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--web-white)}.global-loader p{color:var(--web-white)}.global-loader-img{width:150px;margin-bottom:15px;animation:loader-pulse 1.2s ease-in-out infinite}@keyframes loader-pulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.7}}.success-card{background:#fff;padding:30px;border-radius:12px;width:100%;text-align:center;box-shadow:0 10px 30px #0000001a}.success-info{margin:20px 0;display:grid;gap:10px}.badge{background:#eee;padding:4px 10px;border-radius:6px;font-size:14px}.perfil-card{width:100%;max-width:1200px;background:#fff;border-radius:10px;padding:20px}.perfil-info{margin-bottom:15px}.puntos{margin-top:5px;font-size:22px;color:green;text-align:right}.perfil-form{display:flex;flex-direction:column;gap:10px}.perfil-form button{margin-top:10px}.puntos-detalle{margin-top:20px;border-top:1px solid #eee;padding-top:10px}.mov-item{display:grid;grid-template-columns:1fr 200px;padding:8px 0;font-size:18px}.mov-item:not(:last-child){border-bottom:1px dashed #eee}.mov-desc{font-weight:700;display:block}.mov-ref{font-size:15px;color:#666;display:block}.mov-fecha{font-size:11px;color:#999;display:block}.mov-puntos{font-weight:700}.mov-puntos.positivo{color:green}.mov-puntos.negativo{color:red}.sin-movimientos{font-size:13px;color:#777}.pedidos-card{width:100%;margin:0 auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 25px #00000014}.pedidos-card h2{margin-bottom:20px;text-align:center}.pedidos-card img{width:80px}.pedidos-card span{align-content:center}.pedido-item{border:1px solid #eee;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:.2s}.pedido-item:hover{border-color:#ddd;box-shadow:0 4px 10px #0000000a}.pedido-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;background:#fafafa}.pedido-header p{margin:2px 0;font-size:13px;color:#666}.estado{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;display:inline-block;margin-bottom:4px}.estado.pendiente{background:#fff3cd;color:#856404}.estado.confirmado{background:#d4edda;color:#155724}.estado.enviado{background:#cce5ff;color:#004085}.estado.entregado{background:#e2e3e5;color:#383d41}.estado.cancelado{background:#f8d7da;color:#721c24}.pedido-detalle{padding:12px 16px;background:#fff;border-top:1px solid #eee}.detalle-item{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;gap:10px}.detalle-item:not(:last-child){border-bottom:1px dashed #eee}.error{color:red;text-align:center;margin-bottom:10px}
