* {
    padding: 0;
    margin: 0;
    font-size: 1rem;
}

:root {
    --gray: #b2a390;
    --blue: #002741;
    --fiord: #405c6a;
    --footer: #c0c2bf;
    --azul: #93a1a2;
    --gris: #acb0b1;
}

/* Todo el sitio usa rem, así que bajar el tamaño base en estos breakpoints
   encoge proporcionalmente texto, paddings y gaps de cada página sin tener
   que retocar cada media query por separado. Mismos breakpoints que ya
   usa el resto del sitio (576px / 992px). */
@media (min-width: 576px) and (max-width: 992px) {
    html {
        font-size: 93.75%; /* 15px */
    }
}

@media (max-width: 575px) {
    html {
        font-size: 87.5%; /* 14px */
    }
}