@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

header {
   z-index:30;
}

/* Ocultamos inicialmente el texto grande */
.ql-size-large {
  opacity: 0;
  transition: opacity 1.5s ease;
}
.ql-size-large.visible {
  opacity: 1;
}

.glide {
  margin-top:-68px !important;
}

.banner-text-overlay .text-container .ql-size-huge {
  font-family: 'Dancing Script', cursive !important;
}

.glide video, .glide img {
  max-width: 100% !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  filter: brightness(50%) !important;
}

/* Menu button override */
.main-header__menu-button {
    background: var(--color-light);
    border-radius: 12px;
    height: 36px;
    width: 36px;
}

/* Mobile / tablet */
@media (max-width: 1024px) {
  .glide video, .glide img {
    width: auto !important;
    height: 50vh !important;
  }
  .banner-text-overlay .ql-size-huge{
     font-size:46px !important;
  }
  .banner-text-overlay .ql-size-large{
     font-size:26px !important;
   }

}

/* Desktop */
@media (min-width: 1024px) {
  .glide video, .glide img {
    width: 100% !important;
    height: 100vh !important;
  }
	
   .banner-text-overlay{
       left: 4% !important;
    }

  .scroll-down-btn {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    background: rgba(255, 255, 255, 0.8);
    border: none;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
  }

  .scroll-down-btn:hover {
    background: rgba(255, 255, 255, 1);
  }

  .scroll-down-btn::before {
    content: "↓";
    font-size: 24px;
    color: #333;
  }

    .header-logo{
       max-height: 100px !important;
    }
}