*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.contenedorPrincipal{
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(86,108,246,1) 100%)
}

.cabecera{
    width: 80%;
    background: rgba(97, 88, 255, 0.274);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

p{
    color: #fff;
}

nav ul{
    display: flex;
    flex-direction: row;
    justify-content: end;
}

nav ul li{
    list-style: none;
    
    padding: 10px;
    cursor: pointer;
}

nav ul li a{
    color: #fff;
    text-decoration: none;
}

nav ul li:hover{
    background-color: #0e0149;
}

hr{
    border: 5px solid #e44203
   
}

.trenBala{
    overflow-y: hidden;
    height: 405px;
}

.trenBala img{
    width: 100%;
}

.cercanias img{
    width: 100%;
}

footer{
    text-align: center;
}

.flecha{
    display:flex;
    justify-content: end;
}

.fa-arrow-up{
   
    font-size: 20pt;
    color: #fff;
}

.flechaaInicio{
    position: absolute;
    top: 919px;
    left: 1771px;
}

.flechaaSeccion2{
    position: absolute;
    top: 1723px;
    left: 1771px;
}

.flechaaSeccion3{
    position: absolute;
    top: 2522px;
    left: 1771px;
}

.flechaaSeccion4{
    position: absolute;
    top: 3332px;
    left: 1771px;
}

.fa-bars, .hamburguesa{
    font-size:30px;
    color: #fff;
    display: none !important;
}

@media  (max-width: 500px) {

    #tren{
        width: 100%;
    }

    .hamburguesa{
        font-size:30px;
        color: #fff;
        display: block !important;
        cursor: pointer;
    }
    .flechaaInicio{
        position: absolute;
        top: 1430px;
        left: 470px;
    }
    
    .flechaaSeccion2{
        position: absolute;
        top: 2310px;
        left: 470px;
    }
    
    .flechaaSeccion3{
        position: absolute;
        top: 3070px;
        left: 470px;
    }
    
    .flechaaSeccion4{
        position: absolute;
        top: 5000px;
        left: 470px;
    }

    .menuPrincipal{
        display: none;
    }
    
    .mostrarMenu{
        display:block;
        position: absolute;
        left:367px;
        background-color: #2b2b2b;
        width: 25%;

    }
}