@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');







* {

    font-family: 'Montserrat', sans-serif;

    margin: 0;

    padding: 0;

}

a{



text-decoration: none;



}



.conten {





    display: flex;

    justify-content: center;

 

    height: 100%;

    background-color: #ffffff;

    background-color: rgba(236,0,0);;

    padding: 10px;



}

.logomenu{

    display:  none;

}

.contcont {



  /*  border: 1px dashed red;*/

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: space-evenly;

    padding-left: 10px;

    padding-right: 10px;

max-width: 1300px;

}







.formulariobuscar{



    display: flex;

}



.botonbuscar{



    padding-left: 15px;

    height: 30px;

}



.contbuscador {





   /* border: 1px rebeccapurple dashed;*/

    height: 100%;

    max-width: 800px;

    width: 100%;

    padding: 15.5px;

    display: none;



}



.logo {



    width: 200px;

    height: 50px;

   



}



.logo img{



    width: 35%;

   



}



header {



    width: 100%;





}





.buscar{



height:30px;

border-radius: 15px;    

max-width: 500px;

width: 100%;

border: none;

background-color: #eaeaea;

}





header nav {

    background-color: #ffff00;

    padding-top: 10px;

    padding-bottom: 10px;

    color: black;

    display: flex;

    justify-content: space-evenly;

}



.menu_bar {



    display: none;

}



header nav ul {



    overflow: hidden;

    list-style: none;

}



header nav ul li {





    float: left;





}



header nav ul li a {



    padding: 20px;

    color: black;

    display: block;

    text-decoration: none;

}





header nav ul li a:hover {



    background-color: #6182e5;



}





.linkcate {

    padding-top: 10px;

    padding-bottom: 10px;

    padding-right: 20px;

    padding-left: 20px;

    color: white;

}



.categorias {

  /*  border: deeppink 1px dashed;*/

  background-color:  #390a04;

 

    color: white !important; 

    list-style: none;



}



.categorias ul {



    list-style: none;

    overflow: hidden;



}



section {

    padding: 20px;

}



.catego {



    display: flex;

    justify-content: center;

}



.catego li a {

    /*display: block;*/

    text-decoration: none;

    float: left;



}



.catego a:hover {



    background-color: #e0ecfc;



}















@media screen and (max-width:800px) {





    .categorias {





        justify-content: left;

        /* overflow: hidden;*/

      /*  border: deeppink 1px dashed;*/

    }



    .catego {



        flex-wrap: wrap;

    }



    .logo{

        display: none;

    }



    .logochico img{

        width: 72%;



        

    }



    .logochico{

        width: 50%;



    }

    .conten {





        position: sticky;

        top: 0;



    }



    .tode {

        position: -webkit-sticky;

        position: sticky;

        top: 0;

        width: 100%;

        display: flex;

        flex-direction: column;

        z-index: 100;

    }



    header nav {



        width: 80%;

        height: 100%;

        margin: 0;

        position: fixed;

        justify-content: left;

        left: -100%;

        background-color: white;



    }



    header nav ul {

        width: 100%;

    }





    header nav ul li {



        display: block;

        float: none;

        border-bottom: 1px solid rgba(255, 255, 255, .3);





    }



    .menu_bar {



        display: flex;

       

        background-color: lightgray;

        align-items: center;

        justify-content: space-between;

        padding-left: 20px;

        padding-right: 20px;

        padding-top: 10px;



    }





    .menu_bar .bt-menu {





        display: block;

       

  

        color: rgba(236,0,0);

        text-decoration: none;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        font-size: 30px;

    }



    .menu_bar span {



        float: right;

        font-size: 40px;

        margin-top: -10px;

    }

















}