body{
 
    padding: 0%;
    margin: 0%;
     background-color: rgba(155, 185, 206, 0.507);
}
.logo{
    width: 150px;
    height: 200px;
}
.c1{
    gap: 100px;
    background-color: rgba(177, 169, 169, 0.829);
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    background-repeat: no-repeat;
    background-image: url(/IMG/rojooo.jpeg);

}
.compu{
    display: flex;
    font-size: 15px;
    gap: 5px;
    height: 20px;
}
.letra{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin-top: 10px;
    color: white;
    text-align: center;
}
.boton{
    margin:20px;;
}
.indicadores{
    text-decoration: none;
    margin: 20px;
    height: 20px;
    text-align: center;
}
.botones{
    color: white;
    text-decoration: none;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: rgb(15, 68, 212);
    border: none;
    padding:10px;
    border-radius: 5px;
    margin: 10px;
}
.botones:hover{
    background-color: rgb(202, 64, 64);
    cursor: pointer;
}

.c2{
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
   background-image: url(/IMG/rojooo.jpeg);
   margin-top: 0;
   display: flex;
   justify-content: center;
}
.amarillo{
    display: flex;
}
.foto{
    width: 800px;
    height: 400px;
    border-radius: 30px;
    background-color: rgb(244, 245, 241);
}
.logo2{
    width:30Opx;
}
.p1{
    font-size: 50px;
    text-align: end;
    align-items: end;
    justify-content: end;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color: rgb(229, 253, 7);
    margin: 20px;
}
.logo3{
    width: 100px;
}
.c4{
    margin-top: 0%;
    margin: 2px;
    min-height: 200px;
    text-align: center;
}
.part1{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin: 20px;
    text-decoration: none;
}
.part2{
    text-decoration: none;
    padding: 20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    border-radius: 20px;
    background-color: rgba(57, 69, 240, 0.966);
}
.linea{
    text-decoration: none;
    color: white;
    font-size: 20px;
}
.c5{
    display: flex;
}
.logo4{
    width: 200px;
}
.circulo{
    border: solid;
    border-radius: 99999999px;
}
.boton3{
    background-color: rgba(115, 255, 0, 0.534);
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 99999999px;
}
.boton4{
    background-color: rgba(94, 30, 62, 0.521);
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 99999999px;
}
.boton5{
    background-color: rgba(18, 114, 26, 0.63);
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 99999999px;
}
.direccion{
    display: flex;
    justify-content: center;
}
.c5{
    padding: 10px;
    margin-top: 20px;
    gap: 20px;
}
.ordena{
    text-decoration: none;
    color: black;
    font-weight: bold;
}
.mouse{
    color: black;
    font-weight: bold;
}
.teclados{
    color: black;
    font-weight: bold;
}
.novedades{
    color: red;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 25px;
    margin: 20px;
}
.p2{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.come{
    display: flex;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}
.comen{
      display: flex;
    font-size: 12px;
    margin: 10px;
    margin-top: 100px;
    color: red;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.cuadro1{
    background-color: rgba(224, 212, 206, 0.808);
    margin: 15px;
    padding: 10px;
    border-radius: 20px;
}
.comentario{
    display: flex;
    gap: 2px;
}
.reco{
    margin-top: -3px;
    height: 1px;
    font-size: 20px;
}
.centro{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-align: center; 
}
.confia{
    margin: 30px;
    text-align: center;
    display: flex
}
.face{
    width: 30px;
}
.santi{
    height: 20px;
    font-size: 20px;
}
.cuadro1{
    background-color: rgb(198, 207, 207);
}
.mar{
    color: rgb(117, 119, 121);
    margin-top: 10px;
}
.lados{
    height: 250px;
    display: flex;
    gap: 30px;
    background-color: rgba(114, 124, 124, 0.548);
}
.lista{
    font-weight: normal;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size:7px;
    width: 250px;
}
.contacto{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 10px;
}
.secc{
    color: red;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}
.co{
    color: red;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}
.ico{
    display: flex;
}
.sms{
    margin-top: 12px;
    gap:40px;
}
.numero{
    display: flex;
    margin-top: 20px;
}
.wa{
    margin-top: 12px;
    gap: 40px;
}
.gusto{
    font-size: 13px;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.wha{
    width: 30px;
}
.tik{
    width: 30px;
}
.fas{
    width: 30px;
}
.link{
    padding: 5;
    margin: 10;
    display: flex;
    text-align: end;
    justify-content: end;
}
.whatsapp{
    margin:5px;
    display: flex;
}
.tiktok{
    margin:5px;
}
.facebook{
    margin: 5px;
}
.pagos{
    width: 300px;
    height: 250px;
}
.ubicacion{
    width: 300px;
    height: 250px;
}
.envios{
    font-weight: normal;
}