.elementor-16405 .elementor-element.elementor-element-60df9feb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:60px;--padding-left:50px;--padding-right:50px;}.elementor-16405 .elementor-element.elementor-element-60df9feb:not(.elementor-motion-effects-element-type-background), .elementor-16405 .elementor-element.elementor-element-60df9feb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d01acb0 );}.elementor-16405 .elementor-element.elementor-element-298b7939{--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-16405 .elementor-element.elementor-element-6fed7494 > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-16405 .elementor-element.elementor-element-298b7939{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-16405 .elementor-element.elementor-element-298b7939{--width:100%;}}@media(max-width:1024px){.elementor-16405 .elementor-element.elementor-element-60df9feb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16405 .elementor-element.elementor-element-298b7939{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16405 .elementor-element.elementor-element-6fed7494 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-16405 .elementor-element.elementor-element-6fed7494 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-6fed7494 */.cta-container {
  overflow: hidden;
  width: 400px; /* Alineación de la imagen y la barra */
  position: relative; /* Necesario para hover */
  display: block; /* Para que el enlace ocupe el área completa */
  text-decoration: none; /* Quitar subrayado del enlace */
}

div.e-con-inner {
  padding: 10px;
}

.cta-image {
  width: %;
  height: auto;
  border-radius: 35px; /* Borde redondeado */
  display: block; /* Asegúrate de que no haya espacio debajo de la imagen */
  transition: transform 0.4s ease, filter 0.4s ease; /* Transición suave para zoom y oscurecimiento */
}

.cta-image:hover {
  transform: scale(1.05); /* Zoom al pasar el mouse */
  filter: brightness(70%); /* Oscurecimiento de la imagen */
}

.cta-bar {
  background-color: #1377ba; /* Color azul de la barra */
  padding: 15px 45px;
  border-radius: 25px; /* Bordes redondeados solo en la parte inferior */
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: transform 0.4s ease; /* Transición suave */
  margin-top: -30px; /* Ajusta la posición hacia arriba */
  z-index: 1; /* Asegura que la barra esté encima de la imagen */
  position: relative; /* Para que el z-index funcione */
}

.cta-text {
  color: #fff;
  font-size: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: bold; /* Texto en negrita */
  transition: transform 0.4s ease; /* Transición suave para el texto */
  line-height: 1.2; /* Ajusta el interlineado */
}

.cta-icon {
  width: 65px; /* Icono más grande */
  height: 50px;
  cursor: pointer;
}

.cta-bar:hover {
  transform: translateY(-10px); /* La barra se mueve hacia arriba */
}

.cta-bar:hover .cta-icon {
  transform: translateY(-2px) scale(1.1); /* Texto sube junto con la barra y se escala */
  transition: transform 0.4s ease; /* Transición suave para el hover */
}

@media (max-width: 767px) {
  /* Ajustes específicos para móviles */
  .cta-container {
    width: 350px !important;
     padding-top: 0px !important; /* Espacio en la parte superior */
  padding-bottom: 0px !important; /* Espacio en la parte inferior */
  padding-left: 20px !important; /* Espacio a la izquierda */
  padding-right: 20px !important; /* Espacio a la derecha */
  box-sizing: border-box !important; /* Asegura que el padding no aumente el ancho total */
    box-sizing: border-box !important; /* Asegura que el padding no aumente el ancho total */
  }

  .cta-text {
    font-size: 15px; /* Ajusta el tamaño del texto si es necesario */
    line-height: 1.2; /* Ajusta el interlineado */
  }

  .cta-icon {
    width: 46px; /* Cambia el tamaño del icono si es necesario */
    height: auto; /* Mantiene la proporción */
  }

  /* Quitar efecto de hover en la imagen en dispositivos móviles */
  .cta-image {
    transform: none !important; /* Elimina cualquier transformación */
    transition: none !important; /* Elimina la transición para que no haya efecto de crecimiento */
  }

  .cta-image:hover {
    transform: none !important; /* Asegura que el hover no afecte la imagen */
  }
}

@media (max-width: 767px) {
  .handheld-footer-bar {
    display: none !important;
  }
}


@media (max-width: 1024px) {
  .cta-container {
    width: 90%; /* Ajustar el ancho para que se vea mejor en tablets */
    margin: 0 auto; /* Centrar el contenedor */
    box-sizing: border-box; /* Mantener consistencia */
  }

  .cta-bar {
    padding: 10px 30px; /* Reducir el padding de la barra */
    border-radius: 20px; /* Ajustar el borde redondeado */
    margin-top: -30px; /* Ajustar la posición */
  }

  .cta-text {
    font-size: 12px; /* Reducir el tamaño de fuente en tablets */
    line-height: 1.3; /* Ajustar el interlineado */
  }

  .cta-icon {
    width: 50px; /* Reducir el tamaño del icono */
    height: auto; /* Mantener la proporción */
  }

  .cta-image {
    border-radius: 25px; /* Ajustar el borde redondeado para tablets */
  }
}

@media (min-width: 1024px) and (max-width: 2000px) {
.cta-container {
    width: 100%; /* Ajustar el ancho para que se vea mejor en tablets */
    margin: 0 auto; /* Centrar el contenedor */
    box-sizing: border-box; /* Mantener consistencia */
  }

  .cta-bar {
    padding: 10px 30px; /* Reducir el padding de la barra */
    border-radius: 20px; /* Ajustar el borde redondeado */
    margin-top: -30px; /* Ajustar la posición */
  }

  .cta-text {
    font-size: 13px; /* Reducir el tamaño de fuente en tablets */
    line-height: 1.3; /* Ajustar el interlineado */
  }

  .cta-icon {
    width: 60px; /* Reducir el tamaño del icono */
    height: auto; /* Mantener la proporción */
  }

  .cta-image {
    border-radius: 25px; /* Ajustar el borde redondeado para tablets */
  }
}/* End custom CSS */