/*
=====================================================
    HOME-STYLE.CSS - Standardized "Neon Noir" Theme
=====================================================
    This stylesheet styles the homepage to perfectly 
    match the professional theme of the menu page,
    with custom interactive glass panels.
*/

/* === Variáveis de Cor para a Homepage === */
body.home-page {
    --primary-color-override: #FF073A;   /* Vermelho Néon Intenso */
    --secondary-color-override: #00BFFF; /* Azul Elétrico */
    --neon-yellow: #FFFF00;              /* NOVO: Amarelo Néon */
}

/* === Keyframe Animations (inalteradas) === */
@keyframes backgroundPan {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes neon-pulse {
    0%, 100% { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px var(--primary-color-override), 0 0 35px var(--primary-color-override); }
    50%      { text-shadow: 0 0 2px #fff, 0 0 5px #fff, 0 0 10px var(--primary-color-override), 0 0 18px var(--primary-color-override); }
}
@keyframes subtle-flicker {
    0%, 18%, 22%, 25%, 53%, 57%, 100% { opacity: 1; }
    20%, 24%, 55% { opacity: 0.9; }
}
@keyframes button-glow {
    0%   { box-shadow: 0 0 10px var(--primary-color-override), inset 0 0 5px var(--primary-color-override); }
    50%  { box-shadow: 0 0 20px var(--primary-color-override), inset 0 0 10px var(--primary-color-override); }
    100% { box-shadow: 0 0 10px var(--primary-color-override), inset 0 0 5px var(--primary-color-override); }
}

/* === General Overrides for Homepage === */
body.home-page {
    background-color: #000;
    position: relative;
    overflow-x: hidden;
}

/* === Header e Footer Padronizados === */
body.home-page .nav-link {
    text-shadow: none;
    position: relative;
    transition: color 0.3s ease-in-out;
    padding-bottom: 5px;
}
body.home-page .nav-link::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--primary-color-override); 
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
body.home-page .nav-link:hover,
body.home-page .nav-link.active {
    color: #fff;
    text-shadow: 0 0 8px var(--secondary-color-override);
    border-bottom-color: transparent;
}
body.home-page .nav-link:hover::after,
body.home-page .nav-link.active::after {
    transform: scaleX(1);
}
body.home-page footer {
    border-top: 1px solid rgba(0, 191, 255, 0.2);
}
body.home-page footer .social-links a:hover {
    color: var(--secondary-color-override);
    text-shadow: 0 0 15px var(--secondary-color-override);
}

/* =====================================================
    ESTILOS PRINCIPAIS DO CONTEÚDO DA HOME
=====================================================
*/

/* Hero Section (Título Principal e Botão) */
body.home-page .main-title {
    color: #fff;
    font-weight: bold;
    letter-spacing: 2px;
    animation: neon-pulse 4s ease-in-out infinite, subtle-flicker 10s linear infinite;
    transition: text-shadow 0.3s ease;
}
body.home-page .main-title:hover {
    animation: none;
    text-shadow:
        -2px -2px 0 var(--secondary-color-override),
        2px 2px 0 var(--primary-color-override),
        0 0 5px #fff;
}
body.home-page .tagline {
    /* ALTERAÇÃO: Cor do texto e do brilho mudada para a variável de amarelo néon */
    color: var(--neon-yellow);
    text-shadow: 0 0 15px var(--neon-yellow);
    font-size: 1.6em;
}
body.home-page .cta-button {
    color: #fff;
    background: transparent;
    border: 2px solid var(--primary-color-override);
    border-radius: 5px;
    text-shadow: 0 0 8px var(--primary-color-override);
    box-shadow: 0 0 10px var(--primary-color-override), inset 0 0 10px var(--primary-color-override);
    transition: all 0.3s ease;
}
body.home-page .cta-button:hover {
    color: #fff;
    background-color: var(--primary-color-override);
    box-shadow: 0 0 25px var(--primary-color-override);
    text-shadow: 0 0 5px #fff;
    transform: scale(1.05);
}

/* === Painéis de Vidro com Efeito de Reflexo (Sheen) e Borda Néon === */
body.home-page .schedule-container,
body.home-page .content-section,
body.home-page .join-team-section {
    background: rgba(18, 18, 28, 0.4);
    border-radius: 10px;
    /* BORDA COM GRADIENTE NÉON */
    border: 2px solid transparent; /* Cria o espaço para o border-image */
    border-image: linear-gradient(to right, var(--primary-color-override), var(--secondary-color-override)) 1;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    /* BRILHO NÉON À VOLTA DO PAINEL */
    box-shadow: 0 0 25px rgba(0, 191, 255, 0.5); /* Sombra azul para o brilho néon */
    padding: 40px;
    position: relative;
    overflow: hidden;
}
body.home-page .schedule-container::before,
body.home-page .content-section::before,
body.home-page .join-team-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 75%;
    height: 100%;
    /* ALTERAÇÃO AQUI: A cor do reflexo mudou para branco semitransparente */
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent);
    transform: skewX(-25deg);
    transition: left 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
body.home-page .schedule-container:hover::before,
body.home-page .content-section:hover::before,
body.home-page .join-team-section:hover::before {
    left: 100%;
}

/* Ajustes de margem específicos da Home */
body.home-page .schedule-container { margin: 40px auto; max-width: 550px; }
body.home-page .content-section { margin-bottom: 40px; }
body.home-page .join-team-section { padding: 40px; }


/* Títulos das Secções (Brilho Amarelo Néon) */
body.home-page .content-section h2,
body.home-page .join-team-section h2,
body.home-page .schedule-title {
    position: relative;
    display: inline-block;
    padding: 0 10px;
}