body{
    width: 100%;
    height: 100%;
   
}
#caja{
  
    width: 90%;
    display: flex;
    justify-content: space-evenly;

}

#padreb{


    width: 150px;
    height: fit-content;
    display: flex;
    justify-content: center;
}

#padres{


    width: 150px;
    height: fit-content;
    display: flex;
    justify-content: center;
}


#batiente{
    width: 14px ;
   
}
#slider{
    width: 14px;
}


#forms{

width: 90%;
height: min-content;
margin-bottom: 20px;
display: flex;
justify-content:center;
    
}

#hueco{
    height: 20px;
    margin-right: 10px;
  border: 2px solid #333333;

}

.enviar{
    border-radius: 50px;
      border: 3px solid #333333;

      color: rgb(8, 8, 8);
      margin-right:10px ;

}

#padrote{

width: 90%;
display: flex;
justify-content: space-evenly;


height: max-content;
}

#mampara{
         border: 2px solid black ;
         background-color: aliceblue;
    

   
}
#puerta{
       border: 2px solid black ;
         background-color: aliceblue;
 
   
}

#total{
      border: 2px solid black ;
        background-color: aliceblue;
 
}

.cabesilla{

      border-bottom: 3px solid black ;
      

}
.parrafo{
    
    font-size: 24px;
    font-weight: 700;


}






























input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
input::placeholder{
  opacity:1;
  color: rgb(0, 0, 0);             
  
}