body{font-family:'Inter',sans-serif;background-color:#000;color:#d1d5db;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;overflow-x:hidden;padding-bottom:8rem;} html{scroll-behavior:smooth;scroll-padding-top:6rem;} .nav-link{transition:all .3s ease;position:relative;padding:.5rem 0;} .nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(90deg,#facc15,#f59e0b);transition:width .3s ease;} .nav-link:hover{color:#facc15;} .nav-link:hover::after{width:100%;}  .btn-primary{background:linear-gradient(135deg,#facc15,#f59e0b);color:#000;font-weight:600;padding:.75rem 1.5rem;border-radius:.75rem;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden;z-index:1;} .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s;z-index:-1;} .btn-primary:hover::before{left:100%;} .btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(250,204,21,.3);background:linear-gradient(135deg,#f59e0b,#facc15);} .section-title{color:#fff;font-family:'Montserrat',sans-serif;font-weight:800;margin-bottom:1.5rem;position:relative;display:inline-block;font-size:2.5rem;letter-spacing:-.5px;} .section-title::after{content:'';position:absolute;bottom:-10px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#facc15,transparent);border-radius:2px;} .section-subtitle{font-size:1.125rem;color:#9ca3af;max-width:600px;margin:0 auto 3rem auto;line-height:1.6;} ::-webkit-scrollbar{width:12px;} ::-webkit-scrollbar-track{background:#111;border-radius:10px;} ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#facc15,#f59e0b);border-radius:10px;border:3px solid #111;} ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f59e0b,#facc15);} header{background:rgba(0,0,0,.9);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-bottom:1px solid rgba(250,204,21,.1);} .site-title-white{color:#fff;font-weight:900;letter-spacing:-.5px;} .site-title-yellow{color:#facc15;font-weight:900;letter-spacing:-.5px;} .view-pill{display:flex;align-items:center;gap:.35rem;background:rgba(24,24,27,.85);padding:.2rem .55rem;border-radius:9999px;border:1px solid rgba(250,204,21,.25);box-shadow:0 2px 8px rgba(0,0,0,.5);} .view-pill .fa-eye{font-size:.75rem;color:#facc15;} .view-pill span{font-size:.75rem;font-weight:700;color:#f3f4f6;letter-spacing:.02em;} .hero-text{text-shadow:0 5px 15px rgba(0,0,0,.5);} .js-protegida{transition:transform .5s ease,filter .5s ease;} .js-protegida:hover{filter:brightness(1.1);} .marketplace-card{background:#111;border-radius:.75rem;overflow:hidden;transition:all .3s ease;border:1px solid #222;box-shadow:0 4px 12px rgba(0,0,0,.5);display:flex;flex-direction:column;} .marketplace-card:hover{transform:translateY(-4px);border-color:#facc15;box-shadow:0 10px 25px rgba(0,0,0,.8),0 0 15px rgba(250,204,21,.15);} .marketplace-image-container{position:relative;overflow:hidden;background:#0a0a0a;aspect-ratio:1/1;width:100%;cursor:pointer;} .marketplace-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;} .marketplace-image-container:hover img{transform:scale(1.05);} .marketplace-badge-top-left{position:absolute;top:.5rem;left:.5rem;z-index:10;background:linear-gradient(135deg,#facc15,#f59e0b);color:#111827;font-weight:700;font-size:.65rem;padding:.15rem .6rem;border-radius:.375rem;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 2px 8px rgba(0,0,0,.5);} .marketplace-info{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.2rem;flex-grow:1;justify-content:space-between;text-align:left;} .marketplace-price{font-family:'Inter',sans-serif;font-size:1.15rem;font-weight:800;color:#facc15;line-height:1.2;} .marketplace-title-text{font-family:'Inter',sans-serif;font-weight:500;font-size:.9rem;color:#f3f4f6;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;cursor:pointer;} .marketplace-desc{font-size:.75rem;color:#9ca3af;margin-top:.1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;overflow:hidden;} .marketplace-action-row{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;padding-top:.5rem;border-top:1px solid #1f1f1f;} .marketplace-cart-btn{background:linear-gradient(135deg,#facc15,#f59e0b);color:#000;font-weight:700;font-size:.75rem;padding:.45rem .75rem;border-radius:.5rem;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .25s ease;width:100%;justify-content:center;} .marketplace-cart-btn:hover{background:linear-gradient(135deg,#f59e0b,#facc15);transform:translateY(-1px);box-shadow:0 4px 12px rgba(250,204,21,.25);} .carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .2s ease;} .carousel-dot.active{background:#facc15;width:16px;border-radius:4px;} @media (max-width:640px){.marketplace-info{padding:.6rem;} .marketplace-price{font-size:1rem;} .marketplace-title-text{font-size:.8rem;} .marketplace-cart-btn{font-size:.7rem;padding:.35rem .5rem;}} .glass-search{background:rgba(255,255,255,.08)!important;backdrop-filter:blur(12px) saturate(180%)!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:inset 0 0 2px 1px rgba(255,255,255,.25),inset 0 0 10px 4px rgba(255,255,255,.1),0 8px 24px rgba(0,0,0,.3)!important;} .glass-search input{background:transparent!important;color:#fff!important;} .glass-search input::placeholder{color:rgba(255,255,255,.6)!important;} .glass-search i{color:rgba(255,255,255,.7)!important;} .glass-chip{background:rgba(255,255,255,.08)!important;backdrop-filter:blur(8px) saturate(160%)!important;-webkit-backdrop-filter:blur(8px) saturate(160%)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:inset 0 0 2px 1px rgba(255,255,255,.15),inset 0 0 8px 2px rgba(255,255,255,.05),0 4px 12px rgba(0,0,0,.2)!important;color:rgba(255,255,255,.9)!important;transition:all .3s ease!important;} .glass-chip:hover{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.4)!important;box-shadow:inset 0 0 2px 1px rgba(255,255,255,.3),inset 0 0 12px 4px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.4)!important;transform:translateY(-2px);} .glass-chip i{color:rgba(255,255,255,.8)!important;} .glass-chip:hover i{color:#facc15!important;} .glass-chip span{color:rgba(255,255,255,.9)!important;} .glass-chip:hover span{color:#fff!important;} .fade-section{transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);will-change:transform,opacity;} .fade-section.fade-out{opacity:0;transform:scale(.95) translateY(20px);pointer-events:none;} .fade-section.fade-in{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;} #inicio.fade-section{transform-origin:center center;} #tienda.fade-section{opacity:0;transform:scale(.95) translateY(20px);} #tienda.fade-section.fade-in{opacity:1;transform:scale(1) translateY(0);} .social-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem;} .social-popup-overlay.active{display:flex;} .social-popup{background:rgba(0,0,0,.85);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:2rem 1.5rem;max-width:360px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.05);position:relative;text-align:center;} .social-popup .close-btn{position:absolute;top:.75rem;right:1rem;font-size:1.8rem;font-weight:300;color:rgba(255,255,255,.6);cursor:pointer;background:0 0;border:none;transition:color .2s;line-height:1;} .social-popup .close-btn:hover{color:#facc15;} .social-popup h3{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:.05em;} .social-popup .social-link{display:flex;align-items:center;gap:.75rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:.75rem;padding:.7rem 1rem;margin-bottom:.75rem;color:#f3f4f6;text-decoration:none;font-weight:500;transition:all .25s ease;} .social-popup .social-link:hover{background:rgba(255,255,255,.12);border-color:rgba(250,204,21,.4);transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.3);} .social-popup .social-link i{font-size:1.5rem;width:1.8rem;text-align:center;color:#facc15;} .social-popup .social-link span{font-size:1rem;}
        .bottom-nav-bar {
            padding-top: 0.5rem;
            padding-bottom: max(20px, env(safe-area-inset-bottom));
        }
        .bottom-nav-bar .nav-item {
            gap: 0.2rem;
        }
        .bottom-nav-bar .nav-item span {
            font-size: 0.65rem;
            line-height: 1.1;
        }
#carouselTrack{will-change:transform}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}html{scroll-behavior:auto !important}}

@media (min-width:768px){#view-counter-container-mobile{display:none}}

.marketplace-image-container{background:linear-gradient(100deg,#0d0d0d 30%,#1e1e1e 50%,#0d0d0d 70%);background-size:200% 100%;animation:img-shimmer 1.4s infinite linear;}
@keyframes img-shimmer{0%{background-position:120% 0}100%{background-position:-80% 0}}

@media (max-width:380px){.bottom-nav-bar{padding-left:1.25rem;padding-right:1.25rem}nav.container{padding-left:1.25rem;padding-right:1.25rem}}
.main-fondo{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url('../img/fondo1.webp');background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;min-height:100svh;}
@media (max-width:1023px){.main-fondo{background-attachment:scroll;}}
.section-title-image-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:0.5rem;font-weight:inherit;}
.section-title-image{width:100%;max-width:320px;height:auto;display:block;}
.section-title-image-line{display:block;width:100%;max-width:320px;height:4px;background:linear-gradient(90deg,#facc15,transparent);border-radius:2px;margin-top:-35px;}
@media (min-width:768px){.section-title-image{max-width:520px;}.section-title-image-line{max-width:520px;margin-top:-57px;}}
.marketplace-dots{position:absolute;bottom:0.5rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:0.25rem;padding:0.2rem 0.5rem;background:rgba(0,0,0,.55);border-radius:9999px;z-index:5;pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
.marketplace-dots span{display:block;width:0.3rem;height:0.3rem;border-radius:50%;background:rgba(255,255,255,.7);}
.marketplace-price-row{display:flex;align-items:center;gap:0.4rem;margin:0;}
.marketplace-fav-btn{background:transparent;border:none;cursor:pointer;color:#ef4444;padding:0.15rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;transition:transform 0.2s ease;flex-shrink:0;}
.marketplace-fav-btn:hover{transform:scale(1.15);}
.marketplace-fav-btn:active{transform:scale(0.95);}
.flying-heart{position:fixed;z-index:99999;font-size:1.7rem;pointer-events:none;will-change:left,top,transform;filter:drop-shadow(0 4px 10px rgba(250,204,21,.6));line-height:1;}
@keyframes cartBounce{0%{transform:scale(1);}30%{transform:scale(1.5);}60%{transform:scale(0.85);}100%{transform:scale(1);}}
#app-cart-badge.cart-bounce{animation:cartBounce 0.6s cubic-bezier(.34,1.56,.64,1);}

.marketplace-title-text{font-size:0.82rem !important;font-weight:500 !important;line-height:1.25 !important;margin:0 !important;color:#e5e7eb !important;}
.marketplace-desc-btn{display:inline-block;background:transparent;border:none;padding:0;margin:0 0 0 auto;color:#9ca3af;font-size:0.55rem;font-weight:500;font-family:'Inter',sans-serif;cursor:pointer;text-align:right;line-height:1.1;transition:color 0.2s ease;white-space:nowrap;flex-shrink:0;}
.marketplace-desc-btn:hover{color:#facc15;}

#modalProductDesc{background:rgba(255,255,255,.06);backdrop-filter:blur(8px) saturate(160%);-webkit-backdrop-filter:blur(8px) saturate(160%);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 2px 1px rgba(255,255,255,.12);color:#d1d5db;font-size:0.82rem;line-height:1.5;border-radius:0.75rem;padding:0.7rem 0.9rem;margin:0.5rem 0 0.6rem 0;}

#productDescPopupText{color:#d1d5db;font-size:0.9rem;line-height:1.55;text-align:left;margin:0;white-space:pre-line;}
#productDescPopupName{color:#facc15;font-family:'Montserrat',sans-serif;font-weight:700;font-size:1.15rem;margin:0 0 0.85rem 0;letter-spacing:0.02em;text-align:center;}

#dynamic-product-grid{align-items:stretch;}

@media (max-width:640px){
.marketplace-title-text{font-size:0.78rem !important;}
.marketplace-desc-btn{font-size:0.53rem;}
}