* {margin: 0; padding: 0; box-sizing: border-box;font-family: 'Quicksand', sans-serif;text-decoration: none; list-style: none}
img {/* para que nunca sea mayor que la caja que las contiene */max-width: 100%;height: auto;}
body {100vw}

/*BARRA SUPERIOR*/
.barra_superior {background:#F27381;width: 100vw;height:4rem;display: flex;flex-direction:row;align-items:center;justify-content:space-between}
#atras {display: block; width: 1rem; margin-left: 1rem}
#logo {display:flex; width: 2.1rem; margin-left: 1rem; flex-direction: row}

#menu3lineas {display: block; width: 1.2rem;margin-right: .7rem}
#arteeindustrialogo { display: flex; justify-content: center; flex-wrap: nowrap; }

/*MENU-HAMBURGUESA*/
#menu3lineas{display: block;height: 2em;width: 2em;}
#menu3lineas img{width: 80%}
header nav {background-color: rgba(255,0,0,0.5);
    color: white;/* para salir del "flujo de información" del fondo y colocase en una capa superior fija */position: fixed;right: -80vw;top: 0;height: 100vh;min-width: 60vw;transition: all .6s ease;z-index: 999;}
/* cuando cliqueamos el boton "menu3lineas" el "target" es "nav#menu"*/
header nav#menu:target {right: 0;/* transición suave */transition: all .6s ease;}
header nav a {display: flex; height: 2.5rem;}

/* boton "X" de cierre del nav */
#x {position: absolute;right: 0;margin-top: 1rem; margin-right: 1rem}
#x img {height: 1.2rem }
.c {display: flex; flex-direction: row;}
.ico {height: 1.7rem;;margin-left: 1.5rem}

.ico img {height: 1.7rem;margin-top: .2rem}

.txt {text-align: left; padding-left: 1.2rem;align-self: center; font-size: .9rem;color:rgba(255,255,255,.75)}

.txt:hover {color: white;}
.usuarioimg {margin-top: 4rem; width: 4rem;align-self: center}
.usuario {width: 60vw; display: flex;flex-direction: column}
x

/* boton "X" de cierre del nav */
.tx {font-size: 1rem; margin-left: 1.4rem; align-self: center}
.imgfadu {width: 100vw}
.h1 {width: 60vw; display: flex;flex-direction: column}

.destacado {
    color: ghostwhite;
    background-color: black;
    padding: 1rem;
    margin: 1rem;
    }
h2 {
    margin: 1rem;
    padding: 1rem;
}
h3 {
    margin: 1rem;
    padding: 1rem;
    box-sizing: border-box;
    font-family: sans-serif;
    font-family: "helvetica";
}