.elementor-20108 .elementor-element.elementor-element-1ba6670e{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20108 .elementor-element.elementor-element-699a31dc{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20108 .elementor-element.elementor-element-699a31dc > .elementor-widget-container{margin:0px 0px 0px 6px;padding:0px 0px 0px 0px;}.elementor-20108 .elementor-element.elementor-element-665e8aa5{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20108 .elementor-element.elementor-element-665e8aa5 > .elementor-widget-container{margin:0px 0px 0px 6px;padding:0px 0px 0px 0px;}.elementor-20108 .elementor-element.elementor-element-45b77f8a{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20108 .elementor-element.elementor-element-45b77f8a > .elementor-widget-container{margin:0px 0px 0px 6px;padding:0px 0px 0px 0px;}@media(max-width:1200px){.elementor-20108 .elementor-element.elementor-element-1ba6670e{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-20108 .elementor-element.elementor-element-1ba6670e{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-20108 .elementor-element.elementor-element-699a31dc{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20108 .elementor-element.elementor-element-665e8aa5{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20108 .elementor-element.elementor-element-45b77f8a{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}}/* Start custom CSS for container, class: .elementor-element-1ba6670e *//* Estilos generales (desktop) */
.relacionados {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* En móviles: scroll horizontal */

  .relacionados {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding-bottom: 20px;
    padding-top: 20px; /* espacio inferior opcional */
  }

  .relacionados > * {
    flex: 0 0 auto; /* evita que los elementos se ajusten al ancho */
    scroll-snap-align: start;
  }/* End custom CSS */