@import "Mapeate.configuracion.scss";

[data-visible=false]{display : none;}

[data-icono-imagen]::before{
    content : "";
    display : inline-block;
    width : 1em;
    height : 1em;
    margin-right : .3em;
    vertical-align : middle;
    background-position : center center;
    background-size : contain;
}
[data-icono]::before{
    content : "";
    margin-right : .3em;
    font-family : $fuente-iconificada;
}

h1{
    display : block;
    margin : .2em .5em;
    font-size : 4em;
    &>a>span{vertical-align : middle;}
    img{
        width : auto;
        height : 1em;
    }
    [data-i18n]{font-size : .75em;}
}

nav{
    display : block;
    position : absolute;
    top : 0em;
    right : 0em;
    margin : .3em .7em;
    &>ul{
        margin : 0em;
        padding : 0em;
        list-style-type : none;
    }
    li{
        display : inline-block;
        margin : 0em .4em;
    }
    span+span{display : none;}
}

main{
    position : absolute;
    top : 5em;
    left : 0em;
    bottom : 2em;
    width : 100%;
    overflow : auto;
}

footer{
    position : absolute;
    left : 0em;
    bottom : 0em;
    width : 100%;
}

.licences{
    display : block;
    width : 100%;
    margin-bottom : .3em;
    text-align : center;
    font-size : .85em;
    font-weight : 900;
    img{
        width : auto;
        height : 1em;
    }
    img,a,span{vertical-align : middle;}
}