/* Responsividade para o banner */
@media (max-width: 768px) {
    .profile-header[data-v-2ff2cf60] {
        height: 200px; /* Reduz altura em mobile */
    }
    
    .cover-image[data-v-2ff2cf60] {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .cover-image img[data-v-2ff2cf60] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    
    .overlay[data-v-2ff2cf60] {
        position: absolute;
        top: 10px;
        left: 15px;
        right: 15px;
        color: #fff;
    }
    
    .name[data-v-2ff2cf60] {
        font-size: 1.5rem; /* Reduz tamanho da fonte em mobile */
        font-weight: 700;
        font-family: Inter,sans-serif;
        margin-bottom: .1rem;
        text-shadow: 2px 2px 4px rgba(0,0,0,.3);
    }
    
    .stats[data-v-2ff2cf60] {
        display: flex;
        gap: 15px; /* Reduz gap em mobile */
        flex-wrap: wrap;
    }
    
    .stat-item[data-v-2ff2cf60] {
        display: flex;
        align-items: center;
        font-family: Inter,sans-serif;
        gap: 6px; /* Reduz gap em mobile */
        font-size: .65rem; /* Reduz tamanho da fonte */
        text-shadow: 1px 1px 2px rgba(0,0,0,.3);
    }
    
    .profile-avatar[data-v-2ff2cf60] {
        position: absolute;
        bottom: -15px;
        left: 15px;
        width: 80px; /* Reduz tamanho do avatar em mobile */
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
        border: 3px solid white; /* Reduz borda */
        box-shadow: 0 2px 4px #0000001a;
    }
}

@media (max-width: 480px) {
    .profile-header[data-v-2ff2cf60] {
        height: 180px; /* Ainda menor em telas muito pequenas */
    }
    
    .name[data-v-2ff2cf60] {
        font-size: 1.3rem;
    }
    
    .stats[data-v-2ff2cf60] {
        gap: 10px;
    }
    
    .stat-item[data-v-2ff2cf60] {
        font-size: .6rem;
        gap: 4px;
    }
    
    .profile-avatar[data-v-2ff2cf60] {
        width: 70px;
        height: 70px;
        bottom: -12px;
        left: 10px;
    }
}