.elementor-20159 .elementor-element.elementor-element-244f25c9{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-20159 .elementor-element.elementor-element-664a774a{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20159 .elementor-element.elementor-element-664a774a > .elementor-widget-container{margin:0px 0px 0px 6px;padding:0px 0px 0px 0px;}.elementor-20159 .elementor-element.elementor-element-27c311d0{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20159 .elementor-element.elementor-element-27c311d0 > .elementor-widget-container{margin:0px 0px 0px 6px;padding:0px 0px 0px 0px;}.elementor-20159 .elementor-element.elementor-element-1c90307b{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20159 .elementor-element.elementor-element-1c90307b > .elementor-widget-container{margin:0px 0px 0px 6px;padding:0px 0px 0px 0px;}@media(max-width:1200px){.elementor-20159 .elementor-element.elementor-element-244f25c9{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-20159 .elementor-element.elementor-element-244f25c9{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-20159 .elementor-element.elementor-element-664a774a{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20159 .elementor-element.elementor-element-27c311d0{width:var( --container-widget-width, 250px );max-width:250px;--container-widget-width:250px;--container-widget-flex-grow:0;}.elementor-20159 .elementor-element.elementor-element-1c90307b{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-244f25c9 *//* 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 */