/* Cambia el fondo de todos los botones a negro y el texto a blanco para contraste */
button, .btn {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* Botones del scroll del carrusel: grandes, grises y fondo transparente */
.carousel-control-prev,
.carousel-control-next {
    width: 60px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: none;
    opacity: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: transparent;
    color: #6c757d !important;
    font-size: 3rem;
    filter: none !important;
}

/* Precios en gris oscuro */
.card .text-success,
.card .precio,
.card .precio-venta,
.card .precio-final {
    color: #343a40 !important;
}

/* Descripciones de productos */
.card .card-text,
.card .descripcion,
.card .desc-producto {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
    font-weight: 300 !important;
}

/* Slick Carousel arrows estilo Zay Shop */
.slick-prev, .slick-next {
    width: 56px;
    height: 56px;
    z-index: 2;
    background: transparent !important;
    border: none !important;
    border-radius: 50%;
    opacity: 1 !important;
    box-shadow: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    outline: none;
    padding: 0;
}
.slick-prev:hover, .slick-next:hover {
    background: rgba(0,0,0,0.03) !important;
    border: none !important;
}
.slick-prev:before, .slick-next:before {
    color: #bbb !important;
    font-size: 2.5rem;
    opacity: 1 !important;
}
.slick-prev, .slick-next {
    top: 50%;
    transform: translateY(-50%);
}
.slick-prev { left: -30px; }
.slick-next { right: -30px; }

/* Botón WhatsApp: verde oficial, sobreescribe el estilo global de .btn */
.btn-whatsapp {
    background-color: #000 !important; /* Fondo negro solicitado */
    border-color: #000 !important;
    color: #fff !important;
}
.btn-whatsapp:hover,
.btn-whatsapp:focus {
    background-color: #111 !important; /* Ligeramente más claro en hover */
    border-color: #111 !important;
    color: #fff !important;
}