.dfdpc { width: 100%; clear: both; margin: 30px 0; display: block; } .dfdpc-carousel-container { width: 100%; display: block; } .dfdpc-item { box-sizing: border-box; padding: 15px; background: #fff; border: 1px solid #f0f0f0; border-radius: 8px; text-align: center; height: 100%; display: flex; flex-direction: column; transition: all 0.3s ease; } .dfdpc-item:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.1); transform: translateY(-2px); } .dfdpc-item img { max-width: 100% !important; height: 180px !important; object-fit: contain !important; margin: 0 auto 10px !important; display: block !important; } .product-name { color: #333; font-weight: 600; font-size: 15px; text-decoration: none; display: block; height: 40px; overflow: hidden; margin-bottom: 10px; } .price { color: #2fb5d2; font-weight: bold; font-size: 18px; margin: 5px 0; } .regular-price { font-size: 14px; color: #888; text-decoration: line-through; margin-right: 5px; } .dfdpc-add-to-cart { margin-top: auto; padding-top: 15px; } .dfdpc-add-to-cart .btn { background: #2fb5d2; color: #fff; width: 100%; border: none; padding: 10px; border-radius: 25px; font-weight: bold; text-transform: uppercase; font-size: 12px; } .dfdpc-add-to-cart .btn:hover { background: #2592a9; } /* Reset para Splide Pagination */ .splide__pagination { position: relative !important; bottom: 0 !important; margin: 20px 0 0 0 !important; padding: 0 !important; list-style: none !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 8px !important; width: 100% !important; } .splide__pagination li { margin: 0 !important; padding: 0 !important; list-style: none !important; display: inline-block !important; line-height: 0 !important; } .splide__pagination__page { width: 10px !important; height: 10px !important; background: #ccc !important; border-radius: 50% !important; border: none !important; padding: 0 !important; margin: 0 !important; transition: all 0.3s ease !important; cursor: pointer !important; opacity: 1 !important; } .splide__pagination__page.is-active { background: #2fb5d2 !important; transform: scale(1.2) !important; } /* Fix para Flechas */ .splide__arrow { background: #fff !important; border: 1px solid #eee !important; opacity: 1 !important; } .splide__arrow svg { fill: #333 !important; }