footer{
    background-color: rgb(0, 0, 21); /*color azul de fondo, se sustituye por la imagen*/
}

.footerContent{
    color: white; 
    width: 100%; /*ocupa todo el ancho*/
    height: 100%;
    padding: 4rem 1rem 1rem 1rem; /*tamaño de cada columna*/
    box-sizing: border-box;
    align-items: center; /*elementos centrados*/
    justify-items: center;
}

.footerColumns{
    display: grid;
    grid-template-columns: repeat(4, 1fr); /*distribución en 4 columnas*/
    gap: 2rem; /*separación entre columnas*/
}

footer .iso_27001 img{
    height: 9rem;
    /*mover hacia arriba*/
    position: relative;
    top: -65px;
}

footer .emails{
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    font-size: 1.1rem;
    /*mover hacia arriba*/
    position: relative;
    top: -45px;
}

.emails a{
    color:white;
    text-decoration: none;
}

.emails a:hover{
    color:#eeb900;
}

footer .links{
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    font-size: 1rem;
    /*mover hacia arriba*/
    position: relative;
    top: -35px;
}

.links a{
    color: #23adc5;
    text-decoration: none;
}

.links a:hover{
    color:#eeb900;
}

.fiveFlames{
    /*mover hacia arriba*/
    position: relative;
    top: -65px;
}

footer .fiveFlames a{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    text-decoration: none;
}

footer .fiveFlames a img{
    width: 7rem;
    margin-left: 2rem;
}

.fiveFlames span{
    text-decoration: none;
    color: white;
}

/*se pone en amarillo cuando se pasa por encima*/
.fiveFlames span:hover{
    color: #eeb900;
}