.elementor .label-tag{align-self:center;}.elementor .cta-button{/* =========================================
 1. ESTILOS BASE (Desktop y globales)
 ========================================= */
/* Reseteo del botón principal (Enlace) */
selector .elementor-button, 
selector .e-button {
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Contenedor interno (Fundamental para alinear texto e ícono) */
selector .elementor-button-content-wrapper,
selector .elementor-button-content,
selector .e-button__content-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Cápsula de texto */
selector .elementor-button-text,
selector .e-button__text {
  border: 1px solid #ffffff !important;
  border-radius: 50px !important;
  padding: 20px 60px !important;
  margin-right: -3px !important; /* Superposición sutil con el círculo */
  display: inline-flex !important;
  align-items: center !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  z-index: 1;
}

/* Círculo del ícono */
selector .elementor-button-icon,
selector .e-button__icon {
  border: 1px solid #ffffff !important;
  border-radius: 50% !important;
  width: 60px !important;
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  background-color: transparent !important;
  transition: all 0.3s ease !important;
  z-index: 2;
}

/* Ícono interno */
selector .elementor-button-icon i, 
selector .elementor-button-icon svg,
selector .e-button__icon i,
selector .e-button__icon svg {
  font-size: 20px !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  transform: rotate(-45deg); 
  transition: all 0.3s ease !important;
}

/* =========================================
 2. EFECTOS HOVER
 ========================================= */
selector .elementor-button:hover .elementor-button-icon i,
selector .elementor-button:hover .elementor-button-icon svg,
selector .e-button:hover .e-button__icon i,
selector .e-button:hover .e-button__icon svg {
  fill: #000000 !important;
  color: #000000 !important;
  transform: rotate(0deg);
}

selector .elementor-button:hover .elementor-button-text,
selector .elementor-button:hover .elementor-button-icon,
selector .e-button:hover .e-button__text,
selector .e-button:hover .e-button__icon {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

selector .elementor-button:hover .elementor-button-text,
selector .e-button:hover .e-button__text {
  color: #000000 !important;
}

/* =========================================
 3. ESTILOS TABLET (Pantallas hasta 1024px)
 ========================================= */
@media (max-width: 1024px) {
  selector .elementor-button-text,
  selector .e-button__text {
      padding: 12px 30px !important; 
  }

  selector .elementor-button-icon,
  selector .e-button__icon {
      width: 50px !important;
      height: 50px !important;
  }

  selector .elementor-button-icon i, 
  selector .elementor-button-icon svg,
  selector .e-button__icon i,
  selector .e-button__icon svg {
      font-size: 24px !important; 
  }
}

/* =========================================
 4. ESTILOS MOBILE (Pantallas hasta 767px)
 ========================================= */
@media (max-width: 767px) {
  selector .elementor-button-text,
  selector .e-button__text {
      padding: 15px 30px !important; 
      margin-right: -2px !important;
  }

  selector .elementor-button-icon,
  selector .e-button__icon {
      width: 55px !important;
      height: 55px !important;
  }

  selector .elementor-button-icon i, 
  selector .elementor-button-icon svg,
  selector .e-button__icon i,
  selector .e-button__icon svg {
      font-size: 20px !important; 
  }
}\n}