#botonesflotantes{
        position: fixed;
        top:80%;
        left:92%;
        height:8.6%;
        width: 6%;
        background-color: #bc5952;
        border-radius: 0.5em;
        padding: 0.8%;
        box-shadow: 2px 2px 2px 1px #8a3c36;
        z-index: 200;
}

#arriba{
        font-size: 1.7em;
        color:white;
        padding: 4% 11% ;
        
}
#buscar{
        font-size: 1.7em;
        z-index: 99;
        color:white;     
}
#home{
        font-size: 1.5em;
        z-index: 99;
        color: white;
}
.flechaflotante{
        width: 5em;/*mirar aqui si la flecha aparece*/
        height: 0;
        border-radius: 50%;  
        cursor: pointer;
        transform: translate(-50%, -50%);
        z-index: -1;
        top: 50%;
        left: 50%;
}
.flechaflotante a{
        transform: translate(-50%,-50%) scale(0);
        color: white;
        transition: .2s;
}
.cajaflotante{
        margin-top:-2.65em;
        position: fixed;
        z-index: -1;
        top:94%;
        left:100%;
        
}
.go-top-button{
        width: 500em;/*mirar aqui si la flecha aparece*/
        height: 0em;
        border-radius: 50%;  
        cursor: pointer;
        transform: translate(-50%, -50%);
        z-index: -1;
}
.go-top-button a{
        transform: translate(-50%,-50%) scale(0);
        color: white;
        transition: .2s;
}
.show{
        z-index: 10;
}
.show .go-top-button{
        animation: popup .3 ease-in-out;
        width: 4rem;
        height:4rem;
        z-index: 11;
}
.show a{
        transform: translate(-50%, -50%) scale(1);
}

.show2{
        z-index: 10;
}
.show2 .flechaflotante{
        animation: popup .3 ease-in-out;
        width:4rem;
        height: 4rem;
        z-index: 11;
}
.show2 a{
        transform: translate(-50%, -50%) scale(1);
}
/*FIN ESTILOS GENERALES*/
/*INICIO ESTILOS PARA MOVIL HORIZONTAL*/
@media (max-width: 900px) and (orientation: landscape){
        #cajamovil{
                width: 1.4em;
                height: 4.5em;
                position: fixed;
                top: 58%;
                right: 0.3%;
                background-color: #bc5952;
                border-radius: 0.5em;
                padding: 0.8%;
                box-shadow: 2px 2px 2px 1px #8a3c36;
                z-index: 200;
        }
        #botonesflotantes{
                box-shadow: none;
                top:60%;/*75*/
                left:94%;
                background-color: transparent;
        }
        .cajaflotante{
                margin-top:-2.65em;
                position: fixed;
                z-index: -1;
                top:108.5%;/*92*/
                left:98.5%;
                
        }
        #arriba{
                font-size: 1.3em;
                color:white;
                padding: 4% 11% ;
                
        }
        #buscar{
                font-size: 1.3em;
                z-index: 99;
                color:white;     
        }
        #home{
                font-size: 1.1em;
                z-index: 99;
                color: white;
        }
       

}
/*FIN ESTILOS PARA MOVIL HORIZONTAL*/
/*INICIO ESTILOS PARA TABLET*/
@media screen and (min-width:701px) and (max-width:900px) and (orientation: portrait){
        #botonesflotantes{
                left:95.5%;
                height: 8.6%;
                width: 3.5%;
                padding: 0;
                padding-top: 0.5%;
                padding-right: 0.7%;
                
        }
        #cajacaja{
                display: none;
        }
        #arriba{
                font-size: 1.4em;
                padding: 4% 11% ;
        }
        #buscar{
                font-size: 1.4em;

        }
        #home{
                font-size: 1.2em;
        }
        .cajaflotante{
                margin-top:-2.65em;
                position: fixed;
                top:93%;
                left:99.2%;
        }
}
/*FIN ESTILOS PARA TABLET*/
/*INICIO ESTILOS INTERMEDIOS*/
@media screen and (min-width:901px) and (max-width:1175px){ 
        #botonesflotantes{
                left:95.65%;
                height:9%;
                width: 3%;
                padding: 0.7% 0.5%;
        }
       
        #arriba{
                font-size:2.1em;
                padding: 4% 11% ;
        }
        #buscar{
                font-size: 2em;
        }
        #home{
                font-size: 1.55em;
                margin-left: -0.02em;
        }
        .cajaflotante{
                margin-top:-2.65em;
                top:94%;
                left: 99.2%;
        }
}
/*FIN ESTILOS INTERMEDIOS*/
/*INICIO ESTILOS INTERMEDIOS 2*/
@media screen and (min-width:1176px) and (max-width:1300px){
        #botonesflotantes{
                left:96.15%;
                height: 13%;
                width: 3%;
                padding: 0.7% 0.1% 0.7% 0.5%;
        }
       
        #arriba{
                font-size:2em;
                padding: 4% 11% ;
        }
        #buscar{
                font-size: 2em;
        }
        #home{
                font-size: 1.6em;
        }
        .cajaflotante{
                margin-top:-2.65em;
                top: 100%;
                left: 98.8%;
        }        
}
/*FIN ESTILOS INTERMEDIOS 2*/
/*INICIO ESTILOS INTERMEDIOS 2.5*/
@media screen and (min-width:1301px) and (max-width:1350px){
        #botonesflotantes{
                left:96.15%;
                height: 11%;
                width: 3%;
                padding: 0.7% 0.1% 0.7% 0.5%;
        }
       
        #arriba{
                font-size:2em;
                padding: 4% 11% ;
        }
        #buscar{
                font-size: 2em;
        }
        #home{
                font-size: 1.6em;
        }
        .cajaflotante{
                margin-top:-2.65em;
                top: 95%;
                left: 98.9%;
        }        
}
/*FIN ESTILOS INTERMEDIOS 2.5*/
/*INICIO ESTILOS DEMO*/
@media screen and (min-width:1351px) and (max-width:1360px){
        #botonesflotantes{
                left:96.6%;
                height: 11%;
                width: 2.5%;
                padding: 0.7% 0.3% 0.7% 0.5%;
        }
       
        #arriba{
                font-size:2em;
                padding: 4% 11% ;
        }
        #buscar{
                font-size: 2em;
        }
        #home{
                font-size: 1.6em;
        }
        .cajaflotante{
               top: 99%;
                left: 99.2%; 
             
        }        
}
/*FIN ESTILOS DEMO*/
/*INICIO ESTILOS INTERMEDIOS 3*/
@media screen and (min-width:1361px) and (max-width:1450px){
        #botonesflotantes{
                left:96.15%;
                height: 11%;
                width: 3%;
                padding: 0.7% 0.1% 0.7% 0.5%;
        }
       
        #arriba{
                font-size:2em;
                padding: 4% 11% ;
        }
        #buscar{
                font-size: 2em;
        }
        #home{
                font-size: 1.6em;
        }
        .cajaflotante{
                margin-top:-2.65em;
                top: 95%;
                left: 98.9%;
        }        
}
/*FIN ESTILOS INTERMEDIOS 3*/
/*INICIO ESTILOS INTERMEDIOS 4*/
@media screen and (min-width:1451px) and (max-width:1625px){
        #botonesflotantes{
                left: 96.5%;
                height: 11%;
                width: 2.5%;
                padding: 0.7% 0.1% 0.7% 0.6%;
        }
       
        #arriba{
                font-size:2em;
                padding: 4% 11% ;
        }
        #buscar{
                font-size: 2em;
        }
        #home{
                font-size: 1.5em;
        }
        .cajaflotante{
                margin-top:-2.65em;
                top: 95%;
                left: 99%;
        }        
    }
    /*FIN ESTILOS INTERMEDIOS4*/
/*INICIO ESTILOS ESCRITORIO*/
@media screen and (min-width:1626px){
        #botonesflotantes{
                left:96.78%;
                height: 9%;
                width: 2.5%;
                padding: 0.7% 0.1% 0.7% 0.5%;
        }
       
        #arriba{
                font-size: 2.1em;
                padding: 35% 6% ;
        }
        #buscar{
                font-size: 1.8em;
                margin-left: 0.1em;
        }
        #home{
                font-size: 1.9em;
        }
        .cajaflotante{
                margin-top:-2.65em;
                top:94%;
                left: 99.1%;
        }
        .flechaflotante{
                width: 0;
                height: 0;
                margin: 0 auto;
                position: fixed;
                z-index: 98;
                top:90%;
                left:53%;
                display: flex;               
        }
        #abajo{
                font-size: 1.7em;
                color:white;
                background-color:white;
                border: 2px solid rgb(0,68,125);
                border-radius: 50%;
                width: 1.45em;
                height: 1.5em;
                padding-left: 0.68em;
                padding-top: 0.55em;
        }
}
/*FIN ESTILOS ESCRITORIO*/