/*
Curso :JAVA-FRONT END.
Profesor: JOSÉ Gonzalez
Alumna_:Roxana Benicio
Comisión: 22021
*/

*{
    margin: 0;
    padding: 0;
}
#hBtn1,#hBtn2,a,p,span,h6,b,#sInputA,#sInputN,#btnS4,#sPl,#sLabel{
  font-size: 1vw;  
}
h5{
  font-size: 2vw;
}
h1{
  font-size: 3vw;
}
#fboton{
  font-size: 1vw;
}
/*HEADER*/
#nave{
  background-color: rgb(53, 58, 64);
  margin: 0%;
  
}
.hANav:link, .hANav:visited, .hANav:active {
  text-decoration:none;
}
#hTextoNav{
  margin-top: 2%;
  margin-right: 13%;
  margin-bottom: 1%; 
}
.hLNav{
  margin-top: 2%;
  margin-left: 2%;
  margin-bottom: 1%;
  margin-right: 0%;
  padding-right: 0%;     
}
#hI{
  color: aliceblue;
}
#hI:hover{
  color: grey;
}
.hANav:active{
  color: aliceblue;
}
.hANav:hover{
  color: aliceblue;
}
.hANav{
  text-decoration:none;
  color: gray;
}
#imagenCarrusel{
  height: 450px;
}


/*Color de texto del enlace del nav, cuando el mous pasa por encima*/
#navComprar:hover{
  color: rgb(116, 212, 124);
}
/*Color de texto del enlace <a>, del Nav*/
#navComprar{
  color: green;
}
/*Posicion margenes y ancho de la iamgen del nav*/
#codo{
  position: relative;
  top: 6px;
  left: 9px;
  margin-top: 0%;
  margin-left: 7%;
  margin-bottom: 0%;
  width: 10%; 
}
#hImg{
  background-size: 100% 50%;   
}
#parrafo{
  text-align: end; 
  margin: 7%;
  color: aliceblue;
  
}
/*SECTION*/
/*Subtitulos*/
#subtitulo{
    margin-bottom: 0% ;
    font-weight: lighter;
}

.grupo3{
  margin-left: 12%;
  margin-right: 12%;
  
}
.sBAmarillo{
 background-color: rgb(250, 203, 49); 
 color: black;
 padding: 1%;
 border-radius:20%;
 margin-top: 1%;
}
.sBCyan{
 background-color: rgb(29, 139, 139);
 color: rgb(255, 255, 255);
 padding: 1%;
 border-radius:20%;
 margin-top: 1%;
}
.sBGris{
  background-color:rgb(104, 103, 103);
  color: rgb(255, 255, 255);
  padding: 1%;
  border-radius:20%;
  margin-top: 1%;
}
.sBRojo{
  background-color:rgba(221, 15, 15, 0.849);
  color: rgb(255, 255, 255);
  padding: 1%;
  border-radius:20%;
  margin-top: 1%;
}

#img4S{
  width: 100%;
  height: 100%;
}
#btnS4{
  border-color: aliceblue;
}
/*Formulario*/
/*color del boton del formualrio*/

#formulario{
  margin-left: 25%;
  margin-right: 25%;
}

#fboton{
    background-color: rgb(150, 201, 62);
    color: aliceblue;
    text-size-adjust: 1vw;
}
/*FOOTER*/
footer div div {
    margin: 2%;
}
.pieDegradado{
    justify-content: center;
    align-items:center;
    display: flex;
    margin-top: 25px;
    background-image: linear-gradient(to right, rgb(28, 54, 67),rgb(30, 83, 114));
}
/*Color y decoracion de los enlaces <a>, del footer*/
.footerText{
  color: aliceblue;
  text-decoration:none;
}