
/*ESTRUCTURA GENERAL*/
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../font/nexa_bold-webfont.woff2') format('woff2'),
         url('../font/nexa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'nexa_lightregular';
    src: url('../font/nexa_light-webfont.woff2') format('woff2'),
         url('../font/nexa_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
  background:#1c1918;
  color: #FFFFFF;
  font-family: '../font/Nexa Light.otf';
}

.cabecera-container {
  background: #1c1918;
  display: flex;
 /* width: 400px;
  height: 400px;*/

  flex-wrap: wrap;
  align-content: flex-start;
  align-items: center;
  align-self:auto;
  
  /* gap: <row> <column> */
  gap: 4px 8px;

  /* 1 parámetro: usa el mismo para ambos */
  gap: 4px;
  align-content: flex-start;
  justify-content: flex-start;
  
  /*   
  align-content: flex-start;
  justify-content: flex-end;
  
  Equivalente a...  
  place-content: flex-start flex-end;
  
  */
}
.menu-container {
  background: #da012c;
  display: flex;
  width: 200px;

  flex-wrap: wrap;
  align-content: flex-start;
  align-items: center;
  align-self:auto;
  
  /* gap: <row> <column> */
  gap: 4px 8px;

  /* 1 parámetro: usa el mismo para ambos */
  gap: 4px;
  align-content: flex-start;
  justify-content: flex-start;
  
  /*   
  align-content: flex-start;
  justify-content: flex-end;
  
  Equivalente a...  
  place-content: flex-start flex-end;
  
  */
}

.itema {
  background: #1c1918;
  width: 25%;
  height: 50px;
  /* flex: <flex-grow> <flex-shrink> <flex-basis> 
  flex: 1 3 35%;
  */
}
.itemb {
  background: #da012c;
  width: 50%;
  height: 50px;
  /* flex: <flex-grow> <flex-shrink> <flex-basis> 
  flex: 1 3 35%;
  */
}
.itemc {
  background-image: url("logo1.png");
  background-size: 175px;
  background-repeat:no-repeat;
  width: 100%;
  height: 200px;
  /* flex: <flex-grow> <flex-shrink> <flex-basis> 
  flex: 1 3 35%;
  */
}

/*SECCIONES*/



/* */
