@media (max-width: 480px) {
    .teams .section {
        height: 100%;
    }
    
    .section .name {
        flex-direction: column;
        height: 100%;
    }
    
    .section .name h1 {
        justify-content: center;
        padding-left: 0;
    }
    
    .name button {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    .section .dates {
        display: flex;
        flex-direction: column;
        height: 300px;
    }
    
    .dates .dat {
        width: 100%;
        margin-right: 0;
    }
    
    .dates .dat .number {
        padding-left: 0;
        justify-content: center;
        opacity: 0.5;
        -webkit-mask-image: none;
    }
    
    .teams .siluete {
        display: none;
    }
    
    /* EQUIPOS INDIVIDUAL */ 
    
    .page-info {
        height: 100%;
    }
    
    .page-info .siluete2 {
        display: none;
    }
    
    .info-box .box1, .box2, .box3 {
        flex-direction: column;
        padding-left: 0;
        height: 100%;
        padding: 10px 0;
    }
    
    .info-box .box1 .a,
    .info-box .box2 .a,
    .info-box .box3 .a {
        width: 100%;
    }
    
    .box1 .a h1,
    .box2 .a h1,
    .box3 .a h1 {
        font-size: 10vh;
    }
    
    .info-box .box1 .b,
    .info-box .box2 .b {
        width: 100%;
        padding-left: 0;
        justify-content: center;
        flex-direction: row;
    }
    
    .info-box .box3 .lg {
        width: 100%;
    }
    
    .box3 .lg .co2 h1 {
        font-size: 7vh;
    }
}