.elementor-kit-4{--e-global-color-primary:#0000FF;--e-global-color-secondary:#00B5FF;--e-global-color-text:#333333;--e-global-color-accent:#00D1C8;--e-global-color-2307d2d:#00BEB5;--e-global-color-a91cbbf:#000082;--e-global-color-050b628:#FFFFFF;--e-global-typography-primary-font-family:"Mulish";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Mulish";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Mulish";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Mulish";--e-global-typography-accent-font-weight:500;background-color:#EFF6FE;font-family:"Archivo", Sans-serif;}.elementor-kit-4 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-4 a{font-family:"Archivo", Sans-serif;}.elementor-kit-4 h1{font-family:"Archivo", Sans-serif;}.elementor-kit-4 h2{font-family:"Archivo", Sans-serif;}.elementor-kit-4 h3{font-family:"Archivo", Sans-serif;}.elementor-kit-4 h4{font-family:"Archivo", Sans-serif;}.elementor-kit-4 h5{font-family:"Archivo", Sans-serif;}.elementor-kit-4 h6{font-family:"Archivo", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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);}@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 *//* === BOTÓN FLECHA ANIMADA GLOBAL CON TEXTO CENTRADO === */

/* Estructura base */
.boton-flecha-animada .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px; /* espacio entre texto y flecha */
  color: #00D1C8 !important;
  background: none !important;
  border: none !important;
  box-shadow: none;
  padding: 0;
  font-weight: 600;
  text-align: center;
  transition: color 0.3s ease;
}

/* Asegura que el contenedor del contenido esté bien alineado */
.boton-flecha-animada .elementor-button .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Flecha (SVG) hereda color y se anima */
.boton-flecha-animada .elementor-button .elementor-button-icon svg,
.boton-flecha-animada .elementor-button .elementor-button-icon polygon {
  fill: currentColor !important;
  transition: transform 0.3s ease, fill 0.3s ease;
}

/* Hover: texto + flecha azul (#0000FF) y animación */
.boton-flecha-animada .elementor-button:hover,
.boton-flecha-animada .elementor-button:focus {
  color: #0000FF !important;
}

.boton-flecha-animada .elementor-button:hover .elementor-button-icon svg,
.boton-flecha-animada .elementor-button:focus .elementor-button-icon svg {
  transform: translateX(4px);
  fill: #0000FF !important;
}


/* === BOTÓN FLECHA CON BORDE Y HOVER AZUL === */

.boton-flecha-borde .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 16px;
  color: #00D1C8 !important;
  border: 1px solid #00D1C8 !important;
  background-color: #ffffff;
  text-align: center;
   /* forma pill redondeada */
  transition: all 0.3s ease;
}

/* Alineación del contenido */
.boton-flecha-borde .elementor-button .elementor-button-content-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Flecha SVG */
.boton-flecha-borde .elementor-button .elementor-button-icon svg,
.boton-flecha-borde .elementor-button .elementor-button-icon polygon {
  fill: currentColor !important;
  transition: transform 0.3s ease, fill 0.3s ease;
}

/* Hover: color azul para texto y flecha, borde cambia también */
.boton-flecha-borde .elementor-button:hover,
.boton-flecha-borde .elementor-button:focus {
  color: #0000FF !important;
  border-color: #0000FF !important;
}

.boton-flecha-borde .elementor-button:hover .elementor-button-icon svg,
.boton-flecha-borde .elementor-button:focus .elementor-button-icon svg {
  transform: translateX(4px);
  fill: #0000FF !important;
}


.page_head {
    display:none;
}/* End custom CSS */