/** Shopify CDN: Minification failed

Line 71:1 Unexpected "<"

**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/* ────────────────────────────────
   ESTILOS ORIGINALES (los que enviaste)
   ──────────────────────────────── */

a:hover,
a:active {
  color: #545468 !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

a.t4s-lh-1.t4s-d-flex.t4s-align-items-center.t4s-pr:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  color: #545468 !important;
}

#item_mega_TXChtW:hover > a,
.type_mn_link .t4s-sub-column li a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  color: #545468 !important;
}

.t4s-top-bar__currencies button,
.t4s-top-bar__languages button {
  border: none !important;
}

/* ────────────────────────────────
   AJUSTES NUEVOS
   Queremos que los “botones” NO se subrayen,
   pero que los enlaces normales sigan haciéndolo.
   ──────────────────────────────── */

/* 1. Enlaces SÍ subrayados (excluimos los que actúan como botón) */
a:not(.t4s-btn):not(.btn):not(.button):hover,
a:not(.t4s-btn):not(.btn):not(.button):active {
  color: #dddddd !important;
  text-decoration: underline;
  text-decoration-thickness: 2px;
}

/* 2. Botones REALES (<button>) sin subrayado */
button,
button:hover,
button:active {
  text-decoration: none !important;
}

/* 3. Enlaces con apariencia de botón SIN subrayado */
a.t4s-btn,
a.t4s-btn:hover,
a.t4s-btn:active,
a.btn,
a.btn:hover,
a.btn:active,
a.button,
a.button:hover,
a.button:active {
  text-decoration: none !important;
}</button>

/*---------------- Custom CSS for only desktop -------------------*/
@media (min-width: 1025px) {
  
}

/*---------------- Custom CSS for tablet, mobile -------------------*/
@media (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only tablet -------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  
}

/*---------------- Custom CSS for only mobile -------------------*/
@media (max-width: 767px){
  /* Estilos generales */
.ssw-carousel-review__avg-rate [class^=ssw-icon-] {
  font-size: 14px !important;
}

.ssw-carousel-review__content {
  font-size: 5%;
  transition: color 0.2s ease;       /* transición suave solo para el texto */
}

/* ︱︱ Hover solo sobre el texto (sin cambiar fondo) ︱︱ */
.ssw-carousel-review__content:hover {
  color: #dddddd;                    /* “un poco más gris” */
}

/* Estilos específicos para móviles */
@media (max-width: 600px) {

  /* Reduce tamaño de los títulos */
  .ssw-carousel-title h2,
  .ssw-carousel-title {
    font-size: 0px !important;
    line-height: 1.2;
    margin-bottom: 4px;
  }

  /* Reduce el subtítulo */
  .ssw-carousel-subtitle {
    font-size: 14px !important;
    line-height: 2.2;
    margin-bottom: 8px;
  }

  /* Reduce tamaño de imagen */
  .ssw-carousel-review__img img {
    max-width: 100%;
    height: auto;
    width: 250px !important;         /* Ajusta a tu necesidad */
    margin: 0 auto;
    display: block;
  }

  /* Ajusta espacio entre elementos */
  .ssw-carousel-review__item {
    padding: 0px 0;
    margin-top: 0 !important;
  }

  .ssw-carousel-review__content {
    font-size: 75%;
    line-height: 1.3;
    padding: 10px;
  }

  /* Hover en móviles (opcional, normalmente solo táctil) */
  .ssw-carousel-review__content:hover {
    color: #6b6b6b;
  }
}
}