.breadcrumb__list {
    color: white; /* Cambia el color del texto del breadcrumb a blanco */
}

.breadcrumb__list a {
    color: white; /* Cambia el color de los enlaces en el breadcrumb a blanco */
    text-decoration: none; /* Elimina el subrayado de los enlaces */
}

.breadcrumb__list a:hover {
    text-decoration: underline; /* Opción para subrayar los enlaces al pasar el cursor */
}
.breadcrumb__title {
    color: white !important;
}
/* Inicio Slider  Modificacion letra */
/* Estilos base */
.tp-slider-title-3 {
    font-size: 70px;
    text-shadow: 6px 6px 0 rgba(0, 0, 0, 1);
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: keep-all; /*

.tp-product-categories-slider {
  position: relative;
}

/* Flecha izquierda */
.tp-product-categories-slider::before {
  content: '❮';
  position: absolute;
  top: 50%;
  left: 0px; /* justo al borde izquierdo del carrusel */
  transform: translateY(-50%);
  font-size: 28px;
  color: #555;
  opacity: 0.7;
  pointer-events: none;
  z-index: 10;
}

/* Flecha derecha */
.tp-product-categories-slider::after {
  content: '❯';
  position: absolute;
  top: 50%;
  right: 0px; /* justo al borde derecho del carrusel */
  transform: translateY(-50%);
  font-size: 28px;
  color: #555;
  opacity: 0.7;
  pointer-events: none;
  z-index: 10;
}

/* Efecto al pasar el mouse */
.tp-product-categories-slider:hover::before,
.tp-product-categories-slider:hover::after {
  opacity: 1;
  color: #000;
}

.checkout-btn-responsive::after {
    content: "Press here to go to payment";
    display: block;
    font-size: 14px;
    color: #0097d6;
    font-weight: 600;
    text-align: center;
    margin-top: 8px;
    letter-spacing: 0.5px;
}