*{font-family: 'lato', sans-serif;
margin: 0; padding: 0;
box-sizing: border-box
}

body{background-color: white;
justify-content: center;
display: flex;
flex-direction: column;}


/*Header*/

header{height: 55px;
    max-width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
    padding: 0 1em;}

#logo{display: flex;width: 5em;}

header ul{list-style: none;display:flex; flex-direction: row;}

.a{padding-right: 1em;}

.menuynotificaciones {
    display: flex;
    align-items: flex-start;
    
    margin-left: .25em;
    justify-content: center;
    align-items: center;
}

.logounidiseño{
    display: flex;
    align-items: center;

    margin-left: .25em;
    justify-content: center;
    align-items: center;
}

.buscador{
    display: flex;
    align-items:flex-end;
    margin-right: .5em;
    justify-content: center;
    align-items: center;
}

/*BODY*/

a {text-decoration: none;}

main{display: flex;
flex-direction: column;
align-content: space-between;
width: 100vw;}

h1 {padding: .3em 0;}

h1 a {font-size: 2em; color: white; font-weight: lighter; background-color: #ffcc00;}

h1 span{font-weight: bold;}

h2 a {color: white; text-transform: uppercase; font-size: .6em;}

h3{color: black; background-color: #ffcc00; margin-bottom: .5em; padding: .5em;}

footer{
    background-color: black;
    height: 3em;
    display: flex;
    justify-content: space-between;
    align-items: center;}

.texto{color: white;
position: absolute;
margin: auto;
margin-top: 1em;
width: 90%}

.texto2 {margin: 1em; font-size: .8em; text-align: center;}

.copete {font-size: .8em; color: white;}

.copete2 {font-size: .6em; color: black;text-align: justify;}

.perfilsobresaliente{display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 30vh;
overflow: hidden;}

.nota1{width: 100%;}

.novedades {
    display: flex;
    justify-content: center;
    font-size: .7em;
    color:white;
    background-color: black; 
    word-spacing: .4em;
    letter-spacing: .3em;
    padding: 1em;
}

.contenedor1 {display: flex;  flex-direction: column;}

.fotoizq {width: 50%; float: left; margin-right: 1em;}

.fotoder {width: 50%; float: right; margin-left: 1em;}

.vermas {font-size: 1em; color:  #ffcc00;}

.vermasalini{text-align: left;}

.vermasalind{text-align: right;}

.seccion{align-items: center;}

.iconofooter {width: 20px; margin: .6em;}