.elementor-769 .elementor-element.elementor-element-cf39c49{--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:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d2c2310 */.custombg {
  margin: 0;
  width: 100vw;
  height: 75vh;
  position: relative;
  display: flex; /* Usamos flexbox para centrar el texto */
  justify-content: center; /* Centrado horizontal */
  align-items: center; /* Centrado vertical */
  z-index: 1; /* Aseguramos que el fondo no se sobreponga al contenido */
}

.custombg canvas {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1; /* Asegura que el confetti esté debajo de otros elementos */
}

.custombg .title {
  margin: 0;
  font-family: 'Barlow Condensed', sans-serif; /* Asegúrate de que la fuente esté cargada */
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px; /* Espaciado entre letras */
  color: #00102c;
  text-align: center;
  font-size: 5vw; /* Ajusta el tamaño según el ancho de la ventana */
  z-index: -1; /* Asegura que el texto no se sobreponga al nav */
}

nav {
  position: relative;
  z-index: 10; /* Asegura que el nav esté siempre por encima del fondo */
}


/* Ajustes para pantallas móviles */
@media (max-width: 768px) {
  .custombg .title {
    font-size: 8vw; /* Ajusta el tamaño del texto para pantallas móviles */
    padding: 0 10px; /* Añade algo de padding lateral si es necesario */
    line-height: 1.2; /* Ajusta el line-height para una mejor legibilidad */
  }
}/* End custom CSS */