/* ===== SPLASH OVERLAY ===== */
#splash-overlay {
    position: fixed; top:0; left:0;
    width:100vw; height:100vh;
    z-index: 9999;
    background-color: #000;
    display:flex; justify-content:center; align-items:flex-start;
    margin:0; overflow:hidden;
}
#splash-overlay .main-container { display:flex; justify-content:center; align-items:center; position:relative; margin-top:-30vh; }
#splash-overlay .concentric-circles { position:relative; width:170vmin; height:170vmin; cursor:pointer; display:flex; justify-content:center; align-items:center; }
#splash-overlay .concentric-circles img { position:absolute; object-fit:cover; transition:none; }
#splash-overlay .circle-layer-1 { width:62.5%; height:62.5%; z-index:3; border-radius:50%; }
#splash-overlay .circle-layer-2 { width:82.5%; height:82.5%; z-index:2; border-radius:50%; }
#splash-overlay .circle-layer-3 { width:100%; height:100%; z-index:1; border-radius:50%; }
#splash-overlay .text-overlay { position:absolute; z-index:4; height:auto; top:50%; left:50%; transform:translateY(-50%); opacity:1; clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); animation:none; }
#splash-overlay .text-overlay.desktop { max-width:40%; display:block; }
#splash-overlay .text-overlay.mobile { max-width:30%; display:none; }
@keyframes reveal-from-left { 0% { clip-path: polygon(0 0, 0 0, 0 100%, 0 100%); } 100% { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } }
@keyframes ripple-pulse { 0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}100%{transform:scale(1);opacity:1} }
@keyframes ripple-pulse-reverse { 0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}100%{transform:scale(1);opacity:1} }
#splash-overlay .concentric-circles.text-active .text-overlay { animation: reveal-from-left 1s ease-out forwards; }
#splash-overlay .concentric-circles.animate-ripple img { animation: ripple-pulse 0.8s ease-out forwards; }
#splash-overlay .concentric-circles.animate-ripple .circle-layer-1 { animation-delay:0s; }
#splash-overlay .concentric-circles.animate-ripple .circle-layer-2 { animation-delay:0.1s; }
#splash-overlay .concentric-circles.animate-ripple .circle-layer-3 { animation-delay:0.2s; }
@media (max-width:768px){ #splash-overlay { align-items:center; } #splash-overlay .main-container { margin-top:-30vh; } #splash-overlay .concentric-circles { width:160vmin; height:160vmin; } #splash-overlay .text-overlay.desktop { display:none; } #splash-overlay .text-overlay.mobile { display:block; animation:none; } }

/* ===== FOOTER DRAWER ===== */
#footer-drawer { position: fixed; bottom:0; left:0; width:100%; height:3rem; background-color:#000; color:#fff; box-shadow:0 -4px 12px rgba(0,0,0,0.6); border-top-left-radius:1rem; border-top-right-radius:1rem; transition: height 0.5s ease-in-out; overflow:hidden; z-index:40; }
#footer-handle { width:100%; height:3rem; display:flex; align-items:center; justify-content:center; cursor:pointer; background-color:#111; transition: background-color 0.3s; }
#footer-handle:hover { background-color:#222; }
#footer-arrow { transition: transform 0.3s; }
#footer-content { opacity:0; transition: opacity 0.3s; }

/* ===== CAROUSEL & CONTENT ===== */
body, html { margin:0; padding:0; height:100%; overflow:hidden; font-family:sans-serif; }
#carousel { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; z-index:0; }

.carousel-slide {
    position:absolute; top:0; left:0; 
    width:100%; height:100%; 
    display:flex; flex-direction:column; 
    justify-content:center; align-items:center; 
    text-align:center; 
    overflow:hidden; 
    background-color: #000;
    clip-path: circle(0% at 50% 50%);
    z-index: 1;
}
.carousel-slide.active { z-index: 2; }

/* --- LOGO FIXED SIZE --- */
.slide-logo { 
    width: 120px; height: auto; object-fit: contain; 
    margin-bottom: 4rem; 
    opacity:0; transform: translateY(-20px); 
    transition: opacity 0.6s ease, transform 0.6s ease; 
}
@media (min-width: 768px) {
    .slide-logo { width: 180px; margin-bottom: 6rem; }
}

/* --- SOMBRAS DO LOGO (Ajustado) --- */
/* Slide PRETO -> Removemos qualquer filtro/sombra */
.carousel-slide[data-color="#000000"] .slide-logo {
    filter: none !important;
}

/* Slide VERDE/BRANCO -> Sombra PRETA forte */
.carousel-slide[data-color="#38ff00"] .slide-logo,
.carousel-slide[data-color="#ffffff"] .slide-logo {
    filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.8));
}

.slide-text { width: 100%; opacity:0; transform: translateY(20px); transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s; }
.carousel-slide.active .slide-logo,
.carousel-slide.active .slide-text { opacity:1; transform: translateY(0); }

/* --- SETAS DE NAVEGAÇÃO (Limpa e Sombreada) --- */
.carousel-arrow {
    position:absolute; top:50%; transform:translateY(-50%); z-index:3;
    font-size: 2.5rem; /* Seta maior */
    color: white;
    
    /* Removemos o círculo de fundo */
    width: auto; height: auto; 
    background: none !important; 
    border: none !important;
    
    padding: 1rem; /* Área de clique confortável */
    cursor:pointer; user-select:none; 
    
    /* Sombra PROJETADA na seta (ícone) */
    filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.9));
    
    transition: transform 0.3s ease;
}
.carousel-arrow:hover { 
    transform: translateY(-50%) scale(1.2); 
    color: #38ff00; /* Fica verde ao passar o mouse */
}
.carousel-arrow.left { left:2%; }
.carousel-arrow.right { right:2%; }

/* ===== BOTÃO FLUTUANTE DO WHATSAPP ===== */
#whatsapp-float-button {
    position: fixed; bottom: 5rem; right: 2rem;
    width: 4rem; height: 4rem;
    background-color: #38ff00; color: white;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 2.5rem; 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 50; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#whatsapp-float-button:hover { transform: scale(1.1); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4); }

/* --- CONFIGURAÇÃO DA FONTE GLANCYR --- */

/* Peso: Thin (100) */
@font-face {
  font-family: 'Glancyr';
  /* Note o "../" no início para sair da pasta css e ir para src */
  src: url('../src/fonts/Glancyr-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

/* Peso: Light (300) */
@font-face {
  font-family: 'Glancyr';
  src: url('../src/fonts/Glancyr-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

/* Peso: Regular (400 - Normal) */
@font-face {
  font-family: 'Glancyr';
  src: url('../src/fonts/Glancyr-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

/* Peso: Medium (500) */
@font-face {
  font-family: 'Glancyr';
  src: url('../src/fonts/Glancyr-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

/* Peso: SemiBold (600) */
@font-face {
  font-family: 'Glancyr';
  src: url('../src/fonts/Glancyr-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

/* Peso: Bold (700) */
@font-face {
  font-family: 'Glancyr';
  src: url('../src/fonts/Glancyr-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

/* Aplica a fonte em TODO o site */
body, button, input, textarea {
  font-family: 'Glancyr', sans-serif !important;
}