.elementor-kit-7{--e-global-color-primary:#FF4D00;--e-global-color-secondary:#000DAD;--e-global-color-text:#71E4FF;--e-global-color-accent:#232323;--e-global-color-66a8be1:#AFAFAF;--e-global-color-fcf014c:#D6D6D6;--e-global-color-be16b7d:#F0F0F0;--e-global-color-4bd4f86:#020B38;--e-global-typography-primary-font-family:"Bebas Neue";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Poppins";--e-global-typography-text-font-weight:bold;--e-global-typography-accent-font-family:"Playfair Display";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:#FF4D00;font-family:"Roboto", Sans-serif;color:var( --e-global-color-be16b7d );border-style:none;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#000DAD;color:var( --e-global-color-be16b7d );border-style:none;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- ESTILO BASE PARA AMBOS --- */
/* Aplica a los botones normales (.btn-degradado a) Y al botón de formulario (#btn-degradado) */
.btn-degradado a,
#btn-degradado {
  background: linear-gradient(
    90deg,
    #FFD0BF 0%,
    #FFD0BF 20%,
    #FF4D00 100%
  );
  border-radius: 999px;
  border: none;
  transition: all 0.3s ease;
  display: inline-block;
  
  /* Ajustes extra para asegurar que el botón del formulario se vea igual */
  color: #FFFFFF; /* Asegura el color del texto inicial */
  cursor: pointer; /* Asegura que salga la manita al pasar el ratón */
  padding: 12px 24px; /* Un padding estándar por si el formulario lo deja muy fino */
}

/* --- ESTILO HOVER (AL PASAR EL MOUSE) PARA AMBOS --- */
.btn-degradado a:hover,
#btn-degradado:hover {
  background: linear-gradient(
    90deg,
    rgba(113, 228, 255, 0.2) 0%,
    #71E4FF 100%
  ) !important;
  color: #000DAD !important;
}

/* Aseguramos que el elemento tenga posición relativa para ubicar la línea */
.menu-gradiente .elementor-item {
    position: relative;
    /* Ajusta este padding si sientes que la línea queda muy pegada o muy lejos */
    padding-bottom: 8px !important; 
}

/* Creamos la línea (pseudo-elemento) solo para el estado ACTIVO */
.menu-gradiente .elementor-item.elementor-item-active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; /* Ocupa todo el ancho del texto */
    height: 4px; /* El grosor de la línea */
    
    /* El degradado exacto que pediste */
    background: linear-gradient(90deg, #71E4FF 0%, #000DAD 100%);
    
    /* Bordes totalmente redondeados */
    border-radius: 99px;
    
    /* (Opcional) Una pequeña animación de aparición */
    transition: all 0.3s ease;
}

/* (Opcional) Si quieres que también aparezca al pasar el mouse (Hover) */
.menu-gradiente .elementor-item:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, #71E4FF 0%, #000DAD 100%);
    border-radius: 99px;
}/* End custom CSS */