html{ font-size: .84em; }
body{ margin: 0; padding: 0; font-family: 'Montserrat', sans-serif; }
*{ line-height: 150%;  }
a{ color: darkred; font-weight: bold; text-decoration: none; }
h1, h3{ font-family: 'Squada One', cursive; }
h2{ font-family: 'Orelega One', cursive; color: #251D3B; font-size: 2.1rem; font-weight: normal; position: relative; }
h2::after{ content: ''; height: 2px; background-image: linear-gradient(to right, rgba(70,62,93,1), rgba(70,62,93, 0)); width: 30%; position: absolute; left: 0; bottom: 0; }
abbr{ text-decoration: none; }

h3{ color: #1A2129; font-size: 1.75rem; margin: 0 0 10px 0; }

div iframe{ display: block; width: 100%; height: auto; }
div img{ width: 100%; }

header, section, footer{ padding: 1em 2em; }
header{ background: #262729 url(cover.jpg) center no-repeat; background-size: cover; background-blend-mode: soft-light; min-height: 30vh; display: flex; flex-direction: column; justify-content: center; }
header h1,
header p{ margin: 5px 0; color: white; text-shadow: 1px 1px 4px rgba(0,0,0,0.7), -1px 1px 4px rgba(0,0,0,0.7), 1px -1px 4px rgba(0,0,0,0.7), -1px -1px 4px  rgba(0,0,0,0.7); font-weight: bold; }

header h1{ font-size: 3.4em; }
header h1 span{ display: none;}
header p{ font-size: 1.82em; }
header p span{ display: none; }
header p time{ display: block; }
article h1{ font-size: 2rem; }

footer{ background: #17000D; color: white; }
footer p{ font-size: 0.8rem; }
footer a{ color: lightyellow; font-weight: normal; }

ul{ list-style: none; margin: 0; padding: 0; }
ul li{ margin-bottom: 10px; }

p span{ font-style: italic; font-family: 'Trebuchet Ms'; }


figure{ margin: 0 0 10px 0; padding: 5px; border: 1px solid #ededed; }
figure img{ width: 100%; }

#about li span{ font-weight: bold ;}
#anteriores{ background: #EAEAEA; }

#bases{ background: #1C1C1C; font-size: 0.8em; }
#bases > *{ color: white }
body > aside{ padding: 0.5em 2em; background: #D9EDF6; color: #307094; /* background: #fbefef; color:darkred; */ text-align:center ; font-size: 0.85em;} 

#objetivos:empty::after{ content: 'Aún no hemos definido objetivos...'; display: block; background: #fbefef; color:darkred; padding: 3px 7px; }

.warning{background: #DE9B3E; color: white; padding: .5em 1em; font-size: 0.8em; border-radius: .25em;}
.warning strong{ font-weight: normal; color: #FFFFC9; }

@media ( max-width: 600px ){
	#about{ display: flex; flex-direction: column; }
    #about article > a:last-of-type{ padding: .6em; display: block; background: #0E0E10; color: #9147FF; text-align: center; border-radius: .4em; }
	#about > div{ margin-top: 2em; }
    .nomobile{ display: none; }
}