@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--ck-navy:#1a3566;--ck-blue:#2563c4;--ck-silver:#8a9ab5;--ck-silver-lite:#c6cedb;--bg-main:#f0f2f7;--bg-card:#fff;--bg-navbar:#fff;--grad-hero:linear-gradient(180deg, #4a6f95 0%, #6e9ab8 55%, #93bcd4 100%);--grad-navy:linear-gradient(135deg, #1a3566, #0e2147);--grad-card-hover:linear-gradient(135deg, #1a3566 0%, #2563c4 100%);--font-main:"Inter", sans-serif;--shadow-sm:0 2px 8px #1a35661a;--shadow-md:0 6px 20px #1a356624;--shadow-lg:0 12px 40px #1a356633;--shadow-blue:0 4px 18px #2563c44d;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--brand-dark:var(--ck-navy);--brand-light:var(--ck-blue);--brand-silver:var(--ck-silver)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-main);color:#1e2a3a;-webkit-font-smoothing:antialiased;overflow-x:hidden}.navbar{border-bottom:2px solid #0000;border-image:linear-gradient(90deg, var(--ck-navy), var(--ck-blue), var(--ck-silver)) 1;box-shadow:var(--shadow-sm);z-index:1030;padding:10px 0;position:sticky;top:0;background:var(--bg-navbar)!important}.navbar-brand{letter-spacing:-.5px;font-size:1.3rem;font-weight:800;color:var(--ck-navy)!important}.logo-nav{object-fit:contain;border-radius:50%;width:44px;height:44px;transition:transform .25s}.logo-nav:hover{transform:scale(1.08)}.nav-link{letter-spacing:.3px;padding-bottom:4px;font-size:.95rem;font-weight:600;transition:color .2s;position:relative;color:var(--ck-navy)!important}.nav-link:after{content:"";background:var(--ck-blue);border-radius:2px;width:0;height:2px;transition:width .25s;display:block;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover{color:var(--ck-blue)!important}.navbar .btn-sm{letter-spacing:.2px;font-size:.83rem;font-weight:700;transition:all .2s;border-radius:8px!important}.btn-outline-dark{color:var(--ck-navy)!important;border-color:var(--ck-navy)!important}.badge.bg-light.text-dark.border{border-radius:8px;font-size:.8rem;border-color:var(--ck-silver-lite)!important;color:var(--ck-navy)!important;background:linear-gradient(90deg,#eef2fa,#f8f9fc)!important}.navbar .btn-dark{box-shadow:var(--shadow-sm);background:var(--grad-navy)!important;border:none!important}.navbar .btn-dark:hover{box-shadow:var(--shadow-blue);transform:translateY(-1px);background:var(--ck-blue)!important}.btn-outline-danger{border-radius:8px;font-weight:700}.hero-section{background:var(--grad-hero);color:#fff;z-index:2;margin-bottom:35px;padding:85px 0 75px;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 80% 40%,#2563c440 0%,#0000 70%),radial-gradient(40% 40% at 15% 70%,#8a9ab533 0%,#0000 70%);position:absolute;inset:0}.hero-section:after{content:"";pointer-events:none;border:2px solid #ffffff0d;border-radius:50%;width:420px;height:420px;position:absolute;top:-40px;right:-80px}.logo-central{object-fit:contain;width:190px;height:190px;box-shadow:0 0 0 8px #2563c440, var(--shadow-lg);z-index:1;background:#fff;border:5px solid #ffffffe6;border-radius:50%;transition:transform .35s,box-shadow .35s;animation:3s ease-in-out infinite heroLogoPulse;position:relative}.logo-central:hover{box-shadow:0 0 0 12px #2563c433, var(--shadow-lg);transform:scale(1.04)}@keyframes heroLogoPulse{0%,to{box-shadow:0 0 0 8px #2563c440, var(--shadow-lg)}50%{box-shadow:0 0 0 16px #2563c41a, var(--shadow-lg)}}.hero-section .btn{letter-spacing:.3px;justify-content:center;align-items:center;display:inline-flex;color:var(--ck-navy)!important;background:#fff!important;border:2px solid #0000!important;border-radius:50px!important;padding:12px 36px!important;font-size:1.1rem!important;font-weight:700!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a!important}.hero-section .btn:hover{transform:translateY(-3px)scale(1.02);background:var(--ck-navy)!important;color:#fff!important;border-color:#fff6!important;box-shadow:0 20px 25px -5px #0000004d!important}.hero-section .btn:active{transform:translateY(-1px)scale(.99)}#catalogo h2.display-6{color:var(--ck-navy);letter-spacing:-.5px;font-weight:800}#catalogo .text-muted{color:var(--ck-silver)!important}#catalogo .card.h-100.p-4{background:var(--bg-card);border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;border:1.5px solid #e3e9f4!important;transition:transform .22s,box-shadow .22s,border-color .22s!important}#catalogo .card.h-100.p-4:hover{box-shadow:var(--shadow-md)!important;border-color:var(--ck-blue)!important;transform:translateY(-6px)scale(1.02)!important}#catalogo .col-md-4 .card{background:var(--bg-card);overflow:hidden;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important;border:1.5px solid #e3e9f4!important;transition:transform .22s,box-shadow .22s!important}#catalogo .col-md-4 .card:hover{box-shadow:var(--shadow-md)!important;border-color:var(--ck-silver-lite)!important;transform:translateY(-5px)!important}#catalogo .badge.bg-light.text-muted.border{letter-spacing:.5px;border-radius:6px;font-size:.72rem;font-weight:700;color:var(--ck-navy)!important;border-color:var(--ck-silver-lite)!important;background:linear-gradient(90deg,#eef2fa,#f5f7fc)!important}.fw-bold.text-primary.fs-5,.price-tag{color:var(--ck-blue)!important;font-size:1.2rem!important;font-weight:800!important}.badge.bg-danger{background:linear-gradient(135deg,#c0182e,#e53355)!important}.badge.bg-dark{background:var(--grad-navy)!important}.badge.bg-primary{border-radius:8px;background:linear-gradient(135deg, var(--ck-navy), var(--ck-blue))!important;font-size:.85rem!important}.card-body .bg-light.rounded.border{border-radius:var(--radius-sm)!important;background:#f5f7fc!important;border-color:#dae2f0!important}.btn.btn-sm.btn-primary.fw-bold{box-shadow:var(--shadow-blue);background:linear-gradient(135deg, var(--ck-navy), var(--ck-blue))!important;color:#fff!important;border:none!important}.btn.btn-sm.btn-success.text-white.fw-bold{box-shadow:0 4px 14px #0d6e4a4d;color:#fff!important;background:linear-gradient(135deg,#0e6b4a,#139a6c)!important;border:none!important}.btn.btn-sm.btn-outline-secondary.bg-white{font-weight:600;transition:all .18s;border-color:var(--ck-silver-lite)!important;color:var(--ck-navy)!important}.btn.btn-sm.btn-outline-secondary.bg-white:hover{background:var(--ck-blue)!important;border-color:var(--ck-blue)!important;color:#fff!important}.btn-add-cart{letter-spacing:.3px;box-shadow:var(--shadow-sm);font-weight:700;transition:background .3s,transform .15s,box-shadow .2s;position:relative;overflow:hidden;background:var(--grad-navy)!important;color:#fff!important;border-radius:var(--radius-sm)!important;border:none!important}.btn-add-cart:hover{transform:translateY(-2px);background:var(--ck-blue)!important;box-shadow:var(--shadow-blue)!important}.btn-add-cart:active{transform:scale(.96)}.btn-add-cart.added{pointer-events:none;color:#fff!important;background:linear-gradient(135deg,#0e6b4a,#198754)!important;border:none!important}.btn-warning.fw-bold.text-dark{font-weight:700;transition:all .2s;box-shadow:0 4px 14px #f59e0b40;border-radius:var(--radius-sm)!important;background:linear-gradient(135deg,#d97706,#f59e0b)!important;border:none!important}.btn-warning.fw-bold.text-dark:hover{transform:translateY(-1px);background:linear-gradient(135deg,#b45309,#d97706)!important}.modal-content.border-0.shadow{overflow:hidden;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-lg)!important}.modal-header.bg-dark{background:var(--grad-navy)!important;border-bottom:none!important}.modal-header.bg-warning{background:linear-gradient(135deg,#d97706,#f59e0b)!important;border-bottom:none!important}#zona-pago .card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;border:1.5px solid #e3e9f4!important}.container .card{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;border:none!important}.text-brand-dark{color:var(--ck-navy)!important}.text-brand{color:var(--ck-blue)!important}.bg-brand{background-color:var(--ck-blue)!important}.bg-brand-dark{background-color:var(--ck-navy)!important}.btn-brand{background-color:var(--ck-navy);color:#fff;border:none}.btn-brand:hover{background-color:var(--ck-blue);color:#fff}.btn-outline-brand{color:var(--ck-navy);border-color:var(--ck-navy)}.btn-outline-brand:hover{background-color:var(--ck-navy);color:#fff}.border-brand-top{border-top:4px solid var(--ck-navy)}.alert-brand{color:var(--ck-navy);border:1px solid var(--ck-silver-lite);background-color:#e8f0fc}.cart-bubble{z-index:9999;background:linear-gradient(135deg, var(--ck-navy), var(--ck-blue));color:#fff;width:48px;height:48px;box-shadow:var(--shadow-blue);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;animation:.75s cubic-bezier(.25,.46,.45,.94) forwards flyToCart;display:flex;position:fixed}@keyframes flyToCart{0%{opacity:1;transform:scale(1)translateY(0)}60%{opacity:.85;transform:scale(1.2)translateY(-30px)}to{opacity:0;transform:scale(.3)translateY(-90px)}}@keyframes cartBadgeBounce{0%,to{transform:scale(1)}30%{transform:scale(1.5)}60%{transform:scale(.9)}80%{transform:scale(1.15)}}.cart-badge-bounce{animation:.5s ease-in-out cartBadgeBounce}.badge.rounded-pill.bg-brand{font-weight:700;background:linear-gradient(135deg, var(--ck-navy), var(--ck-blue))!important}.btn-outline-dark{font-weight:600;transition:all .2s;border-color:var(--ck-navy)!important;color:var(--ck-navy)!important;border-radius:var(--radius-sm)!important}.btn-outline-dark:hover{background:var(--ck-navy)!important;color:#fff!important}.card-img-top{object-fit:cover;background-color:#e8ecf4;height:250px}.form-control:focus,.form-select:focus{border-color:var(--ck-blue)!important;box-shadow:0 0 0 3px #2563c42e!important}.btn-success.mt-4{letter-spacing:.3px;box-shadow:var(--shadow-blue);transition:all .2s;background:var(--grad-navy)!important;border-radius:var(--radius-sm)!important;border:none!important;font-weight:700!important}.btn-success.mt-4:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);background:var(--ck-blue)!important}.btn-group.btn-group-sm .btn-dark.fw-bold{background:var(--grad-navy)!important;border-color:var(--ck-navy)!important;color:#fff!important}.btn-group.btn-group-sm .btn-danger.text-white.fw-bold{background:linear-gradient(135deg,#b91c3c,#e53355)!important;border-color:#b91c3c!important}.btn-group.btn-group-sm .btn-outline-secondary{font-weight:500;transition:all .18s;color:#5a6a82!important;border-color:#c6cedb!important}.btn.btn-sm.btn-primary{background:linear-gradient(135deg, var(--ck-navy), var(--ck-blue))!important;border:none!important}.btn.btn-sm.btn-success{background:linear-gradient(135deg,#0e6b4a,#139a6c)!important;border:none!important}.btn.btn-sm.btn-danger.text-white{background:linear-gradient(135deg,#b91c3c,#e53355)!important;border:none!important}.col-12.text-center.text-muted.mt-4{border-radius:var(--radius-md)!important;border:1.5px dashed var(--ck-silver-lite)!important;background:#fff!important}.mayorista-btn-nav{box-shadow:none;letter-spacing:.2px;font-weight:700;transition:all .2s;color:var(--ck-navy)!important;border:1.5px solid var(--ck-navy)!important;border-radius:var(--radius-sm)!important;background:0 0!important;padding:5px 13px!important}.mayorista-btn-nav:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px);background:var(--ck-navy)!important;color:#fff!important}.mayorista-btn-nav.active{box-shadow:var(--shadow-blue);animation:2.5s ease-in-out infinite mayoristaPulse;background:var(--grad-navy)!important;color:#fff!important;border-color:var(--ck-navy)!important}@keyframes mayoristaPulse{0%,to{box-shadow:var(--shadow-blue)}50%{box-shadow:0 0 0 5px #2563c42e, var(--shadow-blue)}}.mayorista-banner{color:#fff;background:linear-gradient(135deg,#14532d,#166534);border:1px solid #ffffff1a;box-shadow:0 4px 18px #16a34a40}.mayorista-nivel{color:#fff9;background:#ffffff1a;border:1px solid #ffffff26;transition:all .2s}.mayorista-nivel.alcanzado{color:#ffffffd9;background:#fff3;border-color:#ffffff4d}.mayorista-nivel.activo{color:#14532d;background:#facc15;border-color:#facc15;font-weight:800;transform:scale(1.05);box-shadow:0 2px 8px #facc1580}.mayorista-precio-badge{color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}.precio-original-tachado{text-decoration:line-through;color:var(--ck-silver)!important;font-size:.85rem!important;font-weight:500!important}.precio-mayorista{color:#16a34a!important;font-size:1.1rem!important;font-weight:800!important}