/* CCI Cidades Inteligentes: shared CCI blue-and-gold visual language. */
:root{--bg:#051323;--panel:#081f35;--line:#294b68;--text:#edf5fc;--muted:#a4bdcf;--gold:#e3bf56;--cyan:#42d9e8}
body{background:radial-gradient(ellipse at 15% 0,#12385b 0,transparent 50%),#051323;color:var(--text);font:15px/1.5 Inter,"Segoe UI",Arial,sans-serif}
.wrap{max-width:1430px;margin:auto;padding:25px 30px 45px}
a{color:var(--gold);text-decoration:none}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:32px}
.wordmark{font-weight:800;letter-spacing:-.03em;color:white}
.wordmark span{color:var(--gold)}
.toplinks{display:flex;gap:22px;font-size:13px}
.hero{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:50px;align-items:center;margin:40px 0}
.eyebrow{font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.17em;text-transform:uppercase;color:var(--gold)}
.hero .title{font-size:clamp(46px,5.1vw,76px);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin:12px 0 22px;overflow-wrap:normal}
.hero .title span{color:var(--gold)}
.hero .sub{max-width:700px;font-size:18px;color:#b7cede;line-height:1.5}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.button{display:inline-block;padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:#102d46;color:var(--text);font-weight:600}
.button.primary{background:var(--gold);border-color:var(--gold);color:#0a2030}
.button:hover{border-color:var(--gold)}
.endpoint{background:radial-gradient(ellipse at 90% 0,#285172,transparent 70%),#0a243c;border:1px solid #3b617f;border-radius:15px;padding:25px;box-shadow:none;font:inherit}
.endpoint small{font:700 11px/1.5 ui-monospace,monospace;letter-spacing:.17em;color:var(--gold);margin-bottom:12px}
.endpoint b{font-size:16px;margin-bottom:20px}
.statuslinks{gap:10px}
.statuslinks a{font-size:12px;line-height:1.4;color:#b7cede;background:#09243a;border-color:#3b617f;border-radius:7px;padding:11px}
.statuslinks a:hover{color:white;border-color:var(--gold)}
.toolbar{max-width:none;display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:10px;margin:28px 0 12px;padding:18px 0;border-block:1px solid var(--line)}
.toolbar input,.toolbar select{min-width:0;width:100%;padding:11px;border:1px solid #3a607e;border-radius:7px;background:#06182a;color:var(--text);font:inherit}
.counts,.category-picker{max-width:none;color:var(--muted);font-size:13px}
.counts b{color:var(--gold)}
.category-picker{margin:18px 0 28px}
.category-picker summary{color:var(--gold)}
.category-index{max-width:none;gap:8px}
.category-index a{background:#09243a;color:#b7cede;border-color:var(--line);font-size:12px;padding:7px 10px}
#sc-catalog{max-width:none;width:auto;margin:0;padding:0}
#sc-catalog .oc5-launch-title{font-size:24px;font-weight:700;line-height:1.25;margin:0 0 8px}
#sc-catalog .oc5-launch-sub{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:22px}
#sc-catalog .oc5-category-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
#sc-catalog .oc5-category{margin:0;padding:18px;border:1px solid #2c4d6e;border-radius:11px;background:#081c30;min-width:0;scroll-margin-top:20px}
#sc-catalog .oc5-category-title{font:700 15px/1.4 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.025em;color:white;margin:0 0 16px}
#sc-catalog .oc5-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#sc-catalog .oc5-original-card{display:flex;flex-direction:column;min-height:210px;padding:16px;border:1px solid #9d883f;border-radius:8px;background:linear-gradient(155deg,#0d2b49,#071b31);color:white;transition:transform .15s,border-color .15s}
#sc-catalog .oc5-original-card:hover{transform:translateY(-2px);border-color:var(--gold);background:#103350}
#sc-catalog .oc5-card-kicker{font:700 10px/1.45 ui-monospace,monospace;letter-spacing:.06em;color:var(--gold);min-height:0;margin-bottom:11px}
#sc-catalog .oc5-card-name{font:700 18px/1.25 Inter,"Segoe UI",Arial,sans-serif;margin:0 0 10px}
#sc-catalog .oc5-card-desc{font:13px/1.5 Inter,"Segoe UI",Arial,sans-serif;color:#afc6d9;margin:0 0 18px;flex:1}
#sc-catalog .oc5-card-footer{font:700 10px/1.4 Inter,"Segoe UI",Arial,sans-serif;color:var(--gold);margin-top:auto}
#sc-catalog .oc5-original-card.planned{border-color:#456681!important}
#sc-catalog .oc5-original-card.planned:hover{border-color:var(--gold)!important}
#sc-catalog .oc5-card-arc{opacity:.45}
.architecture{margin-top:28px;background:#081c30;border-color:var(--line);padding:22px}
.architecture h3{color:var(--muted);font-size:12px}
.pipeline .node{border-color:var(--line);font:11px/1.5 ui-monospace,monospace}
.pipeline .node.bus,.pipeline .node.cop{border-color:#9d883f;color:var(--gold)}
.footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:36px;padding-top:20px;color:var(--muted);font:12px/1.5 Inter,"Segoe UI",Arial,sans-serif}
.footer a{color:var(--gold)}
.footer .dot{display:none}
.detail{margin-top:32px}.detail h1{letter-spacing:-.035em}.detail section{border-color:var(--line)}
@media(max-width:1100px){.hero{gap:25px}#sc-catalog .oc5-category{padding:14px}#sc-catalog .oc5-card-name{font-size:17px}}
@media(max-width:820px){.hero{grid-template-columns:minmax(0,1fr);gap:25px}#sc-catalog .oc5-category-layout{grid-template-columns:1fr}.toplinks{gap:12px;font-size:12px}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.hero .title{font-size:55px}}
@media(max-width:520px){.wrap{padding:20px 14px}.topbar{align-items:start;gap:14px}.wordmark{max-width:190px;line-height:1.35}.toplinks{flex-direction:column;gap:5px;font-size:11px}.hero{margin:26px 0}.hero .title{font-size:43px}.hero .sub{font-size:16px}.endpoint{padding:20px}.toolbar{grid-template-columns:1fr}.toolbar input{grid-column:auto}.statuslinks{grid-template-columns:1fr!important}#sc-catalog .oc5-category-grid{grid-template-columns:1fr}#sc-catalog .oc5-card-name{font-size:19px}#sc-catalog .oc5-card-desc{font-size:14px}#sc-catalog .oc5-original-card{min-height:190px}.category-index{display:flex}.footer{display:block}.footer span{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){#sc-catalog .oc5-original-card{transition:none}}