*{
color: antiquewhite; text-decoration: none;
margin: 0; padding: 0; 
box-sizing: border-box; transition: all 0.4s; font-family: sans-serif;}


/*mobile first*/

.video iframe{display: block;
width: 100%; height: 600px;}
nav img {padding: 1rem;}
nav {
    width: 100%; height: 4rem; 
    background: linear-gradient(to bottom, rgba(45,54,159,1) 0%, rgba(231,56,39,1) 100%);}
.contenedor {
    max-width: 1080px; margin: auto; padding-top: 4rem;}
section {
    display: flex; flex-wrap: wrap;}
section article {
    width: 100%; 
    text-align: center;
    padding: 2rem;}
.texto {
    background: rgba(28, 28, 28, 0.59)}
/*color orig #1c1c1c*/
.abajo .texto {padding-top: 0rem}
.imagen {
    background: rgba(28, 28, 28, 0.59)}
.abajo .imagen a {margin-right: 1rem}
.abajo {
    background: rgba(28, 28, 28, 0.39)}
.abajo h1 {font-size: 3rem;}
.abajo .texto h2 {margin-top: 2rem; font-size: 1.3rem}
/*.abajo .imagen {text-align: center;}*/

footer {
    width: 100%; height: 25%; 
    background: #ef3e2e;}
body {
    background: linear-gradient(to bottom, rgba(45,54,159,1) -50%, rgba(231,56,39,1) 110%);}
nav img {width: 60%;}
img {width: 40%;}   
.aaa {
    display: flex; flex-wrap: wrap;  
    padding: 1rem; margin: auto;}
footer .aaa div {
    padding: 1rem 0rem;
    font-size: 1rem;
    text-align: center;}
.texto a {
    font-weight: 700;
    font-size: 1.2rem;
    display: inline-block;
    padding: 1rem 2rem; margin-top: 3rem; border-radius: 2rem; background: #ef3e2e }
.texto a:hover {
    background: linear-gradient(to bottom, rgba(45,54,159,1) 0%, rgba(231,56,39,1) 100%);}
.celu img {width: 50%;}

/*Gradiente*/
/*
background: linear-gradient(to bottom, rgba(45,54,159,1) 0%, rgba(231,56,39,1) 100%);
*/


/*Texto*/
h1	{
    font-family: 'Lato', sans-serif; 
	color: ;
    font-weight: 400;
	font-size: 3rem;
    margin-bottom: 2rem;}
.texto p {
    font-size: 1.2rem;}
nav h1 {
    display: inline-block; 
    font-size: 1.5rem;}
nav {
    display: flex; justify-content: space-between; align-items: center; 
    position: fixed; 
    padding: 0 1rem;}
nav ul li {
    display: inline-block; 
    margin: 0.3rem;}
footer div {
    padding: 1rem; margin: auto; 
    font-size: 1.2rem; text-align: center;}
section article {
    padding: 5rem 2rem 2rem 2rem;}
h2 {font-weight: 400;}


/*Version Desktop*/

@media screen and (min-width: 850px) {
    nav {
        width: 100%; height: 5rem; 
        background: #2d369f;}
    nav {
        display: flex; justify-content: space-between; align-items: center; 
        position: fixed; 
        padding: 0 2rem;}
    nav ul li {
        display: inline-block; 
        margin: 1rem;}
    img {width: 40%;}
    section article {
        height: 34rem; 
        text-align: left; 
        width: 50%;} 
    
    .contenedor {
        max-width: 1080px; margin: auto; padding-top: 5rem;}
    
    .abajo article {height: 18rem}
    /*espacio intermedio - modif arriba width de 48 a 50*/
    section {justify-content: space-around;}
    
    footer .aaa div {text-align: left;}
    footer div {
        display: inline-block;
        width: 80%;
        margin: 0 20% 0 0;
        font-size: 1rem;
        text-align: left;}
    .aaa {
        display: flex; flex-wrap:nowrap;  
        max-width: 1080px; 
        padding: 1rem 0rem;
        margin: auto;}
    footer {
        height: 20%}
    h1 {
        font-size: 2.5rem;}
    .celu img {width: 55%;}
    .abajo article {height: 20rem;}
    .abajo h1 {font-size: 2rem;}
    .celu {text-align: center}
    .imagen {padding-top: 3rem}
    .texto {padding-left: 3rem}
    .abajo .texto {padding-left: 2rem}
    .abajo .imagen {padding-left: 3rem}
    .abajo .texto {padding-top: 5rem}
}