.elementor-263660 .elementor-element.elementor-element-d66e262{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4rem;--padding-bottom:4rem;--padding-left:0rem;--padding-right:0rem;}.elementor-263660 .elementor-element.elementor-element-d66e262:not(.elementor-motion-effects-element-type-background), .elementor-263660 .elementor-element.elementor-element-d66e262 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161625;}.elementor-263660 .elementor-element.elementor-element-d66e262.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-263660 .elementor-element.elementor-element-2950712{--display:flex;--min-height:504px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-263660 .elementor-element.elementor-element-b7f1f3c > .elementor-widget-container{padding:2.5rem 0rem 2.5rem 0rem;}.elementor-263660 .elementor-element.elementor-element-b7f1f3c{text-align:center;}.elementor-263660 .elementor-element.elementor-element-b7f1f3c .elementor-heading-title{font-size:5.3rem;font-weight:500;line-height:100%;color:#FFFFFF;}.elementor-263660 .elementor-element.elementor-element-ebb013c{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;}.elementor-263660 .elementor-element.elementor-element-ebb013c .elementor-heading-title{font-size:clamp(1.25rem, 1.19rem + 0.275vw, 1.438rem);line-height:2.084rem;color:#FFFFFF;}.elementor-263660 .elementor-element.elementor-element-a1a5ed8{--display:flex;--min-height:504px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-263660 .elementor-element.elementor-element-a1a5ed8:not(.elementor-motion-effects-element-type-background), .elementor-263660 .elementor-element.elementor-element-a1a5ed8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FF743C;}.elementor-263660 .elementor-element.elementor-element-dce9e08{--display:flex;--margin-top:48px;--margin-bottom:62px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:33px;--padding-right:33px;}.elementor-263660 .elementor-element.elementor-element-dce9e08:not(.elementor-motion-effects-element-type-background), .elementor-263660 .elementor-element.elementor-element-dce9e08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C5C6DE;}.elementor-263660 .elementor-element.elementor-element-3516760{width:100%;max-width:100%;}body.elementor-page-263660:not(.elementor-motion-effects-element-type-background), body.elementor-page-263660 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161625;}@media(max-width:1024px){.elementor-263660 .elementor-element.elementor-element-b7f1f3c{text-align:center;}.elementor-263660 .elementor-element.elementor-element-b7f1f3c .elementor-heading-title{font-size:6rem;line-height:5.4rem;}.elementor-263660 .elementor-element.elementor-element-ebb013c{text-align:center;}}@media(max-width:767px){.elementor-263660 .elementor-element.elementor-element-d66e262{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:5rem;--padding-bottom:3.75rem;--padding-left:0rem;--padding-right:0rem;}.elementor-263660 .elementor-element.elementor-element-2950712{--margin-top:20px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-263660 .elementor-element.elementor-element-b7f1f3c .elementor-heading-title{font-size:3.4rem;line-height:120%;}.elementor-263660 .elementor-element.elementor-element-a1a5ed8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-263660 .elementor-element.elementor-element-dce9e08{--width:100%;}}@media(min-width:768px){.elementor-263660 .elementor-element.elementor-element-dce9e08{--width:69%;}}@media(max-width:1024px) and (min-width:768px){.elementor-263660 .elementor-element.elementor-element-dce9e08{--width:799px;}}/* Start custom CSS for container, class: .elementor-element-a1a5ed8 *//*Inicio Cuadricula - Pre footer */

@media (min-width: 350px) {
    /*#formulario-contacto-prefooter {
        background-size: calc(100vw / 10) calc(1669px / 34);
    }*/
     #formulario-contacto-prefooter {
        background-size: 10% 49.1px;
    }
   
}
@media (min-width: 1200px) {
    #formulario-contacto-prefooter {
        background-size: calc(1439px / 27) calc(870px / 16);
    }
}
@media (min-width: 767px) {
 .espacio {
     display: none   
    } }
    @media (max-width: 1024px) {
label.hs-form-booleancheckbox-display {
    display: flex !important;
}
}
@media (min-width: 1300px) {
    #formulario-contacto-prefooter {
        background-size: calc(1439px / 27) calc(870px / 16);
    }
}
@media (max-width: 767px) {
.form-pre-footer textarea#kc___cambio_vida_bootcamp-0db38cbb-ad20-4686-bf1b-9746a16e1610 {
    width: 90% !important;
}
    .ios-device .elementor-204762 .elementor-element.elementor-element-3b024f3 {
        padding-top: 45px;
        padding-bottom: 47px;

    }
.form-pre-footer    label.hs-form-booleancheckbox-display span {
    max-height: 112px;
    overflow: scroll visible;
    display: block;
}
}

#formulario-contacto-prefooter {
    background-image: linear-gradient(#00000021 1px, transparent 1px), linear-gradient(90deg, #00000021 1px, #00000000 1px);
      display: flex;
    justify-content: center;
    max-width: 1440px;
    
}
/*Fin Cuadricula - Pre footer  *//* End custom CSS */
/* Start custom CSS *//*Cuadricula - Background - seccion Connnect*/

@media (min-width: 350px) {
       #form-contact-azul {
      background-size: calc(100% / 10) calc(1306px / 31);
    }
    
}

@media (min-width: 1300px) {
    #form-contact-azul {
    background-size: calc(1440px / 25) calc(365px / 6.4)
    }

}

#form-contact-azul {
    background-image: linear-gradient(#ffffff21 1px, transparent 1px), linear-gradient(90deg, #ffffff21 1px, transparent 1px);
    display: flex;
    justify-content: center;
    max-width: 1440px;
}


/*Cuadricula - Background - seccion 
/* Estilos para los tabs */
.tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 33px; /* 24px de espacio vertical, 33px de espacio horizontal */
  justify-content: center; /* Centra los tabs horizontalmente */
  margin-bottom: 20px; /* Espaciado adicional debajo de los tabs */
}

.tab {
  padding: 10px 20px;
  background-color: #EBECFF; /* Fondo claro para los tabs */
  color: #1D1D30; /* Color de texto */
  font-weight: bold;
  font-size: 1.125rem;
  border-radius: 0px;
  cursor: pointer;
  text-align: center;
  transition: all 0.3s ease;
}

.tab.active {
  background-color: #FF743B; /* Color naranja para el tab activo */
  color: white; /* Texto blanco en el tab activo */
}

.tab:hover {
  background-color: #ddd; /* Fondo más oscuro al pasar el mouse */
}

/* Estilos para las cards */


.card-item {
  /* Estilos de la tarjeta */
  opacity: 1; /* Completamente visible por defecto */
  transform: scale(1); /* Tamaño normal */
  transition: opacity 1s ease, transform 1s ease; /* Animación suave */
  display: block; /* Las tarjetas se muestran inicialmente */
}

/* Clase para ocultar tarjetas con animación */
.card-item.hidden {
  opacity: 0; /* Desvanecer completamente */
  transform: scale(0.95); /* Reducir ligeramente el tamaño */
  pointer-events: none; /* Deshabilitar interacción */
}

/* Estilos para el botón "Cargar más" */
.boton-cargar-mas {
  padding: 10px 15px;
  /* No modifico el color del botón ya que lo manejas con Elementor */
  border: none;
  cursor: pointer;
  font-size: 1.125rem;
  transition: background-color 0.3s ease;
  background: #F6FE8C;
  color: #1D1D30;
  letter-spacing: 0.72px;
text-transform: uppercase;
font-weight: 500;
    
}

/* Estilos para el estado deshabilitado del botón */
.boton-cargar-mas.disabled {
  background-color: #ccc; /* Color gris para indicar deshabilitado */
  cursor: not-allowed; /* Cambia el cursor para indicar que no es clicable */
  color: #666; /* Texto más claro */
}

/* Efecto hover para el botón cuando está habilitado */
.boton-cargar-mas:hover:not(.disabled) {
  /* No modifico el color al pasar el mouse si el botón está habilitado */
}

/* Puedes eliminar esta regla si controlas la visibilidad con JavaScript */
/*
.card-item:nth-child(n+7) {
  display: none;
}
*//* End custom CSS */