.elementor-1523 .elementor-element.elementor-element-e7b4366{--display:flex;--min-height:51vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-87px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1523 .elementor-element.elementor-element-d85b4c6{--display:flex;--min-height:50vh;}/* Start custom CSS for container, class: .elementor-element-d85b4c6 *//* --- Inicio: Código Optimizado con 3 Capas de Detalles --- */

/* Keyframes para la animación optimizada (reutilizable) */
@keyframes infinite-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-160px); }
}

/* === Contenedor Principal (Estático) === */
.elementor-1523 .elementor-element.elementor-element-d85b4c6 {
  position: relative;
  background-color: #f8f9fa;
  overflow: hidden;
}

/* === Capa Base: Pseudo-elementos comunes === */
.elementor-1523 .elementor-element.elementor-element-d85b4c6::before,
.elementor-1523 .elementor-element.elementor-element-d85b4c6::after {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: calc(100% + 160px);
  height: 100%;
  will-change: transform;
  animation: infinite-scroll 08s linear infinite; /* Misma animación para ambas capas */
}

/* === Capa 1: Rejilla Fina + Puntos Pequeños === */
.elementor-1523 .elementor-element.elementor-element-d85b4c6::before {
  z-index: 1;
  background-image:
    linear-gradient(to right, #ffffff 1px, transparent 1px),
    linear-gradient(to bottom, #ffffff 1px, transparent 1px),
    radial-gradient(circle, #ffffff 1px, transparent 1px);
  background-size: 40px 40px;
  background-position: 0 0, 0 0, 20px 20px;
}

/* === Capa 2: Rejilla Gruesa + Cuadrados Aleatorios (ACTUALIZADO) === */
.elementor-1523 .elementor-element.elementor-element-d85b4c6::after {
  z-index: 2;
  /* DOS FONDOS: 1. Las cruces, 2. Los cuadrados aleatorios (tamaño aumentado) */
  background-image:
    url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-8 0h16M0 -8v16' fill='none' stroke='%23ffffff' stroke-width='8'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg width='160' height='160' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='20' y='90' width='6' height='6' fill='%23ffffff' opacity='0.7'/%3E%3Crect x='130' y='15' width='5' height='5' fill='%23ffffff' opacity='0.7'/%3E%3Crect x='70' y='135' width='7' height='7' fill='%23ffffff' opacity='0.7'/%3E%3Crect x='90' y='60' width='4' height='4' fill='%23ffffff' opacity='0.7'/%3E%3C/svg%3E");

  /* Un tamaño para cada fondo */
  background-size: 160px 160px, 160px 160px;
}/* End custom CSS */