:root {
    /*PALETA*/
    --azul1: #659cc8;
    --azul2: #4689be;
    --azul3:  #216aa0;

    --gris1: #999999;
    --gris2: #666666;

    /*FUENTES*/
    --inter: 'Inter', sans-serif;
    --noto-sans: 'Noto Sans SC', sans-serif;
}

body {
    font-family: var(--inter);
}

.container {
    padding: 0 7%;
}

.titulo{
    font-family: var(--inter);
    font-weight:700;
    font-size:22px;
    padding-bottom: 1rem;
    color: var(--azul3);
    text-shadow: 5px 5px 5px rgba(0,0,0,0.1),
    5px 0px 5px rgba(0,0,0,0.05);
}

.boton {
    text-align: center;
    display: block;
    box-sizing: border-box;
    padding: 1rem 1.2rem;
    border: none;
    border-radius: 25px;
    background-color: var(--azul3);
    color:#ffffff;
    font-weight:500;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    font-size:1.2rem;
}

.boton:hover{
    background: var(--azul3);
    transform: scale(1.06);
    transition: 0.4s;
}