/* ==========================================================================
   PRELOADER CINEMATOGRÁFICO — CAMARÕES LUXURY REDESIGN
   Cortina Horizontal & Revelação da Identidade de Marca
   ========================================================================== */

:root {
  /* Cor de Fundo Exclusiva da Identidade Camarões:
     Tom nobre, sólido e uniforme de Espresso Profundo (#140e0a)
     Acabamento cinematográfico perfeito, livre de ruídos, manchas ou gradientes artificiais */
  --preloader-brand-bg: #140e0a;
}

/* --------------------------------------------------------------------------
   NEUTRALIZAÇÃO DE ANIMAÇÕES CSS NATIVAS DO HERO DURANTE O PRELOADER
   Permite que o GSAP coreografe o surgimento sincronizado do título e botões
   -------------------------------------------------------------------------- */
.hero-section__title,
.hero-section__actions,
.hero-section__btn,
.hero-section__scroll {
  animation: none !important;
}

/* --------------------------------------------------------------------------
   ESTRUTURA BASE DO PRELOADER
   -------------------------------------------------------------------------- */
.preloader-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  overflow: hidden;
  background: transparent;
}

/* 1. Spinner da Fase de Carregamento (Exclusivo durante o download de assets) */
.preloader-spinner-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-spinner {
  width: 44px;
  height: 44px;
  border: 2px solid rgba(255, 255, 255, 0.12);
  border-top-color: #ffffff;
  border-right-color: #bf721e;
  border-radius: 50%;
  animation: preloaderSpin 0.9s cubic-bezier(0.5, 0.1, 0.5, 0.9) infinite;
}

@keyframes preloaderSpin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* 2. Fase de Transição: Apresentação da Marca (Logo + Camarões + Desde 1989) */
.preloader-brand-reveal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 12;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  pointer-events: none;
  opacity: 0;
  gap: 0.85rem;
  width: 100%;
  max-width: 500px;
}

.preloader-logo {
  width: 62px;
  height: auto;
  display: block;
  margin-bottom: 0.25rem;
  will-change: transform, opacity;
}

.preloader-brand-title {
  font-family: var(--font-display, "Lyon Display Web", serif);
  font-size: clamp(2.4rem, 5.5vw, 3.8rem);
  font-weight: 300;
  letter-spacing: -0.01em;
  color: #ffffff;
  line-height: 1.05;
  margin: 0;
  text-shadow: 0 4px 25px rgba(0, 0, 0, 0.7);
  will-change: transform, opacity;
}

.preloader-brand-subtitle {
  font-family: var(--font-sans, "WhitneySSm", sans-serif);
  font-size: 0.76rem;
  font-weight: 400;
  letter-spacing: 0.28em;
  color: #bf721e;
  text-transform: uppercase;
  margin-top: -0.2rem;
  will-change: transform, opacity;
}

/* --------------------------------------------------------------------------
   CORTINA HORIZONTAL (Horizontal Curtain Split)
   -------------------------------------------------------------------------- */
.curtain-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}

.curtain {
  position: absolute;
  top: 0;
  width: 50.5%;
  height: 100%;
  background-color: var(--preloader-brand-bg, #140e0a);
  will-change: transform;
}

.curtain--left {
  left: 0;
  transform-origin: left center;
}

.curtain--right {
  right: 0;
  left: auto;
  transform-origin: right center;
}