/* Correção da responsividade das fotos da equipa */

/* Correção específica para as fotos da equipa */
.team-card img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important; /* Foca na parte superior da imagem */
}

/* Container das fotos da equipa */
.team-card div[style*="height: 280px"] {
    height: 280px !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    margin-bottom: 20px !important;
}

/* Ajustes responsivos para telas pequenas */
@media (max-width: 768px) {
    .team-card div[style*="height: 280px"] {
        height: 250px !important;
    }
    
    .team-card {
        margin-bottom: 30px !important;
        padding: 20px !important;
    }
    
    .team-card img {
        object-position: center center !important;
    }
}

@media (max-width: 480px) {
    .team-card div[style*="height: 280px"] {
        height: 220px !important;
    }
    
    .team-card {
        padding: 15px !important;
    }
}

/* Garantir que as imagens não sejam cortadas */
.team-card img[src*="fotocatarinabotelho.jpg"],
.team-card img[src*="fotobruno.jpg"] {
    object-fit: cover !important;
    object-position: center 20% !important; /* Ajusta o foco para mostrar melhor o rosto */
}

/* Grid responsivo para os cards da equipa */
@media (max-width: 768px) {
    div[style*="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"] {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        max-width: 400px !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
    }
}

/* Ajustes para o container principal da seção da equipa */
@media (max-width: 768px) {
    section[style*="padding-bottom: 80px; background: var(--primary-dark)"] {
        padding: 40px 0 !important;
    }
}