/*variables*/

:root {
	--gris:  #aaa;
	--bg-gris:  #444;
	--amarillo: #ccaa00;
	--blanco:  #fff;
	--azul:  #18bfef;
	--verde:  #00C533;
	--negro:  #000;
	--rojo:  #f00;
}

/* CARDS */
#main article h2 {
	margin-top: 50px;
	margin-bottom: 0px;
}

#main .post {
	margin-bottom: -80px;
}

.posts1 article {
	background: var(--bg-gris);
	border-radius: 10px;
	box-shadow: 10px 10px 10px var(--gris);
}
@font-face {
  font-family: 'Poppins';
  src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@200&display=swap') format('truetype');
  font-style: normal;
  font-weight: normal;
}
.posts1 article header .date {
	float: right;
	color: var(--blanco);
	margin-right: 20px;
	font-family: 'Poppins', sans-serif, serif;
}
.posts1 article header h2 {
	clear: both;
	display: flex;
	justify-content: center;
	color: var(--amarillo);
	text-shadow: 3px 3px 3px var(--negro);
	text-align: center;
}
.posts1 article p {
	color: var(--blanco);
	margin: 0 15px;
	font-family: 'Poppins', sans-serif, serif;
}
.posts1 article p strong{
	color: var(--amarillo);
	font-size: 1.2rem;
}	

.posts1 article .h3 {
	font-size: 1.2rem;
	text-decoration: underline;
}	
.posts1 article ul {
	margin-left: 25px;
}	
.posts1 article ul li {
	color: var(--amarillo);
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif, serif;
}	

.posts1 article ul a {
	color: var(--verde);
}	
.subrayado {
	text-decoration: underline;
}
.cursiva {
	font-style: italic;
}
.celestito {
	color: var(--azul);
}
.mayuscula {
	text-transform: uppercase;	
}
.center {
	text-align: center;
}
.amarillo {
	color: var(--amarillo);
}
.verde {
	color: var(--verde);
}
.tabular, 
.tabular-azul, 
.tabular-verde {
	margin-left: 20px;
}

.tabular-azul:before {
	content: "☑️ ";
}
.tabular-verde:before {
	content: "✅ ";
}
.pre {
	color: var(--azul);
}


table tbody tr td, table thead tr th{
			border-top: solid 2px var(--rojo);
			border-bottom: solid 2px var(--rojo);
			border-left: 1px solid var(--rojo);
			border-right: 1px solid var(--rojo);

		}
table thead tr th{
	color: var(--rojo);
	font-weight: bold;
	text-align: center;
	font-size: 1.3em;
	padding-top: 5px;
	padding-bottom: 5px;
}
table tbody tr td.tddos:nth-child(2){
	padding-top: 20px;
	color: purple;
	text-align: center;
	font-weight: bold;
}