.elementor-16373 .elementor-element.elementor-element-1b4dee33{--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-16373 .elementor-element.elementor-element-1b4dee33:not(.elementor-motion-effects-element-type-background), .elementor-16373 .elementor-element.elementor-element-1b4dee33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d01acb0 );}.elementor-16373 .elementor-element.elementor-element-551be875{--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-16373 .elementor-element.elementor-element-6519021e > .elementor-widget-container{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-16373 .elementor-element.elementor-element-551be875{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-16373 .elementor-element.elementor-element-551be875{--width:100%;}}@media(max-width:1024px){.elementor-16373 .elementor-element.elementor-element-1b4dee33{--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-16373 .elementor-element.elementor-element-551be875{--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-16373 .elementor-element.elementor-element-6519021e > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-16373 .elementor-element.elementor-element-6519021e > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-6519021e *//* Estilos generales */
.cta-container {
  overflow: hidden;
  width: 400px; /* Ancho fijo para el contenedor */
  position: relative; /* Necesario para hover */
  display: block; /* Para que el enlace ocupe el área completa */
  text-decoration: none; /* Quitar subrayado del enlace */
  box-sizing: border-box; /* Asegura que el padding no afecte el ancho total */
}

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

.cta-image {
  width: 100%; /* Asegura que la imagen ocupe el 100% del contenedor */
  height: auto;
  border-radius: 35px; /* Borde redondeado */
  display: block; /* Elimina el 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; /* Tamaño de fuente original */
  font-family: 'Poppins', sans-serif;
  font-weight: bold; /* Texto en negrita */
  line-height: 1.2; /* Ajusta el interlineado */
  margin-top: 10px;
  margin-bottom:10px; 
}

.cta-icon {
  width: 65px; /* Icono más grande */
  height: 50px;
  cursor: pointer;
  transition: transform 0.4s ease; /* Transición suave para el hover */
}

.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 */
}

/* Estilos para móviles (max-width: 767px) */
@media (max-width: 767px) {
  .cta-container {
    width: 300px !important;
    padding: 20px 20px 0 20px; /* Espaciado uniforme */
  }

  .cta-text {
    font-size: 15px; /* Mantener el tamaño de fuente original */
  }

  .cta-icon {
    width: 30px; /* Icono mucho más pequeño en móviles */
    height: auto; /* Mantiene la proporción */
  }

  /* Quitar efecto de hover en la imagen en dispositivos móviles */
  .cta-image {
    transform: none !important;
    transition: none !important;
  }

  .cta-image:hover {
    transform: none !important;
  }

  .handheld-footer-bar {
    display: none !important;
  }
}

/* Estilos para tablets (max-width: 1024px) */
@media (max-width: 1024px) {
  .cta-container {
    width: 90%; /* Ajustar el ancho para tablets */
    margin: 0 auto; /* Centrar el contenedor */
  }

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

  .cta-text {
    font-size: 15px; /* Reducir el tamaño de fuente en 2 puntos (15px - 2px) */
  }

  .cta-icon {
    width: 60px; /* Icono mucho más pequeño en tablets */
    padding: 10px 0px 10px 15px; /* Ajustar el padding */
  }

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

/* Estilos para pantallas grandes (min-width: 1024px y max-width: 2000px) */
@media (min-width: 1024px) and (max-width: 2000px) {
  .cta-container {
    width: 100%; /* Ajustar el ancho para pantallas grandes */
  }

  .cta-bar {
    padding: 10px 30px; /* Reducir el padding de la barra */
  }

  .cta-text {
    font-size: 15px; /* Mantener el tamaño de fuente original */
  }

  .cta-icon {
    width: 55px; /* Mantener el tamaño del icono en desktop */
  }
}/* End custom CSS */