.elementor-257416 .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-257416 .elementor-element.elementor-element-d66e262:not(.elementor-motion-effects-element-type-background), .elementor-257416 .elementor-element.elementor-element-d66e262 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161625;}.elementor-257416 .elementor-element.elementor-element-d66e262.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-257416 .elementor-element.elementor-element-2950712{--display:flex;--min-height:504px;--justify-content:center;--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-257416 .elementor-element.elementor-element-b7f1f3c > .elementor-widget-container{padding:2.5rem 0rem 2.5rem 0rem;}.elementor-257416 .elementor-element.elementor-element-b7f1f3c{text-align:center;}.elementor-257416 .elementor-element.elementor-element-b7f1f3c .elementor-heading-title{font-size:5.3rem;font-weight:500;line-height:100%;color:#FFFFFF;}.elementor-257416 .elementor-element.elementor-element-ebb013c{text-align:center;}.elementor-257416 .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-257416 .elementor-element.elementor-element-e6fa19c{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-257416 .elementor-element.elementor-element-520fc9b{width:100%;max-width:100%;}body.elementor-page-257416:not(.elementor-motion-effects-element-type-background), body.elementor-page-257416 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161625;}@media(max-width:1024px){.elementor-257416 .elementor-element.elementor-element-b7f1f3c{text-align:center;}.elementor-257416 .elementor-element.elementor-element-b7f1f3c .elementor-heading-title{font-size:6rem;line-height:5.4rem;}.elementor-257416 .elementor-element.elementor-element-ebb013c{text-align:center;}}@media(max-width:767px){.elementor-257416 .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-257416 .elementor-element.elementor-element-2950712{--margin-top:20px;--margin-bottom:0px;--margin-left:10px;--margin-right:10px;}.elementor-257416 .elementor-element.elementor-element-b7f1f3c .elementor-heading-title{font-size:3.4rem;line-height:120%;}}/* 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 */