/* Definindo uma fonte mais bonita e moderna */
body, html {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Fonte moderna e legível */
}

/* Definindo o layout FIXO para padronizar as colunas */
.turnosRafaela {
    table-layout: fixed; /* MUDANÇA CRUCIAL: Força o navegador a usar larguras de coluna definidas */
    width: 100%;
    border-collapse: collapse; /* Garante que as bordas das células fiquem próximas */
    /* Remova a margin-top: 20px; se o objetivo é diminuir espaço */
    border-collapse: separate; /* Importante para que border-radius funcione em tabelas */
    border-spacing: 0; /* Remove o espaçamento entre células para bordas contínuas */
    border-radius: 8px; /* Aplica o arredondamento de 8 pixels em todos os cantos */
    overflow: hidden; /* Corta o conteúdo que excede o border-radius (se houver bordas nas células) */
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);Sombra suave para destacar a tabela */
}

/* Estilo dos cabeçalhos da tabela e células (APLICADO À MAIORIA DAS COLUNAS) */
.turnosRafaela th, .turnosRafaela td {
    padding: 2px; /* Menor padding para reduzir a largura geral */
    text-align: center;
    word-wrap: break-word; /* Quebra de linha se necessário */
    border: 1px solid #d1d5db; /* Borda suave */
    color: #4a5568; /* Cor do texto em cinza escuro */
    
    /* MUDANÇA AQUI: Largura para as 6 colunas de dias (100% - largura da 1ª coluna) / 6 */
    /* Exemplo: Se a 1ª coluna tiver 18%, as outras 6 colunas dividem 82% */
    width: calc((100% - 18%) / 6); /* Ajuste '18%' conforme sua preferência */
}

/* Cabeçalhos com cor personalizada baseada no estilo do calendário de novembro */
.turnosRafaela th {
    background-color: #e5eff6; /* Cor suave azul clara, seguindo o padrão de novembro2024 */
    color: #2d3748; /* Cor do texto escuro */
    /* text-transform: uppercase; Deixa os cabeçalhos em maiúsculas */
    font-weight: bold; /* Negrito */
}

/* Estilo específico para a coluna do turno (PRIMEIRA COLUNA - MAIS LARGA) */
.turnosRafaela td.turno {
    width: 18%; /* MUDANÇA AQUI: Defina a largura desejada para a coluna 'Turno' */
    font-weight: bold; /* Deixa os turnos mais destacados */
}

/* Células com horários (a largura já é controlada por th, td geral, ou td.turno) */
.turnosRafaela td {
    /* Não precisa mais de width: auto; aqui */
}

/* Para as células de "Frei", que têm texto fixo, pode-se reduzir ainda mais */
.turnosRafaela td.frei {
    width: 80px; /* Isso sobrescreverá a largura padrão para 'frei' se ela for mais estreita */
    background-color: #edf2f7; /* Fundo suave para células "Frei" */
}

/* Linhas alternadas para melhorar a leitura */
.turnosRafaela tr:nth-child(odd) {
    background-color: #f9fafb; /* Cor suave para as linhas ímpares */
}

.turnosRafaela tr:nth-child(even) {
    background-color: #e2e8f0; /* Cor um pouco mais forte para as linhas pares */
}

/* Efeito de hover suave para as células */
.turnosRafaela td:hover {
    background-color: #e2efff; /* Azul suave para hover */
    cursor: pointer;
}

/* Responsividade para a tabela de turnos */
@media (max-width: 768px) {
    .turnosRafaela th, .turnosRafaela td {
        padding: 6px; /* Menor padding em telas menores */
        font-size: 0.9em; /* Fonte um pouco menor em telas pequenas */
    }
    /* Opcional: ajustar largura das colunas para mobile se o 18% ficar muito grande */
    .turnosRafaela td.turno {
        width: 20%; /* Talvez precise ser um pouco maior em mobile */
    }
    .turnosRafaela th, .turnosRafaela td {
        width: calc((100% - 20%) / 6); /* Ajusta as outras colunas */
    }
}