/* A FENDA - CSS MASTER (VERSÃO REPARADA)
   Mantendo a estrutura original e corrigindo os bugs */

:root {
    --cor-principal: #024685a2; 
    --laranja-fenda: linear-gradient(165deg, #fc5f21, #8e4facaf);
    --dourado: #ffbc00;
    --background-dark: #0d0d0d;
    --glass-bg: rgba(255, 255, 255, 0.05);

}

* { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
    min-height: 100vh; 
    background-color: var(--cor-principal); 
    color: #fffffff8;
    font-family: 'Inter', 'Segoe UI', Tahoma, Verdana, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;   
    font-size: clamp(15px, 0.5vw + 0.5rem, 20px);
}


body {
    display: flex;
    flex-direction: column; 
    min-height: 100vh;
  
}


main {
    flex: 1 0 auto; 
}


html {
    scroll-behavior: smooth;
}


.capa-default-fenda {
    width: 100%;
    height: 300px; 
    background: linear-gradient(135deg, #004a8f 0%, #00a896 100%);
    position: relative;
    overflow: hidden;
    border-radius: 12px 12px 0 0; 
}

.capa-default-fenda::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 40px;
    background: radial-gradient(circle at 10% 150%, #ffbc00 10%, transparent 20%),
                radial-gradient(circle at 90% 150%, #ffbc00 15%, transparent 25%);
    opacity: 0.3; 
}

/* Texto de Boas-Vindas centralizado */
.capa-default-fenda .boas-vindas-texto {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-family: 'Inter', sans-serif; 
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5); 
    letter-spacing: 1px;
}


/* --- LÓGICA DINÂMICA: HOVER vs SWIPE --- */

/* Se o Swipe estiver DESLIGADO, permitimos as animações de Hover */
body.allow-hover .comentario-item:hover, 
body.allow-hover .spotted-card:hover,
body.allow-hover .filtro-btn:hover {
    transform: translateY(-5px) scale(1.02) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    filter: brightness(1.2);
}

/* Se o Swipe estiver LIGADO, matamos qualquer transform que brigue com o dedo */
body.allow-swipe .comentario-item:hover,
body.allow-swipe .spotted-card:hover {
    transform: none !important;
    transition: none !important; /* Essencial para o Swipe não dar lag */
}

/* Feedback visual de toque (mais leve que o hover) para modo Swipe */
body.allow-swipe .comentario-item:active {
    background: rgba(255, 255, 255, 0.15) !important;
}