Producto

Seleccionar variación






.sl-color-option-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; width: 75px !important; }
.sl-color-image-btn { width: 60px !important; height: 60px !important; padding: 0 !important; border: 1.5px solid #E0E0E0 !important; border-radius: 8px !important; overflow: hidden !important; background: #FFFFFF !important; cursor: pointer !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.sl-color-image-btn:hover:not(.disabled) { border-color: #E8A9BB !important; transform: scale(1.05) !important; }
.sl-color-image-btn.selected { border-color: #CB3A59 !important; border-width: 1.5px !important; box-shadow: 0 0 0 1px rgba(203, 58, 89, 0.25) !important; }
.sl-color-thumbnail { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.sl-color-label { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; width: 100% !important; max-width: 75px !important; font-family: ‘Montserrat’, sans-serif !important; font-size: 10px !important; font-weight: 500 !important; color: #555555 !important; text-align: center !important; line-height: 1.1 !important; white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important; cursor: help !important; padding: 2px 3px !important; border-radius: 3px !important; transition: background 0.2s ease !important; min-height: 22px !important; }
.sl-color-label:hover { background: #fdf2f8 !important; color: #CB3A59 !important; }
.sl-variation-options { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
@media (max-width: 480px) {
.sl-color-option-wrapper { width: 70px !important; }
.sl-color-image-btn { width: 55px !important; height: 55px !important; }
.sl-color-label { max-width: 70px !important; font-size: 9px !important; min-height: 20px !important; }
}
@media (max-width: 767px) {
.sl-tienda-filters { position: fixed !important; top: 0 !important; right: -100% !important; width: 85% !important; max-width: 360px !important; height: 100vh !important; max-height: 100vh !important; border-radius: 0 !important; z-index: 10000 !important; transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; box-shadow: -4px 0 20px rgba(0,0,0,0.15) !important; padding: 24px 20px !important; }
.sl-tienda-filters.sl-filters-open { right: 0 !important; }
.sl-filters-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 36px !important; height: 36px !important; background: #fdf2f8 !important; border: none !important; border-radius: 50% !important; font-size: 20px !important; color: #e91e8c !important; cursor: pointer !important; }
.sl-filters-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background: rgba(0,0,0,0.5) !important; z-index: 9999 !important; opacity: 0 !important; visibility: hidden !important; transition: opacity 0.3s ease !important; }
.sl-filters-overlay.active { opacity: 1 !important; visibility: visible !important; }
}

Filtro