/**
 * shop.css - Estilos complementarios para TailwindCSS
 * @version 6.0.0
 */

:root{--primary:#2c1810;--primary-dark:#1a0f0a;--secondary:#c8a97e;--secondary-light:#e8d5b7;--bg-light:#faf8f5}*{font-family:"Poppins",sans-serif}body{background:var(--bg-light);color:var(--primary)}h1,h2,h3,h4,.logo-text{font-family:"Playfair Display",serif}.gradient-bg{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%)}.cart-btn{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.cart-btn:hover{background:rgba(255,255,255,.25);transform:scale(1.02)}.cart-count{background:linear-gradient(135deg,var(--secondary)0%,#d4a373 100%)}.logo-icon{background:linear-gradient(135deg,var(--secondary)0%,var(--secondary-light)100%)}.badge-diagonal{position:absolute;top:16px;left:-35px;z-index:10;width:120px;padding:5px 0;text-align:center;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transform:rotate(-45deg);box-shadow:0 2px 5px rgba(0,0,0,.15)}.badge-stock{position:absolute;bottom:10px;left:10px;z-index:10;font-size:10px;font-weight:600;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;backdrop-filter:blur(4px)}.talla-btn.disabled,.talla-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f3f4f6;border-color:#e5e7eb;pointer-events:none}.talla-btn{transition:all .15s ease;cursor:pointer}.talla-btn:active{transform:scale(.96)}#tallas-container{display:flex;flex-wrap:wrap;gap:.75rem;min-height:50px}.skeleton-talla-btn{width:65px;height:58px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.2s ease-in-out infinite;border-radius:.5rem}@keyframes skeletonLoading{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}@keyframes modalFadeIn{from{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 1.5s ease-in-out infinite}.cart-count-bounce{animation:bounce .3s ease}#btn-agregar-carrito{box-shadow:0 4px 15px rgba(120,60,20,.3)}#btn-agregar-carrito:hover{box-shadow:0 8px 25px rgba(120,60,20,.4)}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}@media (max-width:640px){.skeleton-talla-btn{width:55px;height:52px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--border,#e8e0d5);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}#headerOverlay{transition:opacity .6s cubic-bezier(0.4,0,0.2,1)}input:focus,textarea:focus,select:focus{outline:none}.filter-btn.active{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:var(--secondary);border-color:var(--secondary)}.color-btn.selected div{box-shadow:0 0 0 2px var(--secondary),0 0 0 4px var(--secondary-light)}.modal-modern{background:var(--bg-white,#fff);border-radius:32px;animation:modalFadeIn .3s ease}.modal-header{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:32px 32px 0 0;padding:1.5rem}.banner-inauguracion{background:linear-gradient(135deg,#6b21a5 0%,#db2777 50%,#f97316 100%);position:absolute;top:0;left:0;right:0;width:100%;margin-top:4.3rem;padding:.75rem 1rem;z-index:30;overflow:visible;box-shadow:0 4px 15px rgba(0,0,0,.2);min-height:70px}.banner-contenido{max-width:1200px;margin:0 auto;position:relative;z-index:20}@keyframes bannerCaerEmoji{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(100px) rotate(360deg);opacity:0}}@keyframes bannerBrilloAdorno{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes bannerBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.banner-emoji-lluvia{position:absolute;font-size:clamp(12px,4vw,18px);animation:bannerCaerEmoji 2.5s linear forwards;pointer-events:none;z-index:10}.banner-adorno-superior{position:absolute;top:4px;font-size:clamp(10px,3vw,16px);animation:bannerBrilloAdorno 2s ease-in-out infinite;pointer-events:none;z-index:10}.banner-adorno-inferior{position:absolute;bottom:4px;font-size:clamp(10px,3vw,14px);animation:bannerBrilloAdorno 1.5s ease-in-out infinite;pointer-events:none;z-index:10;transition:opacity .5s ease}.banner-adorno-inferior-desapareciendo{opacity:0;transition:opacity .5s ease}.banner-animate-bounce{animation:bannerBounce 1s ease infinite}.banner-lluvia-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.banner-adornos-superiores{position:absolute;top:0;left:0;width:100%;height:2rem;pointer-events:none;z-index:10}.banner-adornos-inferiores{position:absolute;bottom:0;left:0;width:100%;height:2.5rem;pointer-events:none;z-index:10}.banner-text-bienvenida{font-weight:700;color:#fff;font-size:clamp(.75rem,3vw,.875rem)}.banner-text-inauguracion{color:rgba(255,255,255,.9);font-size:clamp(.625rem,2.5vw,.75rem)}.banner-badge{background:rgba(255,255,255,.2);backdrop-filter:blur(4px);border-radius:9999px;padding:.25rem .75rem;font-size:clamp(.625rem,2.5vw,.75rem);font-weight:500;color:#fff}.banner-text-destacado{color:#fde047;font-weight:600}@media (max-width:640px){.banner-contenedor{padding:0 .5rem}.banner-flex{flex-direction:column;gap:.5rem}} @media (min-width: 768px) {
  .md\:mt-2 {
    margin-top: 0.5rem;
  }
}
  
body.dropdown-open {
    overflow: hidden !important;
}

#cartDropdown {
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#cartDropdown .dropdown-header,
#cartDropdown .dropdown-footer {
    flex-shrink: 0;
}

#cartDropdownItems {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
    max-height: none;
}

#cartDropdownItems::-webkit-scrollbar {
    width: 3px;
}

#cartDropdownItems::-webkit-scrollbar-track {
    background: #e5e7eb;
    border-radius: 10px;
}

#cartDropdownItems::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 10px;
}

@media (max-width: 640px) {
    #cartDropdown {
        max-height: 80vh;
        width: 95vw;
        right: -10px;
    }
}

#cartDropdownItems {
    flex: 1;
    overflow-y: auto;
    min-height: 0;
}

#cartOverlay {
    backdrop-filter: blur(2px);
    transition: opacity 0.3s ease;
}

/* Efectos 3D para Shery */
.shery-3d-card {
    transition: all 0.3s ease;
}

/* Animaciones GSAP para el header */
#mainHeader {
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

/* Animación de entrada */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
  
}