/* Cambiar fondo gris los brands*/
.tp-brand-item img {
  filter: grayscale(100%);
  transition: all 0.3s ease-in-out;
}

.tp-brand-item img:hover {
  filter: grayscale(0%);
}
/* Cambiar fondo gris claro el footer */
footer,
footer .tp-footer-area,
footer .tp-footer-top,
footer .tp-footer-bottom {
  background: #f3f3f3 !important;
  background-image: none !important;
}
/********** SLIDER *****************************/
/* ========== LIMPIEZA: quita strokes previos ========== */
.tp-slider-area .swiper-slide-active .tp-slider-title-3,
.tp-slider-area .swiper-slide-active .tp-slider-content-3 > span {
  -webkit-text-stroke: 0 !important;
  text-stroke: 0 !important;
  -webkit-text-fill-color: inherit !important;
}

/* ========== TÍTULO: contorno limpio sin “rayas” ========== */
.tp-slider-area .swiper-slide-active .tp-slider-title-3 {
  color: #fff !important;
  /* contorno con text-shadow (sin rellenar la letra de rayas) */
  text-shadow:
    0 0 2px #000,
    0 1px 2px rgba(0,0,0,.9),
   -1px 0 2px rgba(0,0,0,.9),
    1px 0 2px rgba(0,0,0,.9),
    0 -1px 2px rgba(0,0,0,.9) !important;
}

/* === DESCRIPCIÓN con fondo ajustado === */
.tp-slider-area .swiper-slide-active .tp-slider-content-3 > span {
  color: #fff !important;
  background: rgba(0,0,0,.42);        /* fondo oscuro semitransparente */
  padding: .5em .8em;
  border-radius: .45rem;
  display: inline-block;              /* ahora solo ocupa el texto */
  line-height: 1.4;
  max-width: 80%;                     /* límite, no invade todo */
  text-shadow: 0 1px 2px rgba(0,0,0,.55);
  backdrop-filter: blur(1px);
  margin-bottom: .6em;
}


/* ========== BOTÓN ========== */
.tp-slider-area .swiper-slide-active .tp-slider-btn-3 .tp-btn {
  color: #fff !important;
  border-color: rgba(255,255,255,.95) !important;
  background: rgba(0,0,0,.45) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.35) !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.7) !important;
  backdrop-filter: blur(2px);
}
.tp-slider-area .swiper-slide-active .tp-slider-btn-3 .tp-btn:hover {
  background: rgba(0,0,0,.65) !important;
  border-color: #fff !important;
}

/* ========== MOBILE ========== */
@media (max-width: 768px){
  .tp-slider-area .swiper-slide-active .tp-slider-title-3{
    font-size: 60px !important; /* ajusta si lo necesitas */
    text-shadow:
      0 0 2px #000,
      0 1px 2px rgba(0,0,0,.95),
     -1px 0 2px rgba(0,0,0,.95),
      1px 0 2px rgba(0,0,0,.95),
      0 -1px 2px rgba(0,0,0,.95) !important;
  }
  .tp-slider-area .swiper-slide-active .tp-slider-content-3 > span{
    background: rgba(0,0,0,.44); /* un pelín más oscuro en móvil */
  }
}

/*ARREGLO DE SELECT OPTIONS DE PRODUCTOS   */ 
/* ===== FIX PACK: swatches rectangulares centrados ===== */

/* Grid ordenado */
.bb-product-attribute-swatch-list.attribute-swatch.text-swatch{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)) !important;
  gap: 10px !important;
  padding: 8px 0 !important;
  margin: 8px 0 0 !important;
  list-style: none !important;
}

/* Oculta radios del DOM, sin empujar nada */
.bb-product-attribute-swatch-item input[type="radio"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Label ocupa toda la celda */
.bb-product-attribute-swatch-item label{
  display: block !important;
  width: 100% !important;
  cursor: pointer !important;
}

/* ---- CHIP ---- */
.bb-product-attribute-swatch-item .bb-product-attribute-text-display{
  /* centrado perfecto */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 38px !important;          /* alto fijo para uniformidad */
  min-width: 84px !important;        /* ancho mínimo coherente */
  padding: 0 16px !important;        /* simétrico */

  border: 1px solid #d9d9e3 !important;
  border-radius: 12px !important;    /* esquinas suaves */
  background: #fff !important;
  color: #222 !important;
  text-align: center !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  font-variant-numeric: tabular-nums !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.05) !important;
  transition: background .18s, border-color .18s, box-shadow .18s !important;
  position: relative !important;
}

/* Elimina cualquier icono/pseudo que empuje el texto */
.bb-product-attribute-swatch-item .bb-product-attribute-text-display::before,
.bb-product-attribute-swatch-item .bb-product-attribute-text-display::after{
  content: none !important;
}

/* Hover */
.bb-product-attribute-swatch-item:not(.disabled) label:hover .bb-product-attribute-text-display{
  background: #f6f6f9 !important;
  border-color: #cfd2dc !important;
}

/* Checked (sin checkmark que desplace) */
.bb-product-attribute-swatch-item input[type="radio"]:checked + .bb-product-attribute-text-display{
  background: #ea46a0 !important;
  border-color: #ea46a0 !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(234,70,160,.22) !important;
}

/* Focus accesible */
.bb-product-attribute-swatch-item input[type="radio"]:focus-visible + .bb-product-attribute-text-display{
  outline: 2px solid #7aa7ff !important;
  outline-offset: 2px !important;
}

/* Disabled */
.bb-product-attribute-swatch-item.disabled,
.bb-product-attribute-swatch-item input[disabled] + .bb-product-attribute-text-display{
  cursor: not-allowed !important;
  color: #7a7a85 !important;
  border-color: #c9c9d3 !important;
  background: #f5f5f7 !important;
  opacity: .65 !important;
}

/* Responsive */
@media (max-width: 575.98px){
  .bb-product-attribute-swatch-list.attribute-swatch.text-swatch{
    grid-template-columns: repeat(auto-fill, minmax(74px, 1fr)) !important;
    gap: 8px !important;
  }
  .bb-product-attribute-swatch-item .bb-product-attribute-text-display{
    height: 34px !important;
    min-width: 74px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
    border-radius: 11px !important;
  }
}