.elementor-25110 .elementor-element.elementor-element-40b5025{--display:flex;}.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button{background-color:var( --e-global-color-secondary );text-shadow:0px 0px 10px rgba(0,0,0,0.3);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:5px 5px 5px 5px;}.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button:hover, .elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-secondary );}.elementor-25110 .elementor-element.elementor-element-f19e95e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button:hover svg, .elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button:focus svg{fill:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-25110 .elementor-element.elementor-element-f19e95e > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for button, class: .elementor-element-f19e95e *//* Eliminación total de márgenes y rellenos externos */
.elementor-25110 .elementor-element.elementor-element-f19e95e,
.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-widget-container,
.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Botón principal adaptado a la paleta InstaTV */
.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 320px !important;
  
  /* Gradiente con Azul Corporativo (#216FB5) y Azul Cobalto (#185791) */
  background-image: 
    linear-gradient(
      115deg, 
      transparent 0%, 
      transparent 40%, 
      rgba(255, 255, 255, 0.45) 50%, 
      transparent 60%, 
      transparent 100%
    ),
    linear-gradient(-45deg, #185791, #216FB5, #124370, #216FB5) !important;
    
  background-size: 250% 100%, 300% 300% !important;
  
  /* Animaciones conservadas */
  animation: 
    pulseGlow 2.5s ease-in-out infinite,
    shineMove 3s linear infinite, 
    gradientShift 5s ease infinite !important;
  
  color: #FFFFFF !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 14px 26px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
  
  cursor: pointer !important;
  position: relative !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  margin: 0 !important;
}

/* Texto e ícono */
.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button .elementor-button-text,
.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button .elementor-button-icon {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(24, 87, 145, 0.9) !important;
}

/* Hover (Mouse encima) */
.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button:hover {
  transform: scale(1.03) !important;
  box-shadow: 0 0 25px rgba(33, 111, 181, 0.8), 0 0 40px rgba(24, 87, 145, 0.6) !important;
}

/* Click (Active) */
.elementor-25110 .elementor-element.elementor-element-f19e95e .elementor-button:active {
  transform: scale(0.98) !important;
}

/* ANIMACIONES */

/* 1. Pulso y Resplandor adaptado a Azul Corporativo / Cobalto */
@keyframes pulseGlow {
  0% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(33, 111, 181, 0.4), 0 2px 10px rgba(24, 87, 145, 0.3);
  }
  50% {
    transform: scale(1.03);
    box-shadow: 0 0 20px rgba(33, 111, 181, 0.75), 0 0 30px rgba(24, 87, 145, 0.5);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 10px rgba(33, 111, 181, 0.4), 0 2px 10px rgba(24, 87, 145, 0.3);
  }
}

/* 2. Movimiento constante de la luz blanca */
@keyframes shineMove {
  0% {
    background-position-x: -150%, 0%;
  }
  100% {
    background-position-x: 250%, 0%;
  }
}

/* 3. Transición del gradiente líquido */
@keyframes gradientShift {
  0% { background-position-y: 0%, 0%; }
  50% { background-position-y: 0%, 100%; }
  100% { background-position-y: 0%, 0%; }
}/* End custom CSS */