:root{
    --fuenteHeading: 'Exo', sans-serif;
    --fuenteParrafos: 'Caveat', cursive;
    --fuenteTitulos: 'Rajdhani', sans-serif;

    --primario: #1859de;
    --titulo-principal: #a4e6ff;
    --celeste-fuerte: #59fff0;
    --fondo-azul: #1b2f44;
    --gris: #e1e1e1;
    --blanco: #ffffff;
    --negro: #000000;
    --amarillo: #F5C002;
    --anaranjado: #ffa500;
    --negro-botones: #191919;
    --verde:#D2F595;
    --verde-oscuro: #38c695;
    --lila: #b27cf5;
    --rojo-anaranjado: #fc5f45;
}
html{
    box-sizing: border-box;
    font-size: 62.5%; /* 1rem = 10px*/
}
*, *:before, *:after {
    box-sizing: inherit;
}
body {
    font-size: 1.6rem;
    line-height: 2;
}

/*Globales*/
.contenedor {
    width: min(90%, 120rem); /* es lo mismo que 
    max-width: 120rem;
    width: 90%;*/
    margin: 0 auto;
}
a {
    text-decoration: none;
}
h1, h2, h3, h4 {
    line-height: 1.2;
}
h1{
    font-size: 3.8rem;
}
h2{
    font-size: 2rem;
}
h3{
    font-size: 2rem;
}
h4{
    font-size: 1.8rem;
}
img{
    max-width: 100%;
}
/* Utilidades*/
.no-margin{
    margin: 0;
}
.no-padding{
    padding: 0;
}
.centrar-texto{
    text-align: center;
}

/* Header */
header{
    background: var(--primario);
    padding: 2rem 0;
}
.top{
    display: grid;
    color: var(--blanco);
}
.construccion{
    font-size: 3.5rem;
    font-family: var(--fuenteHeading);
    text-align: center;
}

/* Principal */
.principal{
    margin-top: 5rem;
}
.titulo{
    display: grid;
    text-align: center;
}
.titulo p{
    font-size: 2rem;
}
.img-contruccion{
    width: 60rem;
}
.img-logo-mega{
    width: 25rem;
    margin: 0 auto;
}
.oops{
    font-size: 15rem;
    color: var(--anaranjado);
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .principal{
        margin-top: 2rem;
    }    
    .oops{
        font-size: 8rem;
        color: var(--anaranjado);
        margin-bottom: 2rem;
    }
}

.contactos{
    margin-top: 5rem;
}
.cont h3{
    border-bottom: solid 1px var(--primario);
}
.cont p{
    padding-top: 2rem;
}
.cont iframe{
    padding-top: 2rem;
}
.cont i{
    font-size: 2rem;
}

footer{
    padding: 4rem 0;
    text-align: center;
}

footer h3{
    font-family: var(--fuenteParrafos);
}

footer a{
    color: var(--rojo-anaranjado);
}