@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}
h1{
    font-size: 2em;
    margin-bottom: 0.5em;
    color: #2c3e50;
}

/* CCOIA - Barra superior institucional */
.topbar{background:#243a2e;color:#dfe8e1;font-size:12.5px}
.topbar .container{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:12px;flex-wrap:wrap}
.topbar a{color:#dfe8e1;opacity:.85;font-family:'IBM Plex Mono',monospace;letter-spacing:.4px;text-decoration:none}
.topbar a:hover{opacity:1}
.topbar-links{display:flex;gap:22px;align-items:center}
@media (max-width:767px){.topbar-links a:not(:last-child){display:none}}