*{
   
    padding: 0;
}

body{
    margin: 0;
}
p{
    font-size: 20px;
    text-align: justify;
    color: #fff;
}

.pagina{
    background-image: url(fondo.jpg); /*Ruta relativa*/
    background-size: cover;
    background-attachment: fixed;
}

#logo{
   float: left;
}

#cabecera{
    display: inline-block;
}

#navegador{
float: left;
padding-top: 100px;
padding-left: 90px;
}

#navegador ul{
   list-style-type: none;
   text-align: center;
}
#navegador li{
   display: inline;
   text-align: center;
   margin: 0 30px 0 0;
}
#navegador li a {
   padding: 2px 10px 2px 10px;
   color: #fff;
   background-color: #EB6200;
   text-decoration: none;
}
#navegador li a:hover{
   background-color: mediumpurple;
   color: #fff;   
}

#menu2 {
    padding-top: 150px;
    margin-bottom: 100px;
     }


#menu2 ul{
   list-style-type: none;
   text-align: center;   
}

#menu2 li{
   display: inline;
   margin: 0 50px 0 0;
   font-family: 'Lexend Tera', sans-serif;
    padding: 10px;
}

#menu2 li a:hover{
   color: red;
    
}

#parrafo2{
    background-color: red;
    font-family: 'Lexend Tera', sans-serif;
    font-size: 20px;
    padding: 2%;
}

.destacado{
   font-family: 'Lexend Tera', sans-serif;
   font-size: 25px;
   text-align: justify;
   background-color: rgba(0, 0, 0,0.3);
   color: white;
   margin-left: 2%;
   margin-right: 2%;
   padding: 2%;
}


#fijo{
    position: fixed;
    right: 10px;
    bottom: 10px;
}


a{
    text-decoration: none;
    color: white;
    font-size: 20px;
  font-family: 'Lexend Tera', sans-serif;
    text-transform: uppercase;
}

a:hover{
    text-decoration: none;
    color: #000;
}

#caja1{
    background-color: rgba(0, 0, 0,0.3);
    margin-right: 40%;
    padding: 2%;  
    margin-top: 150px;
    margin-bottom: 200PX;
}

#nombre{
    color: white;
    font-size: 60px;
   font-family: 'Ubuntu', sans-serif;
   
}

#subtitulo{
    color:#fff;
    font-size: 50px;
font-family: 'Ubuntu', sans-serif;
    
}

#correo{
    background-color: #EB6200;
    padding: 10px;
}


  
{
text-align: center;

}


.titulo{
    color: white;
    font-family: 'Lexend Tera', sans-serif;
    font-size: 30px;
}

label{
    color: white;
    font-size: 20px;
    font-family: 'Lexend Tera', sans-serif;
}
input{
    color: blue;
    font-size: 20px;
    font-family: 'Lexend Tera', sans-serif;
}

h1{
    
 font-family: 'Lexend Tera', sans-serif;
   font-size: 35px;
   text-align: justify;
   background-color: rgba(0, 0, 0,0.3);
   color: white;
   margin-left: 2%;
   margin-right: 2%;
   padding: 2%;   
    
}

.sobre-nosotros {
  width: 1300px;
  height: 600px;

  display: grid;
  grid:
    "nosotros imgequipo" 1fr
    / 1fr 1fr;
  gap: 4px;
}

.nosotros { grid-area: nosotros;
font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    background-color: rgba(0, 0, 0,0.3);
    margin-left: 2%;
   margin-right: 2%;
   padding: 10%; 
}
.imgequipo { 
grid-area: imgequipo;
padding: 15%;   
}

#sombra {
border-radius: 40px;
border-radius: 8px;
box-shadow: 0 8px 8px 0 white;
}

.productos {
  display: grid;
  grid:
    "jeans vestidos camisetas" 1fr
    / 1fr 1fr 1fr;
  gap: 8px;
}

.jeans { grid-area: jeans;   
    font-family: 'Lexend Tera', sans-serif;
   font-size: 20px;
   text-align: center;
   color: white;
   margin-left: 2%;
   margin-right: 2%;
   padding: 20%; 
}
.vestidos { 
    grid-area: vestidos; 
    font-family: 'Lexend Tera', sans-serif;
   font-size: 20px;
   text-align: center; 
   color: white;
   margin-left: 2%;
   margin-right: 2%;
   padding: 20%; 
}
.camisetas { 
    grid-area: camisetas; 
    font-family: 'Lexend Tera', sans-serif;
   font-size: 20px;
    text-align: center;
   color: white;
   margin-left: 2%;
   margin-right: 2%;
   padding: 20%; 
}
.productosdos {
  display: grid;
  grid:
    "chaquetas deportivos botas" 1fr
    / 1fr 1fr 1fr;
  gap: 8px;
}

.chaquetas { grid-area: chaquetas; 
       font-family: 'Lexend Tera', sans-serif;
   font-size: 20px;
   text-align: center;
   color: white;
   margin-left: 2%;
   margin-right: 2%;
   padding: 20%; 
}


.Deportivos { 
    grid-area: deportivos;
         font-family: 'Lexend Tera', sans-serif;
   font-size: 20px;
   text-align: center;
   color: white;
   margin-left: 2%;
   margin-right: 2%;
   padding: 20%;
}
.Botas { 
    grid-area: botas;
      font-family: 'Lexend Tera', sans-serif;
   font-size: 20px;
   text-align: center;
   color: white;
   margin-left: 2%;
   margin-right: 2%;
   padding: 20%;
}


.video { 
margin-top: 60px;
padding: 20%;   
}

#contacto{
margin-top: 100px;    
    
}

#ubicacion{
    display: inline-block;
    width: 40%;    /*Unidades de medidas en css:  px - em - rem  - % */
    margin-left: 7%;
      background-color: rgba(0, 0, 0,0.5);
     text-align:center;
    }

.cajaFormulario{
    background-color: rgba(0, 0, 0, 0.5);
    width: 30%;    /*Unidades de medidas en css:  px - em - rem  - % */
    height: 540px;
    /*padding: arriba - abajo - izquierda - derecha;*/
    border: mediumpurple 20px double;
    /*margin: arriba - abajo - izquierda - derecha ;*/
    margin-left: 240px;
    margin-top: 20px;
    text-align: center;
    display: inline-block;
}

footer {
    background-color: #EB620080;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 50px;
    text-align: center;
    position: static;
    margin-top:50px;

}

.footer-logo {
    width: 40px;
    transition-duration: 500ms;
    display: flex;
     margin-left: 2%;
   margin-right: 2%;
   padding: 20%;
}