@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

        body {
            font-family: 'Inter', sans-serif;
            background-color: #FFFFFF;
            color: #333333;
        }
        .nav-link-active {
            font-weight: 600;
            color: #ff2e63; 
            border-bottom: 2px solid #ff4d7d;
            padding-bottom: 4px;
        }
        .modal-overlay, .cart-overlay {
            visibility: hidden;
            opacity: 0;
            transition: opacity 0.3s ease;
        }
        .modal-overlay.open, .cart-overlay.open {
            visibility: visible;
            opacity: 1;
        }
        .product-image-container {
            height: 200px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .product-card img {
    opacity: 0;
    transition: opacity 0.5s ease-in;
}

/* Una vez cargada la imagen, que aparezca */
.product-card img[src] {
    opacity: 1;
}

        
        /* Estilo para el carrito lateral */
        .cart-drawer {
            transform: translateX(100%);
            transition: transform 0.3s ease-in-out;
        }
        .cart-drawer.open {
            transform: translateX(0);
        }
        /* Quitar flechas del input number para un look más limpio */
        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        input[type="number"] {
            -moz-appearance: textfield;
            appearance: textfield;
        }

        [v-cloak] { display: none; }
        /* Evita que el footer salte al inicio */
        #products-grid {
            min-height: 800px; 
        }