/* Rooot */
:root{
    --blanco: #fff;
    --ceniza: #ededed;
    --negro-90: #1e1e1e;
    --negro: #000;
}
*, *{
    font-family: 'Montserrat', sans-serif;
}

/* Globales */
section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

h1{
    font-size: 1rem;
    font-weight: 900;
}

h2{
    font-size: 2.5rem;
    font-weight: 700;
}

h3{
    font-size: 1.5rem;
    font-weight: 700;
    padding: 1rem;
} 

p{
    font-size: 1rem;
    font-weight: 400;
    padding: 1rem;
} 

i{
    padding: 1rem;
    font-size: 5rem;
}

img{
    padding: 2rem;
}

/* nav */
nav{
    background-color: var(--negro-90);
    color: var(--ceniza);
}


/* Hero */
.hero{
    background-color: var(--negro-90);
    color: var(--ceniza);
}

.hero__imagen{
    margin-bottom: -34px;
}

/* Como lo hacemos */
.como-lo-hacemos{
    background-color: var(--negro-90);
    color: var(--ceniza);
}


/* Aviso de cookies */
.aviso-cookies{
    display: none;
    background-color: var(--ceniza);
    padding: 20px;
    width: calc(100% -40px);
    max-width: 320px;
    line-height: 150%;
    border-radius: 15px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 100;
    padding-top: 50px;
    box-shadow: 0px 20px 20px 10px rgba(222, 222, 222, .25);
    text-align: center;
}

.aviso-cookies.activo{
    display: block;
}

.aviso-cookies .titulo,
.aviso-cookies .texto{
    margin-bottom: 15px;
}

.aviso-cookies .btn{
    width: 100%;
    padding: 15px 20px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: .3s ease all;
    margin-bottom:15px;
}

.fondo-aviso-cookies{
    display: none;
    background: rgba(33, 33, 33, 0.2);
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.fs-7{
    font-size: .8rem;
}