.elementor-36 .elementor-element.elementor-element-2254c4a{--display:flex;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-36 .elementor-element.elementor-element-2254c4a.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-36 .elementor-element.elementor-element-e81affe{width:100%;max-width:100%;}.elementor-36 .elementor-element.elementor-element-e81affe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-e81affe.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}/* Start custom CSS for template, class: .elementor-element-e81affe *//* 1) Evita el “deslizamiento” lateral y el fondo blanco en móviles */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important; /* bloquea scroll horizontal */
}

/* 2) Aplícale esta clase al CONTENEDOR PADRE que envuelve tu Template */
.full-bleed {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;       /* evita el jitter de 100vw en móvil */
  max-width: 100% !important;
  position: relative !important;
  left: auto !important;
  transform: none !important;
  overflow: hidden !important;  /* oculta cualquier desborde que cause “bandas” blancas */
  box-sizing: border-box !important;
}

/* 3) Quita márgenes/paddings que Elementor agrega por defecto dentro */
.full-bleed .elementor-section,
.full-bleed .elementor-container,
.full-bleed .elementor-column,
.full-bleed .elementor-widget-wrap {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 4) Desactiva gaps de columnas (todas las variantes) */
.full-bleed .elementor-column-gap-default > .elementor-column > .elementor-widget-wrap,
.full-bleed .elementor-column-gap-narrow  > .elementor-column > .elementor-widget-wrap,
.full-bleed .elementor-column-gap-extended> .elementor-column > .elementor-widget-wrap,
.full-bleed .elementor-column-gap-wide    > .elementor-column > .elementor-widget-wrap,
.full-bleed .elementor-column-gap-wider   > .elementor-column > .elementor-widget-wrap {
  padding: 0 !important;
}

/* 5) Previene desbordes por imágenes, sliders, iframes, etc. */
.full-bleed img,
.full-bleed video,
.full-bleed iframe,
.full-bleed .elementor-image,
.full-bleed .swiper,
.full-bleed .swiper-container {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
}

/* 6) Endurece en móvil para que quede “fijo” y sin espacios */
@media (max-width: 767px) {
  .full-bleed { 
    width: 100% !important;
    max-width: 100% !important;
  }
  .full-bleed * { box-sizing: border-box !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2254c4a */.elementor-36 .elementor-element.elementor-element-2254c4a {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important; /* hace que ocupe todo el ancho de la ventana */
  max-width: 100vw !important;
  left: 50%;
  transform: translateX(-50%);
}

.elementor-36 .elementor-element.elementor-element-2254c4a > * {
  margin: 0 !important;
  padding: 0 !important;
}/* End custom CSS */