/* Novidades: /novidades/ and /novidades/{slug}/. From _prototype/novidades.html
   and noticia.html; the news card itself lives in app.css (.news-card). */

/* ---- list ---- */
.nv-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.nv-filters .pill-row{flex:1}
.nv-visa{display:flex;gap:8px;align-items:center}
.nv-visa select{max-width:250px}
.nv-count{font-size:13.5px;color:var(--muted);margin:0 0 12px}
.nv-list{display:grid;gap:14px}
.how-card{padding:18px 20px}
.how-card h3{font-size:15px;margin:0 0 10px;display:flex;gap:8px;align-items:center}
.how-card h3 svg{width:16px;height:16px;color:var(--petrol)}
.how-card ol{margin:0;padding-left:18px;font-size:13.5px;color:var(--muted);line-height:1.55;display:grid;gap:6px}
.how-card p{margin:10px 0 0;font-size:12.5px;color:var(--faint)}

/* ---- article ---- */
.art-head{background:#fff;border-bottom:1px solid var(--line);padding:6px 0 30px}
.art-head h1{font-size:clamp(26px,3.4vw,38px);line-height:1.15;margin:12px 0 12px;max-width:26ch}
.art-head .lead{margin:0 0 16px;max-width:64ch}
.art-head .tag-visa{text-decoration:none}
.art-example{margin:6px 0 12px}
.art-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:13.5px;color:var(--muted)}
.art-meta svg{width:14px;height:14px;vertical-align:-2.5px}
.art-body>section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px;margin-bottom:18px}
.art-body h2{font-size:19px;margin:0 0 14px;display:flex;align-items:center;gap:9px}
.art-body h2 svg{width:18px;height:18px;color:var(--petrol)}
.art-notice{margin-top:8px}
.changes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.changes li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55}
.changes li svg{width:18px;height:18px;flex:none;color:var(--petrol);margin-top:3px}
.art-find-lead{margin:-6px 0 14px;font-size:14.5px}
.art-find-all{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}
.share-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.src-box{font-size:13.5px;color:var(--muted);line-height:1.6}
.src-box a{color:var(--petrol)}
.find-grid{display:grid;gap:12px}
.rel-list{display:grid;gap:10px}
.aside-card{padding:18px 20px}
.aside-card h3{font-size:15px;margin:0 0 12px;display:flex;gap:8px;align-items:center}
.aside-card h3 svg{width:16px;height:16px;color:var(--petrol)}
@media (max-width:560px){ .art-body>section{padding:18px} .nv-visa{width:100%} .nv-visa select{max-width:none;flex:1} }

/* ---- visa alerts box (template-parts/alert-box.php) ---- */
.alert-box{margin-bottom:18px}
.alert-box .notice{margin:0 0 12px}
.ab-visas{border:0;margin:0 0 4px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
@media (max-width:420px){ .ab-visas{grid-template-columns:1fr} }
.alert-box .ab-hint{font-size:12.5px;margin:0 0 10px}
.alert-box .lbl{color:#fff}
/* Green on the green panel would vanish: the one light button on it. */
.alert-box .ab-submit{margin-top:10px;background:#fff;color:var(--petrol)}
.alert-box .ab-submit:hover{background:var(--petrol-wash)}
.alert-box .cl-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* Combobox (2026-09-25): a caixa ocupa o lugar do select. */
.nv-visa .bcb{flex:0 1 250px;min-width:0}
@media (max-width:560px){ .nv-visa .bcb{flex:1 1 auto} }