/* Acento distinto al de astrolle.com: sirve para saber de un vistazo que
   sitio esta respondiendo. */
:root { --acento: #f5c76e; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.55 system-ui, sans-serif; color: #f7f3ea; background-color: #1b1a17; }
a { color: inherit; }
.wrap { max-width: 44rem; margin: 0 auto; padding: 2.5rem 1rem; }
.site-header { display: flex; gap: 2rem; align-items: baseline;
               padding: 1rem; border-bottom: 1px solid #3a3833; }
.brand { font-weight: 600; text-decoration: none; }
.nav a { margin-right: 1rem; text-decoration: none;
         border-bottom: 2px solid transparent; padding-bottom: 2px; }
/* Enlace activo sin condicionales: la clase del body decide. */
.pagina-index .nav-index,
.pagina-contact .nav-contact { border-bottom-color: var(--acento); }
.site-footer { padding: 1rem; border-top: 1px solid #3a3833; color: #9b968b; }