/* CSS DOS EXAMES */
.sistema-exames-container { max-width: 1000px; margin: 0 auto; font-family: sans-serif; }

/* Filtros de Categoria */
.exames-filtros-categorias { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-bottom: 20px; }
.exame-btn-filtro { background: #0077b6; color: white; border: none; padding: 10px 20px; border-radius: 25px; cursor: pointer; font-weight: bold; transition: 0.3s; }
.exame-btn-filtro:hover, .exame-btn-filtro.ativo { background: #00b4d8; }

/* Busca */
.exames-busca-container { text-align: center; margin-bottom: 20px; }
#exame-input-busca { width: 100%; max-width: 600px; padding: 15px 20px; border-radius: 30px; border: 1px solid #ccc; background: #f0f0f0; font-size: 16px; }

/* Filtro Alfabético */
.exames-filtro-alfabeto { display: flex; flex-wrap: wrap; gap: 5px; justify-content: center; margin-bottom: 30px; }
.exame-btn-letra { background: transparent; border: 1px solid #ccc; border-radius: 4px; padding: 5px 10px; cursor: pointer; transition: 0.2s; }
.exame-btn-letra.ativo, .exame-btn-letra:hover { background: #0077b6; color: white; border-color: #0077b6; }

.exames-titulo-secao { text-align: center; color: #005f8a; margin-bottom: 30px; }

/* Cards (Estilo baseado na sua imagem) */
.exames-lista-cards { display: flex; flex-direction: column; gap: 20px; }
.exame-card { 
    background: linear-gradient(135deg, #005f8a 0%, #0077b6 100%); 
    color: white; 
    border-radius: 20px; 
    padding: 25px; 
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.exame-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.exame-titulo-col h3 { margin: 0; font-size: 24px; color: #00b4d8; font-weight: bold; }
.exame-desc-col { flex: 1; min-width: 300px; }
.exame-descricao p { margin: 0 0 10px 0; line-height: 1.4; }
.exame-toggle-btn { color: #00b4d8; cursor: pointer; font-weight: bold; font-size: 14px; user-select: none; }

.exame-btn-contato { background: transparent; border: 2px solid #00b4d8; color: #00b4d8; padding: 8px 25px; border-radius: 20px; text-decoration: none; font-weight: bold; transition: 0.3s; display: inline-block; }
.exame-btn-contato:hover { background: #00b4d8; color: white; }

/* Conteúdo Expandido (Accordion) */
.exame-card-body { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.2); }
.exame-info-grid { display: flex; flex-wrap: wrap; gap: 20px; }
.exame-info-grid > div { flex: 1; min-width: 200px; }
.info-preparo { flex: 2 !important; }
.exame-info-grid strong { color: #00b4d8; display: block; margin-bottom: 5px; }
.exame-info-grid p { margin: 0; font-size: 14px; line-height: 1.4; }

/* Ocultar card via JS */
.exame-card.escondido { display: none !important; }

@media (max-width: 768px) {
    .exame-card-header { flex-direction: column; }
    .exame-desc-col, .exame-btn-col { width: 100%; }
}