/* Complementos do portal: barra utilitária, notícias em destaque e pesquisa. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.utility-content { min-height:3.75rem; display:grid; grid-template-columns:auto minmax(13rem, 31rem) auto; align-items:center; gap:1rem; }
.access-tools { display:flex; gap:.38rem; align-items:center; }
.access-tools button { min-width:2.25rem; height:2.25rem; padding:0 .48rem; border:1px solid color-mix(in srgb, var(--surface, #fff) 72%, transparent); border-radius:.42rem; color:var(--surface, #fff); background:transparent; font:700 .95rem/1 var(--font-body, sans-serif); cursor:pointer; }
.access-tools button:hover,.access-tools button:focus-visible { background:color-mix(in srgb, var(--surface, #fff) 16%, transparent); outline:2px solid var(--secondary, #f6a21a); outline-offset:2px; }
.utility-search { display:flex; min-width:0; margin:0; }
.utility-search input { min-width:0; width:100%; height:2.35rem; padding:0 .8rem; border:0; border-radius:.42rem 0 0 .42rem; color:var(--text, #22313c); background:var(--surface, #fff); font:inherit; }
.utility-search button { height:2.35rem; padding:0 .85rem; border:0; border-radius:0 .42rem .42rem 0; color:var(--text, #22313c); background:var(--secondary, #f6a21a); font-weight:700; cursor:pointer; }
.header-social-links { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:.45rem; min-height:2.25rem; }
.header-social-link { display:grid; place-items:center; width:2.25rem; height:2.25rem; border-radius:50%; color:var(--primary, #2f609e); background:var(--surface, #fff); transition:transform .16s ease, box-shadow .16s ease; }
.header-social-link:hover,.header-social-link:focus-visible { transform:translateY(-2px); box-shadow:0 .3rem .8rem rgb(0 0 0 / .18); outline:2px solid var(--secondary, #f6a21a); outline-offset:2px; }
.header-social-link svg { width:1.15rem; height:1.15rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.most-read-section { margin:2rem 0 0; padding:1.4rem; border:1px solid var(--border, #d9e1e9); border-left:.35rem solid var(--secondary, #f6a21a); border-radius:var(--radius, .75rem); background:var(--surface, #fff); box-shadow:0 .4rem 1.4rem rgb(21 47 73 / .06); }
.most-read-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.most-read-heading .eyebrow { margin:0 0 .2rem; }
.most-read-heading h2 { margin:0; font-family:var(--font-title, inherit); font-size:1.3rem; }
.most-read-list { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:.7rem; margin:0; padding:0; list-style:none; counter-reset:none; }
.most-read-list a { display:grid; grid-template-columns:minmax(0,1fr); min-height:5.8rem; padding:.78rem; border:1px solid var(--border, #d9e1e9); border-radius:.55rem; color:inherit; text-decoration:none; background:color-mix(in srgb, var(--background, #f7f9fb) 58%, var(--surface, #fff)); }
.most-read-list a:hover,.most-read-list a:focus-visible { border-color:var(--primary, #2f609e); box-shadow:0 .25rem .75rem rgb(21 47 73 / .1); outline:none; }
.most-read-list strong { display:block; overflow:hidden; color:var(--text, #22313c); font-size:.9rem; line-height:1.25; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.most-read-list small { display:block; margin-top:.35rem; color:var(--muted, #64748b); font-size:.74rem; }
.satisfaction-overlay { position:fixed; z-index:1000; inset:0; display:grid; place-items:center; padding:1.25rem; background:rgb(15 25 40 / .55); }
.satisfaction-overlay[hidden] { display:none; }
.satisfaction-dialog { position:relative; width:min(100%, 30rem); padding:2.15rem; border-radius:var(--radius, .85rem); color:var(--text, #22313c); background:var(--surface, #fff); box-shadow:0 1rem 3rem rgb(0 0 0 / .26); text-align:center; }
.satisfaction-dialog h2 { margin:0; font-family:var(--font-title, inherit); font-size:1.55rem; }
.satisfaction-dialog p { margin:.6rem 0 1.15rem; color:var(--muted, #64748b); }
.satisfaction-close { position:absolute; top:.55rem; right:.75rem; border:0; color:var(--muted, #64748b); background:transparent; font-size:1.65rem; line-height:1; cursor:pointer; }
.satisfaction-stars { display:flex; justify-content:center; gap:.3rem; margin:1rem 0; }
.satisfaction-stars button { border:0; padding:.05rem; color:#cbd5e1; background:transparent; font-size:2.1rem; line-height:1; cursor:pointer; }
.satisfaction-stars button.selected,.satisfaction-stars button:hover { color:var(--secondary, #f6a21a); }
.satisfaction-stars button:focus-visible { outline:2px solid var(--primary, #2f609e); outline-offset:2px; }
.satisfaction-dialog textarea { width:100%; min-height:5.3rem; resize:vertical; padding:.75rem; border:1px solid var(--border, #d9e1e9); border-radius:.5rem; color:inherit; font:inherit; }
.satisfaction-feedback { min-height:1.25rem; margin:.5rem 0 0!important; color:var(--primary, #2f609e)!important; font-size:.86rem; }
.satisfaction-actions { display:flex; justify-content:flex-end; gap:.65rem; margin-top:1rem; }
.satisfaction-actions button { min-height:2.45rem; padding:0 1rem; border-radius:.45rem; font:700 .9rem/1 var(--font-body, sans-serif); cursor:pointer; }
.satisfaction-skip { border:1px solid var(--border, #d9e1e9); color:var(--text, #22313c); background:var(--background, #f7f9fb); }
.satisfaction-submit { border:1px solid var(--primary, #2f609e); color:var(--surface, #fff); background:var(--primary, #2f609e); }
.satisfaction-submit:disabled { opacity:.65; cursor:wait; }
@media (max-width: 760px) { .utility-content { grid-template-columns:1fr; gap:.65rem; padding-top:.55rem; padding-bottom:.55rem; } .access-tools,.header-social-links { justify-content:center; } .utility-search { grid-row:1; } .most-read-list { grid-template-columns:1fr; } .most-read-list a { min-height:auto; } .satisfaction-dialog { padding:2rem 1.15rem 1.15rem; } }