/*estilo bbc-1*/
body { background: #e0e5ec;}

.news-cab {
display: grid;
grid-template-areas:
	"artuno artuno artdos artres"
	"artuno artuno artcuatro artcinco";
grid-template-rows: 1fr 1fr;
grid-template-columns: 2fr 1fr 1fr;
grid-gap: 1em;
width: 100%;
}

/*	
.news-cab article:first-child {
grid-row-start: 1;
  }
*/


/*
article { height: 10em;}
*/

#a1 {
  height: 30em;
  border: red 2px solid;
  background: #00ffff;
background: radial-gradient(circle, rgba(238,61,61,1) 46%, rgba(255,252,0,1) 100%);
  padding: 10px;
  box-shadow: 5px 5px 5px red;
  margin-bottom: 2em;
}

#a1 {
	grid-area: artuno;
}

#a2 {
  border: blue 2px solid;
  background: #8a2be2;
background: linear-gradient(90deg, rgba(157,188,235,0.76234243697479) 46%, rgba(64,0,255,1) 100%);
  padding: 10px;
  box-shadow: 5px 5px 5px blue;
  margin-bottom: 2em;
  }
  
  #a2 {
	grid-area: artdos;
}


#a3 {
  border: red 2px solid;
  background: #5f9ea0;
background: linear-gradient(90deg, rgba(250,7,7,0.76234243697479) 46%, rgba(204,204,204,1) 100%);
  padding: 10px;
  box-shadow: 5px 5px 5px blue;
  margin-bottom: 2em;
  }
  #a3 {
	grid-area: artres;
}


#a4 {
  border: red 2px solid;
  background: #dc143c;
background: radial-gradient(circle, rgba(238,61,61,1) 46%, rgba(255,252,0,1) 100%);
  padding: 10px;
  box-shadow: 5px 5px 5px blue;
  margin-bottom: 2em;
  }
  #a4 {
	grid-area: artcuatro;
}


#a5 {
  border: red 2px solid;
  background: #008b8b;
background: radial-gradient(circle, rgba(238,61,61,1) 46%, rgba(255,252,0,1) 100%);
  padding: 10px;
  box-shadow: 5px 5px 5px blue;
  margin-bottom: 2em;
  }
  
  #a5 {
	grid-area: artcinco;
}


#a6 {
  border: red 2px solid;
  background: #006400;
background: linear-gradient(90deg, rgba(157,188,235,0.76234243697479) 46%, rgba(64,0,255,1) 100%);
  padding: 1em;
  box-shadow: 5px 5px 5px blue;
  margin: 3em;

  }

#a7 {
  border: red 2px solid;
  background: #ff8c00;
background: linear-gradient(90deg, rgba(157,188,235,0.76234243697479) 46%, rgba(64,0,255,1) 100%);
  padding: 1em;
  box-shadow: 5px 5px 5px blue;
  margin: 3em;

  }

#a8 {
  border: red 2px solid;
  background: #daa520;
background: linear-gradient(90deg, rgba(157,188,235,0.76234243697479) 46%, rgba(64,0,255,1) 100%);
  padding: 1em;
  box-shadow: 5px 5px 5px blue;
  margin: 3em;

  }


h1 {
    text-align: center;
    color: black;
}

h2 {
    text-align: center;
    color: black;
}

p {text-align: justify;
}

.container {
display: flex;
flex-direction: row;
flex-wrap: wrap;

}