.elementor-564 .elementor-element.elementor-element-edfda19{margin-top:30px;margin-bottom:0px;}.elementor-564 .elementor-element.elementor-element-60cb55a{width:auto;max-width:auto;}.elementor-564 .elementor-element.elementor-element-60cb55a > .elementor-widget-container{background-color:var( --e-global-color-primary );padding:4px 8px 4px 8px;border-radius:3px 3px 3px 3px;}.elementor-564 .elementor-element.elementor-element-60cb55a .elementor-heading-title{font-family:"Mulish", Sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;line-height:1.2em;color:var( --e-global-color-21bfb04 );}.elementor-564 .elementor-element.elementor-element-9f1eed2 > .elementor-widget-container{margin:20px 0px 15px 0px;}.elementor-564 .elementor-element.elementor-element-9f1eed2{font-family:"Manrope", Sans-serif;font-size:42px;font-weight:700;color:#222222;}@media(max-width:767px){.elementor-564 .elementor-element.elementor-element-60cb55a{text-align:start;}.elementor-564 .elementor-element.elementor-element-60cb55a .elementor-heading-title{font-size:12px;}.elementor-564 .elementor-element.elementor-element-9f1eed2 > .elementor-widget-container{margin:10px 0px 15px 0px;}.elementor-564 .elementor-element.elementor-element-9f1eed2{line-height:1em;}}/* Start custom CSS for html, class: .elementor-element-09f4f2b */.casos-reales {
  padding: 4rem 1rem;
  background: #f9fbfd;
}

.casos-reales h2 {
  text-align: center;
  font-size: 2.2rem;
  color: #111;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.casos-reales .sub {
  text-align: center;
  color: #555;
  font-size: 1rem;
  margin-bottom: 2.5rem;
}

.carousel-casos {
  display: flex;
  gap: 1.5rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 1rem;
  -webkit-overflow-scrolling: touch;
}

.carousel-casos::-webkit-scrollbar {
  height: 8px;
}

.carousel-casos::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.caso {
  flex: 0 0 auto;
  scroll-snap-align: center;
  transition: transform 0.3s ease;
  position: relative;
}

.caso img {
  width: 280px;
  height: auto;
  border-radius: 15px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  transition: all 0.4s ease;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
  border: 3px solid rgba(0, 0, 0, 0.05);
}

.caso:hover img {
  transform: scale(1.05) rotateZ(1.2deg);
  filter: brightness(1.03) saturate(1.1) drop-shadow(0 0 8px rgba(0, 0, 0, 0.1));
}

/* Responsive ajustes */
@media (max-width: 768px) {
  .casos-reales h2 {
    font-size: 1.8rem;
  }

  .caso img {
    width: 240px;
  }
}/* End custom CSS */