html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body * { border: 2px solid #000; margin: 2px; }
.pagebody { max-width: 1000px; margin: 0 auto; text-align: center; }
.cartel { width: 100%; }
footer nav ul.menu { list-style: none; padding: 0; display: inline-flex;
    flex-wrap: wrap; }
footer nav ul.menu li { margin: 0 1em; }

a { color: black; text-decoration-color: blue;
    text-decoration-thickness: 2px;
    &:hover { text-decoration-color: green; }
    &:visited { text-decoration-color: purple; }
    &:active { text-decoration-color: red; }
}
#donde { margin: 0.5em 1em; font-weight: bold; }
#doscolumns { border: thin solid red; }
#contacto { width: fit-content; margin: 0 0.5em; }
#contacto div { display: flex; align-items: center; gap: 0.5em; }
#contacto figure img { width: 1.8em; }

#copy { color: gray; text-align: right; margin-right: 1em; font-size: 0.8em; }


header, header *, footer, footer * { border: none; margin: 0px; }