/* Core portal styles for header and layout (responsive, accessible) */
:root{
  --primary:#2874B8; /* azul institucional */
  --primary-dark:#0A4F8A;
  --on-primary:#ffffff;
  --header-height:72px;
  --footer-bg:#0f2433;
  --footer-color:#e6eef6;
}

/* Reset small things */
html,body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;color:#222}

/* SITE HEADER */
.site-header{position:sticky;top:0;z-index:1000;background:var(--on-primary);box-shadow:0 1px 8px rgba(10,10,10,0.08);}
.site-header .topbar{background:var(--on-primary);}
.site-header .topbar .container{display:flex;align-items:center;gap:16px;padding:8px 12px;max-width:1200px;margin:0 auto}
.site-header .brand-card{background:transparent;padding:0;margin-left:8px;display:inline-flex;align-items:center}
.site-header .brand-card img{height:auto;max-height:64px}
.site-header .logo{display:flex;align-items:center;text-decoration:none;color:inherit}
.site-header .logo .header-logo{max-height:64px;height:auto;width:auto}

/* NAV */
.site-header .mainnav{background:var(--primary);color:var(--on-primary);border-top:2px solid rgba(255,255,255,0.02)}
.site-header .mainnav .container{display:flex;gap:18px;padding:10px 16px;align-items:center;max-width:1200px;margin:0 auto}
.site-header .nav-item{color:var(--on-primary);text-decoration:none;padding:6px 8px;border-radius:6px;font-weight:500}
.site-header .nav-item[aria-current="page"]{background:rgba(255,255,255,0.08)}
.site-header .nav-item:hover{background:rgba(255,255,255,0.06)}

/* Search */
.site-header .search{margin-left:auto;display:flex;align-items:center}
.search-form input{padding:8px 10px;border-radius:6px;border:1px solid #d4dfe8;min-width:220px;background:#fff}
.search-form button{margin-left:8px;padding:8px 10px;border-radius:6px;border:0;background:var(--primary-dark);color:var(--on-primary);cursor:pointer}

/* Mobile adjustments */
@media (max-width: 768px){
  :root{--header-height:56px}
  .site-header .topbar .container{flex-wrap:wrap;padding:6px 10px}
  .site-header .brand-card{display:none}
  .site-header .logo .header-logo{max-height:40px}
  .site-header .mainnav .container{display:flex;flex-wrap:wrap;gap:8px;padding:8px}
  .site-header .search{order:3;width:100%}
  .menu-toggle{display:inline-flex!important}
}

/* Improve small-screen menu button visibility */
.menu-toggle{background:var(--primary);color:var(--on-primary);border-radius:6px;padding:6px 8px}
.mnav-item{display:block;padding:10px 8px;color:inherit;text-decoration:none}
.mnav-item:hover{background:rgba(255,255,255,0.03)}


/* Accessibility: focus styles */
.nav-item:focus, .menu-toggle:focus, .search-form input:focus{outline:3px solid rgba(40,116,184,0.25);outline-offset:2px}

/* Small utilities used in templates */
.hidden-mobile{display:inline}
@media (max-width:768px){.hidden-mobile{display:none}}

/* End portal.css */