.elementor-2419 .elementor-element.elementor-element-ad0d738 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-end;align-items:flex-end;}.elementor-2419 .elementor-element.elementor-element-ad0d738 > .elementor-container{min-height:75vh;}.elementor-2419 .elementor-element.elementor-element-ad0d738{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-40px;margin-bottom:0px;z-index:0;}.elementor-2419 .elementor-element.elementor-element-ad0d738 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2419 .elementor-element.elementor-element-30c2ef3{min-width:0px;z-index:0;}.elementor-2419 .elementor-element.elementor-element-292fad6 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-2419 .elementor-element.elementor-element-292fad6 .ms-tt__text{font-size:8vw;font-weight:600;color:#FFFFFF;}.elementor-2419 .elementor-element.elementor-element-292fad6 .ms-tt{animation-duration:300s;}.elementor-2419 .elementor-element.elementor-element-292fad6 .ms-tt-wrap{-webkit-transform:rotate(0deg);}.elementor-2419 .elementor-element.elementor-element-292fad6 .ms-tt__text span{color:#CB373700;-webkit-text-stroke-color:#FFFFFF;-webkit-text-stroke-width:3px;}.elementor-2419 .elementor-element.elementor-element-2818cac{--display:flex;--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;}.elementor-2419 .elementor-element.elementor-element-e1a40ff{--display:flex;}.elementor-2419 .elementor-element.elementor-element-b00353c{--display:flex;}.elementor-2419 .elementor-element.elementor-element-1f37872{--display:flex;}@media(max-width:1024px){.elementor-2419 .elementor-element.elementor-element-ad0d738 > .elementor-container{min-height:50vh;}.elementor-2419 .elementor-element.elementor-element-292fad6 > .elementor-widget-container{margin:0px 0px 40px 0px;}.elementor-2419 .elementor-element.elementor-element-292fad6 .ms-tt__text{font-size:12vw;}}/* Start custom CSS for html, class: .elementor-element-5f72cff *//* Estilo de la sección */
/* Ajuste de separación entre bloques */
.servicio-contenido {
  display: flex;
  justify-content: center; /* Centra los elementos */
  align-items: flex-start; /* Alinea el título y párrafo en la parte superior */
  width: 100%;
  max-width: 1200px; /* Limitar el ancho máximo */
  margin-top: 50px; /* Separación superior */
  margin-bottom: 40px; /* Añadir margen entre bloques */
  position: relative; /* Necesario para mantener la alineación */
}


/* Contenedor para las palabras clave */
.servicio-tags {
  display: flex;
  flex-wrap: wrap; /* Permite que las palabras clave se distribuyan en varias líneas */
  gap: 10px; /* Reducimos el espacio entre las palabras clave */
  justify-content: center; /* Centra las palabras clave */
  opacity: 0; /* Inicialmente invisibles */
  transform: translateY(-30px); /* Desplazadas hacia arriba inicialmente */
  transition: opacity 1s ease, transform 1s ease; /* Animación suave para aparecer */
  font-size: 0.9rem; /* Reducir el tamaño de la fuente */
  text-align: center; /* Centra las palabras clave */
  margin-bottom: 20px; /* Espacio entre palabras clave y párrafo */
  width: 100%; /* Asegura que las palabras clave estén centradas */
}

/* Ajuste para cada palabra clave */
.servicio-tags .tag {
  font-size: 1rem; /* Ajustar el tamaño de las palabras clave */
  opacity: 1;
  transform: translateY(0); /* Las palabras clave se mueven hacia su posición */
  margin: 0 5px; /* Reducir la separación entre las palabras clave */
}

/* Contenedor para el título y el párrafo */
.servicio-contenido {
  display: flex;
  justify-content: center; /* Centra los elementos */
  align-items: flex-start; /* Alinea el título y párrafo en la parte superior */
  width: 100%;
  max-width: 1200px; /* Limitar el ancho máximo */
  margin-top: 50px; /* Separación superior */
  position: relative; /* Necesario para mantener la alineación */
}

/* Título a la izquierda */
.titulo {
  font-size: 3rem; /* Tamaño inicial del título */
  margin-right: 50px; /* Separar el título del párrafo */
  flex-shrink: 0;
  transition: font-size 0.5s ease, transform 0.5s ease; /* Animación para el crecimiento del título */
}

/* Párrafo a la derecha */
.servicio-texto {
  max-width: 60%; /* Limitar el ancho del párrafo */
  text-align: justify; /* Justificar el texto */
  flex-grow: 1;
  transition: transform 0.5s ease; /* Para mover el párrafo cuando las palabras clave aparezcan */
}/* End custom CSS */