/* Peu compartit del web públic i de l’administració. */
.peu{
    --vora:#ddded5;
    --suau:#676961;
    --tinta:#24251f;
    font:16px/1.65 'Segoe UI',Arial,sans-serif;
    border-top:1px solid var(--vora);
    margin-top:80px;
    padding:45px 0;
    background:#eeeee7
}

.peu-interior{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:48px;
    font-size:.8rem;
    color:var(--suau)
}

.peu p{
    margin:8px 0 0
}


.peu.peu-portada{margin-top:30px}
.distintiu-llicencia{display:inline-flex;align-items:flex-start;flex-direction:column;gap:10px;margin-top:14px}
.distintiu-llicencia img{width:88px;height:31px;flex-shrink:0}

.logo-peu{display:inline-block}
.logo-peu img{width:136px;height:auto}
.peu h2{font:600 22px/1.4 'Segoe UI',Arial,sans-serif;color:var(--tinta);margin:0 0 18px}
.peu-mapa,.peu-legal{text-align:center;font-size:.9rem}
.peu-llista{list-style:none;padding:0;margin:0;display:grid;gap:3px}
.peu-llista>li{list-style:none;padding:0;margin:0}
.peu .peu-data{margin-top:24px}
.peu a:hover{text-decoration:underline;text-underline-offset:3px}
.peu-enllacos{
    margin-top:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
    flex-wrap:wrap
}
.peu-enllacos a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.logo-social-peu{display:block;width:32px;height:32px}
.logo-bitworks-peu{display:block;width:150px;height:auto}
.peu-enllacos a:hover{color:var(--tinta)}
.peu-enllacos a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
.peu .contenidor{width:min(1200px,calc(100% - 48px));margin-inline:auto;box-sizing:border-box}
.peu a{color:inherit;text-decoration:none}
.peu .peu-llicencia a{text-decoration:underline;text-underline-offset:3px}
.peu img{display:block;max-width:100%;height:auto}
@media(max-width:1000px){.peu-interior{gap:28px}.peu-enllacos{gap:18px}}
@media(max-width:720px){.peu{margin-top:50px}.peu-interior{grid-template-columns:1fr}}
@media(max-width:600px){.peu .contenidor{width:calc(100% - 32px)}}
@media print{.peu{display:none}}