@import url(chatStyle.css);
@import url(compartir.css);
@import url(contenedor.css);
@import url(emisora.css);
@import url(fontello.css);
@import url(menu.css);

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-image: url(../../img/fondo.webp);
	background-size: 100vw 100vh;
	background-attachment: fixed;
}

main {
  overflow: hidden;
}

.linediv{
    width: 98%;
    border-top: 3px solid white;
    margin: auto;
}

.pie_pag{
    width: 100%;
    height: fit-content;
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	background: -webkit-linear-gradient(to right, #000, #000, #000, #343e63, #000, #000, #000); 
    background: linear-gradient(to right, #000, #000, #000, #343e63, #000, #000, #000);
    border-radius: .46875rem;
    box-shadow: inset 0 0 .375rem rgba(127,220,255,.75);
    bottom: 0;
    padding-bottom: .1875rem;
    padding-top: .1875rem;
    z-index: 100;
}

.sociales{
    width: 100%;
}

.sociales img{
    margin: .3125rem .625rem;
    margin-bottom: 0;
    display: inline-block;
	transition: all 0.5s;
}

.sociales img:hover{
    transform: scale(1.25);
}

.footer{
    width: 100%;
}

.footer img{
    display: block;
    margin: auto;
}

@media (max-width: 499px){
    body{
        padding-bottom: 3.6rem;
    }
    .pie_pag{
        height: 3.6rem;
        display: block;
        border-radius: .3125rem;
    }
    .sociales img{
        margin: .46875rem;
        width: 1.25rem;
    }
    .footer img{
        width: 100%;
        max-width: 15.625rem;
    }
}

@media (max-width: 767px) and (min-width: 500px){
    body{
        padding-bottom: 3.75rem
    }
    .pie_pag{
        height: 3.75rem;
        display: block;
        border-radius: .3125rem;
    }
    .sociales img{
        width: 1.375rem;
    }
    .footer img{
        margin: .625rem auto .2%;
        max-width: 17.1875rem;
    }
}

@media (max-width: 950px) and (min-width: 768px){
    body{
        padding-bottom: 2.3125rem;
    }
    .sociales img{
        width: 1.375rem;
    }
    .footer img{
        max-width: 18.75rem;
    }
}

@media (max-width: 1199px) and (min-width: 951px){
    body{
        padding-bottom: 2.3125rem;
    }
    .sociales img{
        width: 1.375rem;
    }
    .footer img{
        max-width: 22.5rem;
    }
}

@media (max-width: 1399px) and (min-width: 1200px){
    body{
        padding-bottom: 2.5625rem;
    }
    .pie_pag{
        background: -webkit-linear-gradient(to right, #000, #343e63, #000, #343e63, #000, #343e63, #000, #343e63, #000, #000, #000); 
        background: linear-gradient(to right, #000, #343e63, #000, #343e63, #000, #343e63, #000, #343e63, #000, #000, #000);
    }
    .sociales img{
        width: 1.625rem;
    }
    .footer img{
        max-width: 25rem;
    }
}

@media (min-width: 1400px){
    body{
        padding-bottom: 2.6875rem;
    }
    .pie_pag{
        background: -webkit-linear-gradient(to right, #000, #343e63, #000, #343e63, #000, #343e63, #000, #343e63, #000, #000, #000); 
        background: linear-gradient(to right, #000, #343e63, #000, #343e63, #000, #343e63, #000, #343e63, #000, #000, #000);
    }
    .sociales img{
        width: 1.75rem;
    }
    .footer img{
        max-width: 25rem;
    }
}