
body{
    padding-top: 65px;
    background-color: rgb(234, 196, 185);
}

img{
    /* height:140px; */
    width:140px;
    align-self: center;
    text-align: center !important;
    align-items: center;
}

.logo{
    /* height:140px; */
    width:60vw;
    align-self: center;
    text-align: center !important;
    align-items: center;
}

div{

    align-self: center;
    text-align: center !important;
    align-items: center;
}

.cabeceraProducto{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: grey;
    /* background-color: black; */
    background-color: rgb(234, 196, 185);
    color: white;
}

.imagenFix{
    min-height: 140px;
}

.espaciador{
    min-height: 30px;
}

h2{
    font-size: 40px;
    color: red;
    align-self: center;
    width: 100vw !important;
    font-style: "DIN Condensed";
    /* background-color: black; */
    text-align: center !important;
    position: fixed;
    /* background-color: rgb(234, 196, 185); */
    z-index: 0 !important;
    margin-top: -30px ;
}

.tituloProductoFactura{
    font-size: 40px;
    color: red;
    align-self: center;
    width: 100vw !important;
    font-style: "DIN Condensed";
    /* background-color: black; */
    text-align: center !important;
    position: fixed;
    /* background-color: rgb(234, 196, 185); */
    z-index: 0 !important;
}

h5{
    font-size: 15px;
    color: red;
    align-self: center;
    width: 100vw !important;
    font-style: "DIN Condensed";
    /* background-color: black; */
    text-align: center !important;
    position: fixed;
    /* background-color: rgb(234, 196, 185); */
    /* z-index: 0 !important;
    position:absolute; */
}

p{
    font-size: 18px;
    margin-left: 5vw;
}

.tituloForm{
    font-size: 18px;
    margin-left: 2.5vw;
}

.datosInteres{
    font-size: 18px;
    margin-left: 2.5vw;
    text-align: center !important;
    align-self: center;
    align-items: center;
}

.tituloForm3{
    font-size: 18px;
    margin-left: 0.5vw;
}

h3{
    color: red;
    font-size: 18px;
    align-self: center;
    /* width: 100vw !important; */
    /* background-color: black; */
    text-align: center !important;
    padding-bottom: 5vh;
}


form{
    background-color: rgb(238, 202, 192);
    width: 60vw !important;
    margin-top: 15vh;
    margin-left: 20vw;
    margin-right: 20vw;
    padding-top: 5vh;
    align-self: center;
    align-items: center;
    border-radius: 20px 20px 20px 20px !important;
    /* position:absolute;
    z-index: 2 !important; */
}

.productoWeb{
    background-color: rgb(226, 226, 226);
    width: 40vw !important;
    margin-left: 5vw;
    margin-right: 5vw;
    align-self: center;
    align-items: center;
    border-radius: 20px 20px 20px 20px !important;
    margin-top: 5vh;
    margin-bottom: 10vh;
    /* position:absolute;
    z-index: 2 !important; */
}

.productoBd{
    background-color: rgb(238, 202, 192);
    width: 40vw !important;
    margin-left: 5vw;
    margin-right: 5vw;
    align-self: center;
    align-items: center;
    border-radius: 20px 20px 20px 20px !important;
    margin-top: 5vh;
    /* position:absolute;
    z-index: 2 !important; */
}

.inputWeb{
    font-size: 15px;
    align-self: center;
    align-items: center;
    text-align: center !important;
    align-content: center;
    width: 35vw !important;
    height: 30px;
    margin-left: 2.5vw;
    margin-right: 2.5vw;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
}

.botonInput{
    font-size: 15px;
    align-self: center;
    align-items: center;
    text-align: center !important;
    align-content: center;
    width: 35vw !important;
    height: 30px;
    margin-left: 2.5vw;
    margin-right: 2.5vw;
    margin-bottom: 3vw;
    margin-top: 3vw;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
}

.inputWeb2{
    font-size: 15px;
    align-self: center;
    align-items: center;
    text-align: center !important;
    align-content: center;
    width: 15vw !important;
    height: 30px;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
}

.inputWeb3{
    font-size: 18px;
    align-self: center;
    align-items: center;
    text-align: center !important;
    align-content: center;
    width: 7vw !important;
    height: 30px;
    margin-left: 1.5vw;
    margin-right: 1.5vw;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
}

.inputBD{
    font-size: 18px;
    align-self: center;
    align-items: center;
    text-align: center !important;
    align-content: center;
    width: 30vw !important;
    height: 30px;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 20px;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
}

input{
    font-size: 18px;
    align-self: center;
    align-items: center;
    text-align: center !important;
    align-content: center;
    width: 50vw !important;
    height: 30px;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 20px;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
}

button{
    /* color: red; */
    background-color: red;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
    align-self: center;
    width: 20vw !important;
    height: 40px;
    margin-left: 20vw;
    margin-right: 20vw;
    margin-bottom: 30px;
    margin-top: 30px;
}

.botonScrapear{
    background-color: red;
    border-radius: 20px 20px 20px 20px !important;
    border: none;
    align-self: center;
    width: 30vw !important;
    height: 40px;
    margin-left: 15vw;
    margin-right: 15vw;
    margin-bottom: 40px;
    margin-top: 30px;
}

.navbar{
    /* background-color: rgb(234, 196, 185); */
    background-color: red;
    border: none;
    color: black;
}

article{
    background-color: white;
    width: 40vw !important;
    margin-top: 10vh;
    margin-left: 20vw;
    margin-right: 20vw;
    align-self: center;
    align-items: center;
    border-radius: 20px 20px 20px 20px !important;
}

h4{
    font-size: 18px;
    align-self: center;
    /* width: 100vw !important; */
    /* background-color: black; */
    text-align: center !important;
    /* padding-top: 5vh; */
    /* padding-bottom: 5vh; */
}
.centrado {
    align-self: center;
    align-items: center;
    text-align: center !important;
    align-content: center;
}