:root{
    --fuenteHeading: 'Quicksand', serif;
    --fuenteTituloPrincipal: "Oswald", serif;
    --fuenteBtn: "Inclusive Sans", serif;
    --blanco: #ffffff;
    --oscuro: #212121;
    --primario: #FFC107;
    --secundario: #0097A7;
    --grsincio: #ffffff;
    --gris: #757575;
    --rojo: #ed1c24;
    --gristenue: #eeeeee;
    --botonmouse: #4d4d4d; 
    --cardprimary: #111926;   
    --verde: #008f39;

    /*Cards*/
    --cardprimary: #111926;
    --cardblanco: #fff;
    --cardbackground: #F8F8FF;
    --cardgray: #D3D3D3;
    --cardtexto: #262626;
    --cardlike: #FF3040;
    --cardcabeceracafe: #4e4e4e;
}

html {    
    box-sizing: border-box;
    font-size: 70%; /* 1 rem = 10px */    
}

*, *:before, *:after {
    box-sizing: inherit;
}
body {
    background-image: url(../img/recursos/user/fondoMenuUser.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position:left top;
    background-repeat:repeat-x;
    font-family: var(--fuenteParrafos);
    font-size: 1.6rem;
    line-height: 2;
}

/** Globales **/
.contenedor {
    width: min(100%, 200rem);
    margin: 0 auto;
}
a {
    text-decoration: none;
}
h1, h2, h3, h4, h5 {    
    line-height: 1.2;
}
h1 {
    font-family: var( --fuenteTituloPrincipal);
    font-style:  normal;
    font-weight: 400;
    font-size: 6rem;    
}
h2 {
    font-family: var(--fuenteBtn);
    font-style:  normal;
    font-weight: 100;
    font-size: 3.5rem;    
}
h3 {
    font-size: 3.2rem;
}
h4 {
    font-family: var(--fuenteBtn);
    font-style:  normal;
    font-weight: 100;
    color: var(--blanco);
    font-size: 2.8rem;
}
h5 {
    font-size: 1.8rem;
}
img {
    max-width: 100%;
}
p{
    font-family: var(--fuenteHeading);
}