:root { color-scheme: light dark; --acento: #1f6feb; }
body { font-family: system-ui, sans-serif; max-width: 46rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.6; }
.titulo { color: var(--acento); }
section { margin-block: 2.5rem; }

#libro-de-visitas form { display: grid; gap: .75rem; }
#libro-de-visitas label { display: grid; gap: .25rem; font-weight: 600; }
#libro-de-visitas input, #libro-de-visitas textarea { font: inherit; padding: .5rem; border: 1px solid #8884; border-radius: .4rem; }
#libro-de-visitas button { justify-self: start; font: inherit; padding: .5rem 1rem; border: 0; border-radius: .4rem; background: var(--acento); color: #fff; cursor: pointer; }
#lista-mensajes { list-style: none; padding: 0; display: grid; gap: .75rem; }
#lista-mensajes li { border: 1px solid #8884; border-radius: .5rem; padding: .75rem 1rem; }
#lista-mensajes time { margin-left: .5rem; font-size: .8rem; opacity: .7; }
#lista-mensajes p { margin: .25rem 0 0; }