/* Main-site presentation around the imported election components. */
:root{--election-warning-text:var(--color-text-news);--election-warning-bg:color-mix(in srgb,var(--color-accent-daylight) 28%,var(--color-bg-surface))}
.election-site-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-bg-brand);color:var(--color-text-on-dark);font:var(--type-label)}
.election-site-links a,.election-site-links button{display:inline-flex;align-items:center;min-height:var(--target-min)}
.election-site-links button{border:0;background:none;color:inherit;padding:0;text-decoration:underline}
.election-site-links :focus-visible{outline-color:var(--color-focus-dark)}
body[data-view] .election-pages{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--space-6);width:min(var(--content-max),calc(100% - 2 * var(--gutter)));margin-inline:auto;padding-block:var(--space-2);color:var(--color-text-on-dark)}
body[data-view=election-map] .election-pages{width:min(1400px,calc(100% - 2 * var(--map-gutter)))}
body[data-view] .election-pages a{display:inline-flex;align-items:center;min-height:var(--target-min);padding-block:var(--space-2);border-bottom:3px solid transparent;font:var(--type-label);text-decoration:none}
body[data-view] .election-pages a:first-child{display:inline-flex}
body[data-view] .election-pages a[aria-current=page]{border-color:var(--color-accent-sun);color:var(--color-accent-sun)}
body[data-view] .election-pages a:hover{text-decoration:underline}
body[data-view] .election-pages a:focus-visible{outline-color:var(--color-focus-dark)}
.map-background-note{position:absolute;left:var(--space-4);bottom:var(--space-12);max-width:30ch;padding:var(--space-2);background:var(--color-bg-surface);color:var(--color-text-news);font:var(--type-caption);pointer-events:none}
.election-entry{background:var(--color-bg-news);color:var(--color-text-on-dark);padding:var(--space-8) 0;border-bottom:1px solid var(--color-border-on-dark)}
.election-entry__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}
.election-entry h2{margin-top:var(--space-2);font:var(--type-heading-2)}
.election-entry h2 span{color:var(--color-accent-sun)}
.election-entry p:not(.legenda){margin-top:var(--space-2);max-width:54ch}
.election-entry__links{display:flex;flex-direction:column;align-items:stretch;flex:none;gap:var(--space-2)}
.election-entry__link{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex:none;min-height:var(--target-media);padding:0 var(--space-4);border:1px solid var(--color-accent-sun);border-radius:var(--radius-round);background:var(--color-accent-sun);color:var(--color-text-primary);font:var(--type-label);text-decoration:none}
.election-entry__link--secondary{background:var(--color-bg-canvas);color:var(--color-text-primary);border-color:var(--color-bg-canvas)}
.election-entry__link:hover{text-decoration:underline}
.election-entry__link:focus-visible{outline-color:var(--color-focus-dark)}
.election-local{margin-block:var(--space-8);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-primary)}
.election-places summary{min-height:var(--target-min);cursor:pointer;font:var(--type-label);align-content:center}
.election-places summary:focus-visible{outline:2px solid var(--color-focus-light);outline-offset:4px}
body[data-view] .election-local h2{font:var(--type-heading-2);margin-bottom:var(--space-4)}
.election-local p{margin-block:var(--space-3);line-height:1.6}
body[data-view] .election-city-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-2);margin-top:var(--space-4)}
body[data-view] nav.election-city-links a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--target-min);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font:var(--type-label);text-decoration:none}
body[data-view] nav.election-city-links a:hover,body[data-view] nav.election-city-links a[aria-current=page]{background:var(--color-bg-canvas);text-decoration:underline}
.election-city-links span{font:var(--type-caption)}
.election-places ol{padding-left:var(--space-6)}
.election-places li{padding-block:var(--space-4);border-top:1px solid var(--color-border-subtle)}
.election-places h3{font:var(--type-label)}
@media(max-width:767px){
  body[data-view=election-map][data-map-mode=goias] .city-search{min-width:0}
  body[data-view=dashboard] .masthead-inner{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-block:var(--space-3)}
  body[data-view=dashboard] .masthead-brand img{width:160px}
  body[data-view=dashboard] .masthead-nav{gap:var(--space-4);margin-top:0;flex-wrap:wrap}
  body[data-view=dashboard] .masthead-nav a[href='/#a-radio'],body[data-view=dashboard] .masthead-nav a[href='/#fale']{display:none}
  body[data-view=dashboard] .page-heading{padding-block:var(--space-4)}
  body[data-view=dashboard] .page-heading-top{gap:var(--space-3)}
  body[data-view=dashboard] .coverage-control{margin-top:var(--space-3);gap:var(--space-3)}
  body[data-view=dashboard] .coverage-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}
  body[data-view=dashboard] #live-search-control,body[data-view=dashboard] #history-search-control{grid-column:1/-1}
  body[data-view=dashboard] .coverage-favorites p{display:none}
  .election-entry__inner{align-items:start;flex-direction:column;gap:var(--space-4)}
  .election-entry__links{justify-content:flex-start;width:100%}
  .topo__nav{gap:var(--space-4);flex-wrap:wrap}
}
