/* movil */
*{
      -webkit-tap-highlight-color: transparent;
}
/*--------------------------------- ---------------------------------FOOTER */
#footer {
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    background-color: dimgray;

}

.volver,
.contacto {
    display: flex;
    padding: 2em 1em;
    /* margin-left: rem;  */
    align-items: center;
    font-weight: 600;
    font-size: 14px;


}

.textocentrado {
    vertical-align: middle;
    margin-top: -5px;
    margin-right: 3px;
}

.volver a,
.contacto a {
    text-decoration: none;
    color: #fff;
    transition: .3s ease all;
}

.volver a:hover {
    color: greenyellow;
}

.contacto a:hover {
    color: greenyellow;

}

.colum {
    display: flex;
    padding: .4em 1em;
}

.colum a {
    text-decoration: none;
    color: #fff;
    transition: .3s ease all;

}

.colum a:hover {
    color: greenyellow;

}


.redes {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding-top: 2em;
}

.copy {
    text-align: center;
    margin-top: .5em;
}




/* ---------------------------------------- */
/* FOOTER */
@media screen and (min-width:900px) {
    .footer {
        display: grid;
        
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        grid-template-areas: "volver   contacto     privacidad"
            "inutil   condiciones  cookies  "
            "  copy   redes        legal";
        border-radius: 3px;

    }

    .inutil {
        grid-area: inutil;

    }

    .volver {
        grid-area: volver;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .contacto {
        grid-area: contacto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .privacidad {
        grid-area: privacidad;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 5em;
    }

    .condiciones {
        grid-area: condiciones;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 2em;
    }

    .cookies {
        grid-area: cookies;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 3.7em;
    }

    .copy {
        grid-area: copy;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .redes {
        grid-area: redes;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding-top: 1em;
    }

    .legal {
        grid-area: legal;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 1.4rem;

    }


}

@media screen and (min-width:1200px) {
    .subrayado {
        font-size: 14px;
    }
}