.elementor-3723 .elementor-element.elementor-element-713cb5d0{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:160px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-3723 .elementor-element.elementor-element-713cb5d0:not(.elementor-motion-effects-element-type-background), .elementor-3723 .elementor-element.elementor-element-713cb5d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3723 .elementor-element.elementor-element-713cb5d0{--content-width:1260px;}}@media(max-width:1024px){.elementor-3723 .elementor-element.elementor-element-713cb5d0{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0120px;--padding-bottom:080px;--padding-left:20px;--padding-right:020px;}}@media(max-width:767px){.elementor-3723 .elementor-element.elementor-element-713cb5d0{--padding-top:0120px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS *//* Contenedor principal del tooltip */
.tooltip-glass {
  position: relative;
  display: inline-block;
  font-family: 'Catamaran', sans-serif;
  padding:2px 7px 1px 9px;
  background-color:#0C508E14;
  border: 1px solid #0C508E15;
  border-radius: 100px;
}

/* Estilos para el texto y el icono que activan el tooltip */
.tooltip-glass .tooltip-trigger {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  cursor: help;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: color 0.3s ease;
}

.icono-mas {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- ESTILOS DEL GLOBO DE TEXTO CON EFECTO VIDRIO --- */
.tooltip-glass .tooltip-text {
  visibility: hidden;
  opacity: 0;
  width: 270px;
  
  /* Fondo blanco semitransparente */
  background-color: rgba(255, 255, 255, 0.6);

  /* Blur de fondo */
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(5px);

  /* Borde azul */
  border: 1px solid #0C508E;
  
  /* Texto azul alineado a la izquierda */
  color: #0C508E;
  font-family: 'Catamaran', sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  
  /* Mantengo el padding que tenías */
  padding: 24px;
  
  border-radius: 15px;
  line-height: 1.3;
  position: absolute;
  z-index: 10;
  bottom: 150%;
  left: 50%;
  
  transition: opacity 0.3s ease, transform 0.3s ease;
  transform: translateX(-50%) translateY(10px);
}



/* --- ANIMACIÓN --- */
.tooltip-glass:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.tooltip-glass:hover .tooltip-trigger {
  color: #0C508E;
}

.tooltip-glass:hover .icono-mas {
  transform: rotate(45deg);
}

/* --- ESTILOS PARA MÓVILES --- */
@media screen and (max-width: 767px) {

  .tooltip-glass .tooltip-text {
    width: 80vw;
    max-width: 250px;
    font-size: 16px;
    padding: 12px; /* mantiene la misma lógica pero adaptada a móvil */
  }

}/* End custom CSS */