.elementor-kit-4{--e-global-color-primary:#0C2539;--e-global-color-secondary:#F99338;--e-global-color-text:#000000;--e-global-color-accent:#21798E;--e-global-color-84a5fb4:#F9EDED;--e-global-color-ab2c005:#4F545A;--e-global-color-011f945:#FFFFFF;--e-global-color-6414439:#000000;--e-global-typography-primary-font-family:"Saira";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Saira";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:500;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 h2{color:var( --e-global-color-6414439 );font-family:"Saira", Sans-serif;font-size:33px;font-weight:500;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-radius:2px 2px 2px 2px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{padding:15px 45px 15px 45px;}.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 */body {
    background-color: transparent!important;    
}


.elementor-flip-box__layer__title {
  display: inline-block;
  position: relative;
  padding-bottom: 22px!important; /* Espacio entre el texto y la línea */
}

.elementor-flip-box__layer__title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #21798E;
}

.subrayado {
  display: inline-block;
  position: relative;
  padding-bottom: 15px!important; /* Espacio entre el texto y la línea */
}

.subrayado::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-color: #21798E;
}

.texto-oculto {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.texto-oculto:hover {
  opacity: 1;
}

.solo-primera-img .elementor-gallery-item:nth-child(n+2),
.elementor-slideshow__title,
.e-font-icon-svg.e-eicon-share-arrow{
    display: none;
}

/* COMIENZO SUBRAYADO ANIMADO */

.underlined-hover100 {
  position: relative;
  text-decoration: none;
}

.underlined-hover100::after {
  content: '';
  position: absolute;
  left: 0; /* Inicia en la izquierda*/
  bottom: 0;
  width: 100%; /* Ocupa el 50% del ancho total */
  height: 2px;
  background-color: #F99338; /* Color del subrayado */
  transform: translateX(100%) scaleX(0); /* Inicialmente no visible */
  transition: transform 0.3s ease; /* Transición suave */
}

.underlined-hover100:hover::after {
  transform: translateX(0) scaleX(1); /* Subrayado completo al hacer hover */
}

/* Agregando un retraso al subrayado */
.underlined-hover100:hover::after {
  transition-delay: 0.1s; /* Retraso de 0.1 segundos */
}

/* FIN SUBRAYADO ANIMADO */

.hover-transition {
  color: #000;
  transition: color 0.3s ease!important;
  transition-delay: 0s!important;
}

.hover-transition:hover {
  color: #F99338;
  transition-delay: 0.2s!important; /* Retraso de 200ms antes de que cambie el color */
}

/* Estilo para campos completados manualmente o forzados con JS */
.elementor-field.campo-completado {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border: 2px solid #fff !important;
    color: #fff !important;
}/* End custom CSS */