/* Ajustes responsivos adicionais para o site do Trio Explode Coração */

/* Ajustes para imagens responsivas */
.biografia-img, .integrante-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.biografia-img:hover, .integrante-img:hover {
    transform: scale(1.02);
}

/* Ajustes para vídeos responsivos */
.video-container iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

/* Ajustes para dispositivos móveis */
@media screen and (max-width: 768px) {
    /* Integrantes */
    .integrante-foto {
        height: 250px;
    }
    
    .integrante-foto img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    /* Músicas */
    .musica-card {
        margin-bottom: 20px;
    }
    
    .musica-thumb {
        height: 150px;
    }
    
    /* Slider */
    .slider {
        margin-top: 150px;
    }
    
    /* Logo */
    .logo {
        max-width: 100px;
        margin: 0 auto;
    }
    
    /* Cabeçalho */
    .header-content {
        padding: 10px 0;
    }
    
    /* Redes sociais */
    .social-icons {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* Ajustes para tablets */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .integrante-foto {
        height: 300px;
    }
    
    .musica-card {
        margin-bottom: 25px;
    }
}

/* Ajustes para TVs e telas grandes */
@media screen and (min-width: 1921px) {
    body {
        font-size: 18px;
    }
    
    .container {
        max-width: 1800px;
    }
    
    .biografia-img, .integrante-img {
        max-height: 500px;
    }
    
    .musica-thumb {
        height: 220px;
    }
    
    .section-title, .page-title {
        font-size: 3rem;
    }
    
    .section-subtitle {
        font-size: 2.5rem;
    }
    
    .biografia-section p, .integrante-bio, .musica-descricao {
        font-size: 1.2rem;
        line-height: 1.8;
    }
}