.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-6907 .elementor-element.elementor-element-0163902{text-align:center;}.elementor-6907 .elementor-element.elementor-element-0163902 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-decoration:underline;-webkit-text-stroke-color:#000;stroke:#000;color:#000000;}.elementor-6907 .elementor-element.elementor-element-cc280a0{text-align:center;}.elementor-6907 .elementor-element.elementor-element-cc280a0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}@media(max-width:767px){.elementor-6907 .elementor-element.elementor-element-0163902 .elementor-heading-title{font-size:18px;}.elementor-6907 .elementor-element.elementor-element-cc280a0 .elementor-heading-title{font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-9ad73e4 */.carrusel-recomendados {
  margin: 3rem 0;
}

.titulo-reco {
  text-align: center;
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 1.5rem;
}

.slider-reco {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding: 0 1rem 2rem;
  gap: 0;
}

.slider-reco::-webkit-scrollbar {
  display: none;
}

.card-reco {
  flex: 0 0 78%;
  margin-right: -18%;
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 14px 35px rgba(0,0,0,.18);
  scroll-snap-align: center;
  text-decoration: none;
  color: #111;
  overflow: hidden;
  transition: transform .4s ease, opacity .4s ease, filter .4s ease;
  position: relative;
}

/* Imagen */
.card-reco img {
  width: 100%;
  height: 230px;
  object-fit: contain;
  background: #fff;
  display: block;
}

/* Texto */
.card-reco span {
  display: block;
  padding: 0.9rem;
  font-weight: 700;
  text-align: center;
}

/* Estados */
.card-reco.activa {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
  z-index: 3;
}

.card-reco.fondo {
  opacity: 0.35;
  filter: blur(3px);
  transform: scale(0.9);
  z-index: 1;
}/* End custom CSS */