/* /Components/Sumulas/SumulaFutebolForm.razor.rz.scp.css */
.form-grid[b-nxsn11cu24] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
}


/* /Layout/MainLayout.razor.rz.scp.css */
/* Header Container */
.header-container[b-ohz7kr5n15] {
    background-color: #ffffff;
    border-bottom: 7px solid transparent;
    border-image: linear-gradient(to bottom, #1a4d2e 0%, #1a4d2e 28.57%, #ffffff 28.57%, #ffffff 57.14%, #ff6b35 57.14%, #ff6b35 100%) 1;
    position: sticky;
    top: 0;
    z-index: 100;
    margin-bottom: 2px;
}

/* Linha verde abaixo do header */
.header-container[b-ohz7kr5n15]::after {
    content: '';
    display: block;
    width: 100%;
    height: 7px;
    background-color: #1a4d2e;
    margin-top: 5px;
}

.header-content[b-ohz7kr5n15] {
    display: grid;
    grid-template-columns: 100px 1fr auto;
    grid-template-areas: "logo . menu";
    align-items: center;
    padding: 8px 10px;
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
    min-height: 60px;
}

/* Navigation Menu */
.nav-menu[b-ohz7kr5n15] {
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    padding: 6px 0;
    margin-bottom: 0;
}

.nav-menu-content[b-ohz7kr5n15] {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
}

.nav-menu .nav-link[b-ohz7kr5n15] {
    text-decoration: none;
    color: #1a4d2e;
    font-weight: 500;
    padding: 6px 16px;
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
    display: inline-block;
    font-size: 0.95rem;
}

.nav-menu .nav-link:hover[b-ohz7kr5n15] {
    background-color: #f5f5f5;
    color: #ff6b35;
}

.nav-menu .nav-link.active[b-ohz7kr5n15] {
    background-color: #1a4d2e;
    color: white;
}

/* Logo Section */
.logo-section[b-ohz7kr5n15] {
    grid-area: logo;
}

.logo[b-ohz7kr5n15] {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

/* User Section */
.user-section[b-ohz7kr5n15] {
    grid-area: menu;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.login-button[b-ohz7kr5n15] {
    background-color: #1a4d2e;
    color: white;
    font-weight: 600;
    padding: 8px 24px;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.login-button:hover[b-ohz7kr5n15] {
    background-color: #2d7a4a;
}

/* Main Content */
.main-content[b-ohz7kr5n15] {
    background-color: #ffffff;
    min-height: calc(100vh - 300px);
}

/* Footer */
.footer-container[b-ohz7kr5n15] {
    background-color: #2d7a4a;
    color: white;
    padding: 0;
    margin-top: 40px;
    height: 20px;
    display: flex;
    align-items: center;
}

.footer-content[b-ohz7kr5n15] {
    width: 100%;
    text-align: center;
}

.footer-text[b-ohz7kr5n15] {
    margin: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 20px;
}

/* Mobile */
@media (max-width: 768px) {
    .header-content[b-ohz7kr5n15] {
        grid-template-columns: 80px 1fr auto;
        padding: 6px 8px;
        min-height: 50px;
    }
    
    .logo[b-ohz7kr5n15] {
        width: 80px;
        height: 80px;
    }
    
    .nav-menu[b-ohz7kr5n15] {
        padding: 4px 0;
    }
    
    .nav-menu-content[b-ohz7kr5n15] {
        padding: 0 8px;
        gap: 12px;
    }
}
/* /Pages/AvisoPrivacidade.razor.rz.scp.css */
.privacy-container[b-h5xan7fbzp] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.privacy-paper[b-h5xan7fbzp] {
    padding: 48px;
}

.privacy-main-title[b-h5xan7fbzp] {
    margin-bottom: 16px;
    text-align: center;
    font-weight: 700;
}

.privacy-date[b-h5xan7fbzp] {
    margin-bottom: 24px;
    color: #6c757d;
}

.privacy-divider[b-h5xan7fbzp] {
    margin-bottom: 32px;
}

.privacy-divider-bottom[b-h5xan7fbzp] {
    margin-top: 32px;
    margin-bottom: 32px;
}

.privacy-section[b-h5xan7fbzp] {
    margin-bottom: 32px;
}

.privacy-section-title[b-h5xan7fbzp] {
    margin-bottom: 16px;
    font-weight: 600;
}

.privacy-text[b-h5xan7fbzp] {
    margin-bottom: 16px;
    line-height: 1.8;
}

.privacy-list[b-h5xan7fbzp] {
    list-style: none;
    padding-left: 0;
    margin-bottom: 24px;
}

.privacy-list li[b-h5xan7fbzp] {
    padding: 8px 0;
    padding-left: 24px;
    line-height: 1.6;
    position: relative;
}

.privacy-list li[b-h5xan7fbzp]::before {
    content: "•";
    color: #1a4d2e;
    font-weight: bold;
    font-size: 1.2rem;
    position: absolute;
    left: 0;
}

.privacy-contact[b-h5xan7fbzp] {
    padding: 24px;
    margin-bottom: 24px;
    background-color: #f8f9fa;
}

.privacy-contact .mud-typography[b-h5xan7fbzp] {
    margin-bottom: 8px;
}

.privacy-footer[b-h5xan7fbzp] {
    color: #6c757d;
}

/* Responsivo */
@media (max-width: 768px) {
    .privacy-paper[b-h5xan7fbzp] {
        padding: 24px;
    }
    
    .privacy-main-title[b-h5xan7fbzp] {
        font-size: 1.75rem;
    }
    
    .privacy-section-title[b-h5xan7fbzp] {
        font-size: 1.25rem;
    }
}
/* /Pages/Cadastros/CadastroTime.razor.rz.scp.css */
.cadastro-time-container[b-j5ubp6w92m] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.cadastro-time-paper[b-j5ubp6w92m] {
    padding: 48px;
    background-color: #ffffff;
}

.cadastro-time-title[b-j5ubp6w92m] {
    font-weight: 700;
    margin-bottom: 24px;
}

.my-6[b-j5ubp6w92m] {
    margin-top: 48px;
    margin-bottom: 48px;
}

.mb-2[b-j5ubp6w92m] {
    margin-bottom: 16px;
}

.mt-6[b-j5ubp6w92m] {
    margin-top: 48px;
}

.form-grid[b-j5ubp6w92m] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.upload-section[b-j5ubp6w92m] {
    margin: 32px 0;
    padding: 24px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.upload-section .mb-3[b-j5ubp6w92m] {
    margin-bottom: 16px;
}

.upload-section .mt-2[b-j5ubp6w92m] {
    margin-top: 16px;
}

.brasao-selected[b-j5ubp6w92m] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 8px 12px;
    background-color: #e8f5e9;
    border-radius: 4px;
}

.mt-4[b-j5ubp6w92m] {
    margin-top: 32px;
}

/* Desktop - 2 colunas */
@media (min-width: 768px) {
    .form-grid[b-j5ubp6w92m] {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}

/* Responsivo */
@media (max-width: 768px) {
    .cadastro-time-paper[b-j5ubp6w92m] {
        padding: 24px;
    }
    
    .cadastro-time-title[b-j5ubp6w92m] {
        font-size: 1.75rem;
    }
    
    .my-6[b-j5ubp6w92m] {
        margin-top: 32px;
        margin-bottom: 32px;
    }
    
    .mt-6[b-j5ubp6w92m] {
        margin-top: 32px;
    }
}

/* Estilos para busca de CEP */
.cep-field-container[b-j5ubp6w92m] {
    position: relative;
    width: 100%;
}

.cep-progress[b-j5ubp6w92m] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    margin-top: 4px;
}

.cep-alert[b-j5ubp6w92m] {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 0.875rem;
}

.cep-field-container :global(.mud-input-adornment)[b-j5ubp6w92m] {
    cursor: pointer;
}

.cep-field-container :global(.mud-input-adornment:hover)[b-j5ubp6w92m] {
    opacity: 0.7;
}

/* /Pages/Cadastros/DadosComplementares.razor.rz.scp.css */
.dados-complementares-card[b-lnnq7sxvt9] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.dados-header[b-lnnq7sxvt9] {
    background-color: #1a4d2e;
    color: white;
    padding: 24px;
}

.dados-titulo[b-lnnq7sxvt9] {
    color: white;
    font-weight: 700;
    margin-bottom: 16px;
}

.dados-subtitulo[b-lnnq7sxvt9] {
    color: white;
    opacity: 0.95;
    line-height: 1.6;
}

.mt-6[b-lnnq7sxvt9] {
    margin-top: 48px;
}

.mb-3[b-lnnq7sxvt9] {
    margin-bottom: 24px;
}

.form-grid[b-lnnq7sxvt9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

@media (min-width: 768px) {
    .form-grid[b-lnnq7sxvt9] {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}

.form-grid > :global(.mud-input-control)[b-lnnq7sxvt9] {
    margin-bottom: 8px;
}

.form-grid :global(.mud-input-outlined) :global(.mud-input-root)[b-lnnq7sxvt9] {
    padding: 8px 14px;
}

.form-grid :global(.mud-select) :global(.mud-input-root)[b-lnnq7sxvt9] {
    padding: 8px 14px;
}

.form-grid :global(.mud-input-helper-text)[b-lnnq7sxvt9] {
    margin-top: 4px;
}

@media (max-width: 768px) {
    .dados-complementares-card[b-lnnq7sxvt9] {
        margin-top: 24px;
    }
    
    .dados-header[b-lnnq7sxvt9] {
        padding: 20px;
    }
    
    .dados-titulo[b-lnnq7sxvt9] {
        font-size: 1.5rem;
    }
    
    .dados-subtitulo[b-lnnq7sxvt9] {
        font-size: 0.875rem;
    }
}

/* Estilos para busca de CEP */
.cep-field-container[b-lnnq7sxvt9] {
    position: relative;
    width: 100%;
}

.cep-progress[b-lnnq7sxvt9] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    margin-top: 4px;
}

.cep-alert[b-lnnq7sxvt9] {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 0.875rem;
}

.cep-field-container :global(.mud-input-adornment)[b-lnnq7sxvt9] {
    cursor: pointer;
}

.cep-field-container :global(.mud-input-adornment:hover)[b-lnnq7sxvt9] {
    opacity: 0.7;
}

/* /Pages/Cadastros/EditarTime.razor.rz.scp.css */
.editar-time-container[b-zvio2vtsuv] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.editar-time-paper[b-zvio2vtsuv] {
    padding: 48px;
    background-color: #ffffff;
}

.header-editar[b-zvio2vtsuv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.my-4[b-zvio2vtsuv] {
    margin-top: 32px;
    margin-bottom: 32px;
}

.mb-2[b-zvio2vtsuv] {
    margin-bottom: 16px;
}

.mb-3[b-zvio2vtsuv] {
    margin-bottom: 24px;
}

.mt-2[b-zvio2vtsuv] {
    margin-top: 16px;
}

.mt-6[b-zvio2vtsuv] {
    margin-top: 48px;
}

.form-grid[b-zvio2vtsuv] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.upload-section[b-zvio2vtsuv] {
    margin: 32px 0;
    padding: 24px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.brasao-selected[b-zvio2vtsuv] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 8px 12px;
    background-color: #e8f5e9;
    border-radius: 4px;
}

/* Custom Tabs */
.custom-tabs[b-zvio2vtsuv] {
    margin-top: 24px;
    width: 100%;
}

.custom-tabs-header[b-zvio2vtsuv] {
    display: flex;
    justify-content: center;
    gap: 16px;
    border-bottom: 2px solid #dee2e6;
}

.custom-tab[b-zvio2vtsuv] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 32px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #FF6B35;
    font-weight: 700;
    font-size: 1rem;
    height: 96px;
}

.custom-tab:hover[b-zvio2vtsuv] {
    color: #1a4d2e;
    background-color: #f8f9fa;
}

.custom-tab.active[b-zvio2vtsuv] {
    color: #1a4d2e;
    border-bottom-color: #1a4d2e;
}

.custom-tab.active .tab-icon :global(.mud-icon-root)[b-zvio2vtsuv] {
    color: #1a4d2e;
}

.custom-tab .tab-icon :global(.mud-icon-root)[b-zvio2vtsuv] {
    color: inherit;
    font-size: 1.5rem;
}

.custom-tabs-content[b-zvio2vtsuv] {
    padding: 32px 0;
}

.tab-panel[b-zvio2vtsuv] {
    min-height: 300px;
}

.mobile-tab-title[b-zvio2vtsuv] {
    display: none;
}

/* Desktop - 2 colunas */
@media (min-width: 768px) {
    .form-grid[b-zvio2vtsuv] {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .editar-time-paper[b-zvio2vtsuv] {
        padding: 24px;
    }
    
    .header-editar[b-zvio2vtsuv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    
    .custom-tabs-header[b-zvio2vtsuv] {
        gap: 0;
        justify-content: stretch;
    }
    
    .custom-tab[b-zvio2vtsuv] {
        flex: 1;
        justify-content: center;
        padding: 16px 8px;
        height: 80px;
    }
    
    .custom-tab .tab-icon :global(.mud-icon-root)[b-zvio2vtsuv] {
        font-size: 2rem;
    }
    
    .tab-text[b-zvio2vtsuv] {
        display: none;
    }
    
    .mobile-tab-title[b-zvio2vtsuv] {
        display: block;
        margin-bottom: 24px;
        font-weight: 700;
    }
}

/* Edição de Planos */
.planos-edicao-container[b-zvio2vtsuv] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.plano-edicao-card[b-zvio2vtsuv] {
    padding: 24px;
    border-radius: 8px;
    background-color: #f8f9fa;
    border: none;
    box-shadow: none;
}

.plano-edicao-header[b-zvio2vtsuv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.plano-edicao-campos[b-zvio2vtsuv] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.my-3[b-zvio2vtsuv] {
    margin-top: 24px;
    margin-bottom: 24px;
}

.beneficios-edicao-lista[b-zvio2vtsuv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.beneficio-edicao-item[b-zvio2vtsuv] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.beneficio-input[b-zvio2vtsuv] {
    flex: 1;
}

.adicionar-plano-button[b-zvio2vtsuv] {
    margin-top: 16px;
}

@media (max-width: 768px) {
    .plano-edicao-campos[b-zvio2vtsuv] {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    
    .plano-edicao-card[b-zvio2vtsuv] {
        padding: 16px;
    }
}


/* /Pages/Cadastros/SelecaoTime.razor.rz.scp.css */
.selecao-time-container[b-lb2fvhkqem] {
    margin-top: 60px;
    margin-bottom: 60px;
}

.selecao-time-paper[b-lb2fvhkqem] {
    padding: 48px;
    background-color: #ffffff;
}

.selecao-title[b-lb2fvhkqem] {
    font-weight: 700;
    margin-bottom: 16px;
}

.selecao-subtitle[b-lb2fvhkqem] {
    color: #6c757d;
    margin-bottom: 24px;
}

.my-6[b-lb2fvhkqem] {
    margin-top: 48px;
    margin-bottom: 48px;
}

.mb-3[b-lb2fvhkqem] {
    margin-bottom: 24px;
}

.mb-4[b-lb2fvhkqem] {
    margin-bottom: 32px;
}

.mb-6[b-lb2fvhkqem] {
    margin-bottom: 48px;
}

.search-section[b-lb2fvhkqem] {
    margin-bottom: 32px;
}

.cadastro-time-section[b-lb2fvhkqem] {
    text-align: center;
}

.divider-container[b-lb2fvhkqem] {
    position: relative;
    margin: 32px 0;
}

.divider-text[b-lb2fvhkqem] {
    margin-top: -16px;
    font-weight: 600;
}

/* Responsivo */
@media (max-width: 768px) {
    .selecao-time-paper[b-lb2fvhkqem] {
        padding: 24px;
    }
    
    .selecao-title[b-lb2fvhkqem] {
        font-size: 1.75rem;
    }
    
    .my-6[b-lb2fvhkqem] {
        margin-top: 32px;
        margin-bottom: 32px;
    }
}

/* /Pages/Calendario.razor.rz.scp.css */
/* Calendário de Jogos - Estilos VIP */
.vip-benefits[b-e1mp5tyq8f] {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-radius: 8px;
    padding: 24px;
    margin: 16px 0;
}

.jogo-card[b-e1mp5tyq8f] {
    transition: all 0.3s ease;
    border-left: 4px solid transparent;
    height: 100%;
}

.jogo-card:hover[b-e1mp5tyq8f] {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.jogo-agendado[b-e1mp5tyq8f] {
    border-left-color: #1976d2;
}

.jogo-em-andamento[b-e1mp5tyq8f] {
    border-left-color: #f57c00;
    background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);
}

.jogo-finalizado[b-e1mp5tyq8f] {
    border-left-color: #388e3c;
    background: linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%);
}

.jogo-cancelado[b-e1mp5tyq8f] {
    border-left-color: #d32f2f;
    background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
}

/* Cards de jogo responsivos */
@media (max-width: 768px) {
    .jogo-card[b-e1mp5tyq8f] {
        margin-bottom: 16px;
    }
}

/* Status chips personalizados */
.mud-chip[b-e1mp5tyq8f] {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
}

/* Ícones de status */
.jogo-card .mud-icon[b-e1mp5tyq8f] {
    opacity: 0.8;
}

.jogo-card:hover .mud-icon[b-e1mp5tyq8f] {
    opacity: 1;
}

/* Layout do calendário */
.calendario-container[b-e1mp5tyq8f] {
    min-height: 600px;
}

/* Filtros */
.filtros-container[b-e1mp5tyq8f] {
    background: #fafafa;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
}

/* Dialog de novo jogo */
.mud-dialog .mud-form[b-e1mp5tyq8f] {
    max-height: 70vh;
    overflow-y: auto;
}

/* Animações */
@keyframes fadeInUp-b-e1mp5tyq8f {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.jogo-card[b-e1mp5tyq8f] {
    animation: fadeInUp-b-e1mp5tyq8f 0.5s ease-out;
}

/* Estados de loading */
.loading-container[b-e1mp5tyq8f] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

/* Mensagens de estado vazio */
.empty-state[b-e1mp5tyq8f] {
    text-align: center;
    padding: 48px 24px;
    color: #666;
}

.empty-state .mud-icon[b-e1mp5tyq8f] {
    font-size: 4rem;
    margin-bottom: 16px;
    opacity: 0.5;
}

/* Responsividade para mobile */
@media (max-width: 600px) {
    .vip-benefits[b-e1mp5tyq8f] {
        padding: 16px;
        margin: 8px 0;
    }
    
    .jogo-card .mud-card-content[b-e1mp5tyq8f] {
        padding: 12px;
    }
    
    .filtros-container[b-e1mp5tyq8f] {
        padding: 12px;
    }
    
    .mud-grid .mud-item[b-e1mp5tyq8f] {
        margin-bottom: 8px;
    }
}

/* Tema escuro */
@media (prefers-color-scheme: dark) {
    .vip-benefits[b-e1mp5tyq8f] {
        background: linear-gradient(135deg, #2d3748 0%, #4a5568 100%);
        color: white;
    }
    
    .filtros-container[b-e1mp5tyq8f] {
        background: #2d3748;
    }
    
    .jogo-em-andamento[b-e1mp5tyq8f] {
        background: linear-gradient(135deg, #4a2c00 0%, #6b3d00 100%);
    }
    
    .jogo-finalizado[b-e1mp5tyq8f] {
        background: linear-gradient(135deg, #1b5e20 0%, #2e7d32 100%);
    }
    
    .jogo-cancelado[b-e1mp5tyq8f] {
        background: linear-gradient(135deg, #b71c1c 0%, #d32f2f 100%);
    }
}

/* Acessibilidade */
.jogo-card:focus[b-e1mp5tyq8f] {
    outline: 2px solid #1976d2;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .jogo-card[b-e1mp5tyq8f] {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ddd;
    }
    
    .mud-button[b-e1mp5tyq8f] {
        display: none;
    }
}
/* /Pages/Checkout.razor.rz.scp.css */
.checkout-container[b-moyrk3xbiy] {
    padding: 32px;
    background-color: #ffffff;
    margin-bottom: 40px;
}

.mb-6[b-moyrk3xbiy] {
    margin-bottom: 48px;
}

.checkout-grid[b-moyrk3xbiy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
}

.checkout-info[b-moyrk3xbiy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.checkout-pagamento[b-moyrk3xbiy] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info-section[b-moyrk3xbiy] {
    padding: 24px;
    border-radius: 8px;
}

.pagamento-section[b-moyrk3xbiy] {
    padding: 24px;
    border-radius: 8px;
}

.resumo-pedido[b-moyrk3xbiy] {
    padding: 24px;
    border-radius: 8px;
    background-color: rgba(26, 77, 46, 0.05);
}

.section-titulo[b-moyrk3xbiy] {
    font-weight: 700;
    margin-bottom: 8px;
}

.my-3[b-moyrk3xbiy] {
    margin-top: 24px;
    margin-bottom: 24px;
}

.plano-resumo[b-moyrk3xbiy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.resumo-item[b-moyrk3xbiy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.resumo-item.valor-destaque[b-moyrk3xbiy] {
    padding: 16px;
    background-color: rgba(255, 107, 53, 0.1);
    border-radius: 8px;
    margin-top: 8px;
}

.torcedor-info-grid[b-moyrk3xbiy] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.info-item-checkout[b-moyrk3xbiy] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-item-checkout.full-width[b-moyrk3xbiy] {
    grid-column: 1 / -1;
}

.payment-gateway-container[b-moyrk3xbiy] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.payment-placeholder[b-moyrk3xbiy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    background-color: #f8f9fa;
}

.resumo-linha[b-moyrk3xbiy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resumo-linha.total[b-moyrk3xbiy] {
    padding-top: 16px;
}

/* Responsivo */
@media (max-width: 1024px) {
    .checkout-grid[b-moyrk3xbiy] {
        grid-template-columns: 1fr;
    }
    
    .checkout-pagamento[b-moyrk3xbiy] {
        order: -1;
    }
}

@media (max-width: 768px) {
    .checkout-container[b-moyrk3xbiy] {
        padding: 16px;
    }
    
    .torcedor-info-grid[b-moyrk3xbiy] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    
    .info-section[b-moyrk3xbiy] {
        padding: 16px;
    }
    
    .pagamento-section[b-moyrk3xbiy] {
        padding: 16px;
    }
    
    .resumo-pedido[b-moyrk3xbiy] {
        padding: 16px;
    }
}

/* Estilos para QR Code PIX */
.pix-qrcode-container[b-moyrk3xbiy] {
    text-align: center;
    padding: 24px;
    background-color: #f8f9fa;
    border-radius: 8px;
    margin-top: 16px;
}

.qrcode-wrapper[b-moyrk3xbiy] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 16px 0;
    border: 2px solid #e0e0e0;
}

.qrcode-image[b-moyrk3xbiy] {
    max-width: 300px;
    max-height: 300px;
    width: 100%;
    height: auto;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .qrcode-image[b-moyrk3xbiy] {
        max-width: 250px;
        max-height: 250px;
    }
    
    .pix-qrcode-container[b-moyrk3xbiy] {
        padding: 16px;
    }
}






/* /Pages/ConfirmacaoAssinatura.razor.rz.scp.css */
.confirmacao-container[b-wgffqq1tos] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.confirmacao-paper[b-wgffqq1tos] {
    padding: 40px;
    border-radius: 12px;
}

.loading-container[b-wgffqq1tos] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    text-align: center;
}

.status-container[b-wgffqq1tos] {
    text-align: center;
    padding: 20px 0;
}

.status-container.sucesso[b-wgffqq1tos] {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.05) 0%, rgba(76, 175, 80, 0.02) 100%);
    border-radius: 12px;
    padding: 30px;
}

.status-container.aguardando[b-wgffqq1tos] {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.05) 0%, rgba(255, 152, 0, 0.02) 100%);
    border-radius: 12px;
    padding: 30px;
}

.status-container.erro[b-wgffqq1tos] {
    background: linear-gradient(135deg, rgba(244, 67, 54, 0.05) 0%, rgba(244, 67, 54, 0.02) 100%);
    border-radius: 12px;
    padding: 30px;
}

.status-container.desconhecido[b-wgffqq1tos] {
    background: linear-gradient(135deg, rgba(158, 158, 158, 0.05) 0%, rgba(158, 158, 158, 0.02) 100%);
    border-radius: 12px;
    padding: 30px;
}

.status-icon[b-wgffqq1tos] {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.status-titulo[b-wgffqq1tos] {
    margin-bottom: 16px !important;
    font-weight: 600;
}

.status-mensagem[b-wgffqq1tos] {
    margin-bottom: 24px !important;
    line-height: 1.6;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.info-box[b-wgffqq1tos] {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 24px;
    margin-top: 24px;
    text-align: left;
}

.info-item[b-wgffqq1tos] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.info-item:last-child[b-wgffqq1tos] {
    border-bottom: none;
}

.info-item > *:first-child[b-wgffqq1tos] {
    flex: 0 0 40%;
    min-width: 150px;
}

.info-item > *:last-child[b-wgffqq1tos] {
    flex: 1;
    text-align: right;
}

.resposta-gateway[b-wgffqq1tos] {
    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 16px;
    overflow-x: auto;
    font-family: 'Courier New', monospace;
    font-size: 12px;
    max-height: 400px;
    overflow-y: auto;
}

.resposta-gateway pre[b-wgffqq1tos] {
    margin: 0;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.botoes-acao[b-wgffqq1tos] {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Responsive */
@media (max-width: 768px) {
    .confirmacao-paper[b-wgffqq1tos] {
        padding: 24px 16px;
    }

    .status-container[b-wgffqq1tos] {
        padding: 20px 16px;
    }

    .info-box[b-wgffqq1tos] {
        padding: 16px;
    }

    .info-item[b-wgffqq1tos] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .info-item > *:first-child[b-wgffqq1tos] {
        flex: 1;
        width: 100%;
    }

    .info-item > *:last-child[b-wgffqq1tos] {
        flex: 1;
        width: 100%;
        text-align: left;
    }

    .status-icon[b-wgffqq1tos] {
        margin-bottom: 16px;
    }

    .status-titulo[b-wgffqq1tos] {
        font-size: 1.5rem !important;
    }

    .status-mensagem[b-wgffqq1tos] {
        font-size: 0.9rem !important;
    }
}

/* Animações */
@keyframes fadeIn-b-wgffqq1tos {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.status-container[b-wgffqq1tos] {
    animation: fadeIn-b-wgffqq1tos 0.5s ease-out;
}

.info-box[b-wgffqq1tos] {
    animation: fadeIn-b-wgffqq1tos 0.6s ease-out;
}

.botoes-acao[b-wgffqq1tos] {
    animation: fadeIn-b-wgffqq1tos 0.7s ease-out;
}

/* /Pages/Home.razor.rz.scp.css */
/* ===== CAROUSEL STYLES ===== */

/* Dual Carousel Container */
.dual-carousel-container[b-62eo80f4yi] {
    display: none; /* Temporariamente oculto - será usado no futuro */
    /* display: grid; */
    grid-template-columns: 940px 940px;
    gap: 20px;
    width: 100%;
    max-width: 1900px;
    margin: 0 auto;
    padding: 0;
    justify-content: center;
}

.carousel-left[b-62eo80f4yi],
.carousel-right[b-62eo80f4yi] {
    width: 100%;
    max-width: 940px;
}

/* Container */
.carousel-container[b-62eo80f4yi] {
    width: 100%;
    max-width: 940px;
    margin: 0;
    padding: 0;
}

/* MudCarousel Base */
.carousel-custom[b-62eo80f4yi] {
    --carousel-height-desktop: 400px;
    --carousel-height-tablet: 300px;
    --carousel-height-mobile: 250px;
    
    width: 100%;
    max-width: 940px;
    height: var(--carousel-height-desktop);
}

.carousel-custom .mud-carousel-container[b-62eo80f4yi] {
    height: 400px;
}

.carousel-custom .mud-carousel-item[b-62eo80f4yi] {
    height: 400px;
}

/* Customizar bullets como barras finas cinza claro */
.carousel-bullets-custom button[b-62eo80f4yi] {
    width: 40px;
    height: 3px;
    border-radius: 0;
    background-color: #f5f5f5;
    opacity: 0.4;
    transition: all 0.3s ease;
}

.carousel-bullets-custom button.mud-selected[b-62eo80f4yi] {
    opacity: 0.7;
    background-color: #e0e0e0;
}

/* Carousel Items */
.carousel-item-content[b-62eo80f4yi] {
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Link Styling */
.carousel-link[b-62eo80f4yi] {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s ease;
}

.carousel-link:hover[b-62eo80f4yi] {
    opacity: 0.9;
}

/* Image Styling */
.carousel-image[b-62eo80f4yi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

/* Overlay */
.carousel-overlay[b-62eo80f4yi] {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
    transition: background-color 0.3s ease;
}

.carousel-link:hover .carousel-overlay[b-62eo80f4yi] {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Text Content */
.carousel-text[b-62eo80f4yi] {
    text-align: center;
    padding: 20px;
    z-index: 2;
}

.carousel-title[b-62eo80f4yi] {
    color: white;
    font-weight: bold;
}

.carousel-description[b-62eo80f4yi] {
    color: white;
    margin-top: 10px;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablet */
@media (max-width: 1024px) and (min-width: 768px) {
    .dual-carousel-container[b-62eo80f4yi] {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 10px;
    }
    
    .carousel-left[b-62eo80f4yi],
    .carousel-right[b-62eo80f4yi] {
        width: 100%;
    }
    
    .carousel-container[b-62eo80f4yi] {
        width: 100%;
        max-width: 100%;
    }
    
    .carousel-custom[b-62eo80f4yi] {
        width: 100%;
        max-width: 100%;
        height: var(--carousel-height-tablet);
    }
    
    .carousel-custom .mud-carousel-container[b-62eo80f4yi] {
        height: 300px;
    }
    
    .carousel-custom .mud-carousel-item[b-62eo80f4yi] {
        height: 300px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .dual-carousel-container[b-62eo80f4yi] {
        display: none;
    }
}

/* ===== FEATURES ACCORDION STYLES ===== */

.features-container[b-62eo80f4yi] {
    max-width: 1400px;
    margin: 40px auto;
    padding: 0 20px;
}

.features-grid[b-62eo80f4yi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.features-column[b-62eo80f4yi] {
    width: 100%;
}

.features-heading[b-62eo80f4yi] {
    color: #1a4d2e;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.3;
}

.features-accordion[b-62eo80f4yi] {
    background: transparent;
}

.feature-panel[b-62eo80f4yi] {
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
}

.feature-title[b-62eo80f4yi] {
    color: #FF6B35;
    background-color: #1a4d2e;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 16px 20px;
    width: 100%;
}

.feature-content[b-62eo80f4yi] {
    background-color: #ffffff;
    color: #1a4d2e;
    padding: 20px;
    font-size: 1rem;
    line-height: 1.6;
}

/* Customizar MudExpansionPanel */
.feature-panel .mud-expand-panel-header[b-62eo80f4yi] {
    background-color: #1a4d2e;
    padding: 0;
    min-height: auto;
}

.feature-panel .mud-expand-panel-content[b-62eo80f4yi] {
    background-color: #ffffff;
    padding: 0;
}

.feature-panel .mud-expand-panel-header .mud-expand-panel-text[b-62eo80f4yi] {
    padding: 0;
    margin: 0;
}

/* Ícone de expansão */
.feature-panel .mud-expand-panel-header .mud-icon-root[b-62eo80f4yi] {
    color: #FF6B35;
}

/* Responsivo */
@media (max-width: 767px) {
    .features-container[b-62eo80f4yi] {
        margin: 20px auto;
        padding: 0 10px;
    }
    
    .features-grid[b-62eo80f4yi] {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .features-heading[b-62eo80f4yi] {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }
    
    .feature-title[b-62eo80f4yi] {
        font-size: 1rem;
        padding: 12px 16px;
    }
    
    .feature-content[b-62eo80f4yi] {
        font-size: 0.95rem;
        padding: 16px;
    }
}
/* /Pages/Login/Autenticacao.razor.rz.scp.css */
.login-card[b-qqihtqjl57] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.login-header[b-qqihtqjl57] {
    background-color: #1a4d2e;
    color: white;
    padding: 24px;
}

.login-title[b-qqihtqjl57] {
    color: white;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 0.5px;
}

.login-button-orange[b-qqihtqjl57] {
    background-color: #FF6B35;
    color: white;
    font-weight: 600;
}

.login-button-orange:hover[b-qqihtqjl57] {
    background-color: #ff8a5c;
}

.link-verde[b-qqihtqjl57] {
    color: #1a4d2e;
    font-weight: 600;
    text-decoration: none;
}

.link-verde:hover[b-qqihtqjl57] {
    color: #2d7a4a;
    text-decoration: underline;
}
/* /Pages/Login/Cadastro.razor.rz.scp.css */
.cadastro-card[b-wufju12v9r] {
    margin-top: 40px;
    margin-bottom: 40px;
    max-width: 900px;
}

.cadastro-header[b-wufju12v9r] {
    background-color: #1a4d2e;
    color: white;
    padding: 24px;
}

.form-grid[b-wufju12v9r] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

/* Desktop - 2 colunas */
@media (min-width: 768px) {
    .form-grid[b-wufju12v9r] {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }
}

.cadastro-title[b-wufju12v9r] {
    color: white;
    font-weight: 700;
    margin-bottom: 8px;
}

.cadastro-subtitle[b-wufju12v9r] {
    color: #ffffff;
    opacity: 0.9;
}

.cadastro-button[b-wufju12v9r] {
    background-color: #1a4d2e;
    color: white;
    font-weight: 600;
}

.cadastro-button:hover[b-wufju12v9r] {
    background-color: #2d7a4a;
}

.link-verde[b-wufju12v9r] {
    color: #1a4d2e;
    font-weight: 600;
    text-decoration: none;
}

.link-verde:hover[b-wufju12v9r] {
    color: #2d7a4a;
    text-decoration: underline;
}

/* /Pages/Ranking.razor.rz.scp.css */
.ranking-filters[b-1bzb786vh4] {
    max-width: 400px;
}


/* /Pages/Sumula.razor.rz.scp.css */
.sumula-container[b-iqtdlg5zr4] {
    max-width: 900px;
    margin: 0 auto;
}

.sumula-actions[b-iqtdlg5zr4] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 24px;
}

@media print {
    .sumula-actions[b-iqtdlg5zr4] {
        display: none;
    }
    
    .MudButton[b-iqtdlg5zr4] {
        display: none;
    }
}

/* /Pages/Time.razor.rz.scp.css */
.time-container[b-jkh2nuz9is] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.time-header[b-jkh2nuz9is] {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 24px;
    background-color: #f8f9fa;
    border-radius: 8px;
    position: relative;
}

.brasao-container[b-jkh2nuz9is] {
    flex-shrink: 0;
}

.brasao-image[b-jkh2nuz9is] {
    width: 150px;
    height: 150px;
    object-fit: contain;
    border-radius: 8px;
}

.brasao-placeholder[b-jkh2nuz9is] {
    width: 150px;
    height: 150px;
    border: 3px solid #FF6B35;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}

.time-info[b-jkh2nuz9is] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 150px;
}

.edit-button-container[b-jkh2nuz9is] {
    position: absolute;
    top: 16px;
    right: 16px;
}

.time-nome[b-jkh2nuz9is] {
    font-weight: 700;
    margin-bottom: 8px;
    line-height: 1.2;
}

.torcida-nome[b-jkh2nuz9is] {
    font-weight: 500;
    margin-bottom: 16px;
    opacity: 0.9;
}

.time-cores[b-jkh2nuz9is] {
    display: flex;
    gap: 12px;
    margin-top: 8px;
}

.cor-badge[b-jkh2nuz9is] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.my-6[b-jkh2nuz9is] {
    margin-top: 48px;
    margin-bottom: 48px;
}

.mb-4[b-jkh2nuz9is] {
    margin-bottom: 32px;
}

.time-content[b-jkh2nuz9is] {
    margin-top: 32px;
}

.info-card[b-jkh2nuz9is] {
    padding: 24px;
    background-color: #f8f9fa;
    border-radius: 8px;
}

.info-grid[b-jkh2nuz9is] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 24px;
}

.info-item[b-jkh2nuz9is] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.my-4[b-jkh2nuz9is] {
    margin-top: 32px;
    margin-bottom: 32px;
}

.mb-3[b-jkh2nuz9is] {
    margin-bottom: 24px;
}

.redes-sociais-container[b-jkh2nuz9is] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px 0;
    align-items: center;
}

/* Próximos Jogos */
.proximos-jogos-card[b-jkh2nuz9is] {
    margin-top: 24px;
}

.proximos-jogos-header[b-jkh2nuz9is] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.proximos-jogos-table :global(.mud-table-container)[b-jkh2nuz9is] {
    background-color: transparent;
}

.proximos-jogos-table :global(.mud-table-head)[b-jkh2nuz9is] {
    background-color: rgba(26, 77, 46, 0.05);
}

.proximos-jogos-table :global(th)[b-jkh2nuz9is] {
    color: #1a4d2e;
    font-weight: 700;
}

.jogo-data-texto[b-jkh2nuz9is] {
    font-weight: 600;
    color: #6c757d;
}

.jogo-confronto-texto[b-jkh2nuz9is] {
    color: #1a4d2e;
    font-weight: 500;
}

.rede-social-icon :global(.mud-icon-button)[b-jkh2nuz9is] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f8f9fa;
    transition: all 0.3s ease;
}

.rede-social-icon :global(.mud-icon-button:hover)[b-jkh2nuz9is] {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(26, 77, 46, 0.2);
    background-color: #e8f5e9;
}

.rede-social-icon :global(.mud-icon-root)[b-jkh2nuz9is] {
    font-size: 1.5rem;
}

/* Custom Tabs */
.custom-tabs[b-jkh2nuz9is] {
    margin-top: 24px;
    width: 100%;
}

.custom-tabs-header[b-jkh2nuz9is] {
    display: flex;
    justify-content: center;
    gap: 16px;
    border-bottom: 2px solid #dee2e6;
}

.custom-tab[b-jkh2nuz9is] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 24px 32px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #FF6B35;
    font-weight: 700;
    font-size: 1rem;
    height: 96px;
}

.custom-tab:hover[b-jkh2nuz9is] {
    color: #1a4d2e;
    background-color: #f8f9fa;
}

.custom-tab.active[b-jkh2nuz9is] {
    color: #1a4d2e;
    border-bottom-color: #1a4d2e;
}

.custom-tab.active .tab-icon :global(.mud-icon-root)[b-jkh2nuz9is] {
    color: #1a4d2e;
}

.custom-tab .tab-icon :global(.mud-icon-root)[b-jkh2nuz9is] {
    color: inherit;
}

.custom-tab .tab-icon :global(.mud-icon-root)[b-jkh2nuz9is] {
    font-size: 1.5rem;
}

.tab-text[b-jkh2nuz9is] {
    white-space: nowrap;
}

.custom-tabs-content[b-jkh2nuz9is] {
    padding: 32px 0;
}

.tab-panel[b-jkh2nuz9is] {
    min-height: 300px;
}

/* Estilos para Novidades */
.novidades-container[b-jkh2nuz9is] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.novidade-card[b-jkh2nuz9is] {
    transition: box-shadow 0.3s ease;
}

.novidade-card:hover[b-jkh2nuz9is] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.novidade-header[b-jkh2nuz9is] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

.novidade-titulo[b-jkh2nuz9is] {
    flex: 1;
    margin-right: 16px;
}

.novidade-data[b-jkh2nuz9is] {
    font-size: 0.875rem;
}

.novidade-conteudo[b-jkh2nuz9is] {
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.6;
}

.mobile-tab-title[b-jkh2nuz9is] {
    display: none;
}

/* Mobile - Apenas ícones, sem texto, distribuído igualmente */
@media (max-width: 768px) {
    .custom-tabs-header[b-jkh2nuz9is] {
        gap: 0;
        justify-content: stretch;
    }
    
    .custom-tab[b-jkh2nuz9is] {
        flex: 1;
        justify-content: center;
        padding: 16px 8px;
        height: 80px;
    }
    
    .custom-tab .tab-icon :global(.mud-icon-root)[b-jkh2nuz9is] {
        font-size: 2rem;
    }
    
    .tab-text[b-jkh2nuz9is] {
        display: none;
    }
    
    .mobile-tab-title[b-jkh2nuz9is] {
        display: block;
        margin-bottom: 24px;
        font-weight: 700;
    }
}

/* Planos de Torcedor */
.planos-grid[b-jkh2nuz9is] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
    margin-top: 24px;
}

.plano-card[b-jkh2nuz9is] {
    background-color: rgba(255, 107, 53, 0.15);
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.plano-card:hover[b-jkh2nuz9is] {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(255, 107, 53, 0.3);
}

.plano-header[b-jkh2nuz9is] {
    padding: 24px;
    text-align: center;
    background-color: rgba(255, 107, 53, 0.1);
}

.plano-titulo[b-jkh2nuz9is] {
    color: #FF6B35;
    font-weight: 900;
    text-shadow: 1px 1px 2px #000000,
                 -1px -1px 2px #000000,
                 1px -1px 2px #000000,
                 -1px 1px 2px #000000;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

.plano-preco[b-jkh2nuz9is] {
    color: #FF6B35;
    font-weight: 700;
    margin-bottom: 4px;
}

.plano-frequencia[b-jkh2nuz9is] {
    color: #1a4d2e;
    font-weight: 500;
    opacity: 0.8;
}

.plano-divider[b-jkh2nuz9is] {
    background-color: rgba(255, 107, 53, 0.3);
    height: 2px;
}

.plano-beneficios[b-jkh2nuz9is] {
    padding: 24px;
    flex: 1;
}

.beneficios-titulo[b-jkh2nuz9is] {
    color: #1a4d2e;
    font-weight: 700;
    margin-bottom: 16px;
}

.beneficios-lista[b-jkh2nuz9is] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.beneficios-lista li[b-jkh2nuz9is] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
    color: #1a4d2e;
    font-weight: 500;
    line-height: 1.5;
}

.beneficio-icon :global(.mud-icon-root)[b-jkh2nuz9is] {
    color: #1a4d2e;
    flex-shrink: 0;
    margin-top: 2px;
}

.plano-footer[b-jkh2nuz9is] {
    padding: 24px;
    padding-top: 0;
}

.plano-button[b-jkh2nuz9is] {
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Responsivo */
@media (max-width: 768px) {
    .time-header[b-jkh2nuz9is] {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 16px;
    }
    
    .time-info[b-jkh2nuz9is] {
        align-items: center;
        min-height: auto;
    }
    
    .time-nome[b-jkh2nuz9is] {
        font-size: 1.75rem;
    }
    
    .torcida-nome[b-jkh2nuz9is] {
        font-size: 1.1rem;
    }
    
    .time-cores[b-jkh2nuz9is] {
        justify-content: center;
    }
    
    .info-grid[b-jkh2nuz9is] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .planos-grid[b-jkh2nuz9is] {
        grid-template-columns: 1fr;
    }
}

/* Timeline do Calendário */
.timeline-container[b-jkh2nuz9is] {
    position: relative;
    padding: 24px 0;
}

.timeline-container[b-jkh2nuz9is]::before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 3px;
    background-color: #1a4d2e;
}

.timeline-item[b-jkh2nuz9is] {
    position: relative;
    padding-left: 60px;
    margin-bottom: 24px;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.timeline-item:hover[b-jkh2nuz9is] {
    transform: translateX(8px);
}

.timeline-marker[b-jkh2nuz9is] {
    position: absolute;
    left: 12px;
    top: 8px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #1a4d2e;
    border: 3px solid #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.timeline-content[b-jkh2nuz9is] {
    background-color: #f8f9fa;
    padding: 16px;
    border-radius: 8px;
    border-left: 4px solid #1a4d2e;
    transition: all 0.3s ease;
}

.timeline-item:hover .timeline-content[b-jkh2nuz9is] {
    box-shadow: 0 4px 12px rgba(26, 77, 46, 0.2);
}

.timeline-item.jogo-hoje .timeline-content[b-jkh2nuz9is] {
    background-color: rgba(255, 107, 53, 0.2);
    border-left-color: #FF6B35;
}

.timeline-item.jogo-hoje .timeline-marker[b-jkh2nuz9is] {
    background-color: #FF6B35;
}

.jogo-data[b-jkh2nuz9is] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #6c757d;
    font-size: 0.875rem;
    margin-bottom: 8px;
}

.jogo-data :global(.mud-icon-root)[b-jkh2nuz9is] {
    font-size: 1rem;
}

.jogo-horario[b-jkh2nuz9is] {
    margin-left: 8px;
    font-weight: 600;
}

.jogo-confronto[b-jkh2nuz9is] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 12px 0;
}

.time-nome[b-jkh2nuz9is] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a4d2e;
}

.versus[b-jkh2nuz9is] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #FF6B35;
}

.jogo-local[b-jkh2nuz9is] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #6c757d;
    font-size: 0.875rem;
}

.jogo-local :global(.mud-icon-root)[b-jkh2nuz9is] {
    font-size: 1rem;
    margin-top: 2px;
}

.local-info[b-jkh2nuz9is] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.local-nome[b-jkh2nuz9is] {
    font-weight: 600;
    color: #1a4d2e;
}

.local-endereco[b-jkh2nuz9is] {
    color: #6c757d;
    font-size: 0.813rem;
}

.navegacao-link[b-jkh2nuz9is] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 4px;
    border-radius: 50%;
    transition: background-color 0.3s ease;
}

.navegacao-link:hover[b-jkh2nuz9is] {
    background-color: rgba(255, 107, 53, 0.1);
}

.navegacao-link :global(.mud-icon-root)[b-jkh2nuz9is] {
    font-size: 1.25rem;
}

/* Modal de Detalhes do Jogo */
.modal-jogo-detalhes[b-jkh2nuz9is] {
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 12px;
    background-color: #ffffff;
}

.modal-header[b-jkh2nuz9is] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    border-bottom: 1px solid #dee2e6;
}

.modal-content[b-jkh2nuz9is] {
    padding: 24px;
}

.modal-footer[b-jkh2nuz9is] {
    padding: 16px 24px;
    border-top: 1px solid #dee2e6;
}

.detalhes-jogo-container[b-jkh2nuz9is] {
    padding: 0;
}

.detalhes-confronto[b-jkh2nuz9is] {
    padding: 24px 0;
}

.confronto-titulo[b-jkh2nuz9is] {
    font-weight: 700;
    color: #1a4d2e;
}

.versus-grande[b-jkh2nuz9is] {
    font-weight: 900;
    margin: 16px 0;
}

.detalhes-info[b-jkh2nuz9is] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.detalhes-info .info-item[b-jkh2nuz9is] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.detalhes-info .info-item :global(.mud-icon-root)[b-jkh2nuz9is] {
    margin-top: 4px;
}

.info-item-local[b-jkh2nuz9is] {
    grid-column: 1 / -1;
}

.flex-grow[b-jkh2nuz9is] {
    flex: 1;
}

.endereco-texto[b-jkh2nuz9is] {
    color: #6c757d;
    margin-top: 4px;
}

.navegacao-button[b-jkh2nuz9is] {
    display: inline-flex;
    text-decoration: none;
    align-self: flex-start;
}

.escalacao-lista[b-jkh2nuz9is] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.mr-2[b-jkh2nuz9is] {
    margin-right: 8px;
}

@media (max-width: 768px) {
    .timeline-container[b-jkh2nuz9is]::before {
        left: 10px;
    }
    
    .timeline-marker[b-jkh2nuz9is] {
        left: 2px;
    }
    
    .timeline-item[b-jkh2nuz9is] {
        padding-left: 40px;
    }
    
    .jogo-confronto[b-jkh2nuz9is] {
        flex-direction: column;
        gap: 8px;
    }
    
    .time-nome[b-jkh2nuz9is] {
        font-size: 1rem;
    }
    
    .detalhes-info[b-jkh2nuz9is] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    
    .modal-jogo-detalhes[b-jkh2nuz9is] {
        width: 95%;
        max-height: 85vh;
    }
    
    .modal-header[b-jkh2nuz9is] {
        padding: 16px;
    }
    
    .modal-content[b-jkh2nuz9is] {
        padding: 16px;
    }
}