@media (orientation: landscape) {


/*Pie de la pagina*/
.pie_web {
    font-family: "Anton";
    font: clamp();
    width: 100%;
    height: auto;
    background: linear-gradient(#ffffff);
}

.pie_web .titulo_pie {
    width: 100%;
    text-align: center;
    padding: 1%;
    color: black;
}
.separador-sponsor {
    min-width: 5%;
}

.pie_web .contenedor_de_imagenes_sponsor {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pie_web .contenedor_de_imagenes_sponsor .logo {
    width: 15%;
    display: flex;
    justify-content: center;
}

.pie_web .contenedor_de_imagenes_sponsor .imagen {
    width: 100%;
    height: auto;
}

.pie_web .contenedor_de_imagenes_sponsor .imagen {
    width: max-content;
    height: 6vh;
}

.pie_web .contenedor_de_iconos_redes {
    text-align: center;
    width: 100%;
    color: black;
    font-size: clamp(2rem, 2vw, 3rem);
    display: flex;

    justify-content: center;
    transition: 0.3s ease;
    margin-top: 1vh;
    margin-bottom: 1vh;
}

i.fi.fi-brands-instagram {
    vertical-align: middle;    
}
i.fi.fi-brands-tik-tok {
    vertical-align: middle;    
}
i.fi.fi-brands-facebook {
    vertical-align: middle;    
}




#separador_w {
    min-width: 1vw;
}


.pie_web .contenedor_de_iconos_redes button {
    font-size: clamp(2rem, 2vh, 6rem);
    background-color: #000000;
    border: none;
    transition: 0.5s ease;
}

.pie_web .contenedor_de_iconos_redes button:hover {
    transform: translateY(-0.7vh);
}

.pie_web .contenedor_de_iconos_redes a {
all: unset;
    max-width: 4vh;
    max-height: 4vh;
    min-width: 4vh;
    min-height: 4vh;
    padding: 0%;
}

}

/*Display en celular*/
@media (orientation: portrait) {

    body {
    font-family: "Antonio";
    }

.pie_web {
    font: clamp();
    width: 100%;
    height: auto;
    background: linear-gradient(#ffffff);
}

.pie_web .titulo_pie {
    width: 100%;
    text-align: center;
    padding: 1%;
    color: black;
}

.separador-sponsor {
    min-width: 0%;
}

.pie_web .contenedor_de_imagenes_sponsor {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;


}

.pie_web .contenedor_de_imagenes_sponsor .logo {
    width: 40%;
    height: max-content;
    display: flex;
    justify-content: center;
}


.pie_web .contenedor_de_imagenes_sponsor .imagen {
    width: 100%;
    height: auto;
}


.pie_web .contenedor_de_iconos_redes {
    text-align: center;
    width: 100%;
    color: black;
    font-size: clamp(2rem, 2vw, 3rem);
    display: flex;
    justify-content: center;
    transition: 0.3s ease;
    margin: 0.5vh;
}

#separador_w {
    min-width: 1vw;
}


.pie_web .contenedor_de_iconos_redes button {
    font-size: clamp(1.2rem, 1.5vh, 3rem);
    background-color: #000000;
    border: none;
    transition: 0.5s ease;
}



.pie_web .contenedor_de_iconos_redes a {
all: unset;
    max-width: 1vh;
    max-height: 1vh;
    min-width: 1vh;
    min-height: 1vh;
    padding: 0%;
}
}