.logo-principal {
    max-width: 200px;
    filter: drop-shadow(0 0 10px rgba(0,123,255,0.3));
}

p {color: black; }

.card-text {color: white; }

.card-instrutivo {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 15px;
    overflow: hidden;
}

.card-instrutivo:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

.card-img-top {
    height: 200px;
    object-fit: cover; /* Mantém a proporção da imagem explicativa */
}

.btn-xl {
    padding: 20px 50px;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* Fundo da tela de apresentação */
#apresentacao-teclemister {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    min-height: 100vh;
}

#quem-sou-eu {
    border-left: 8px solid #007bff; /* Um detalhe de cor na lateral para destaque */
    transition: transform 0.3s ease;
}

#quem-sou-eu:hover {
    transform: scale(1.01); /* Leve efeito de profundidade */
}

/* Ícones (se você usar Bootstrap Icons) */
.bi {
    margin-right: 5px;
}
/* Estilo para destacar os ícones e a tipografia da seção */
#metodologia h4 i {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-right: 10px;
}

#metodologia .rounded-4 {
    transition: all 0.3s ease;
}

#metodologia .rounded-4:hover {
    box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important;
}

.text-info {
    color: #0dcaf0 !important;
}