:root{--vermelho:#b5121b;--azul:#0b3d91;--escuro:#17202a;--claro:#f5f7fa;--cinza:#6b7280;--branco:#fff;--amarelo:#f6c343}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f5f8;color:#1f2937;line-height:1.6}.topo{min-height:300px;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35)),url('topo.png') center/cover no-repeat;color:white;display:flex;align-items:center;padding:40px 8%}.topo-conteudo{max-width:760px}.topo h1{font-size:clamp(2rem,5vw,4.2rem);margin:0 0 10px;text-transform:uppercase;letter-spacing:1px}.topo p{font-size:1.2rem;margin:0;max-width:680px}.menu{position:sticky;top:0;z-index:10;background:var(--vermelho);box-shadow:0 2px 10px rgba(0,0,0,.25)}.menu ul{margin:0;padding:0 8%;list-style:none;display:flex;gap:8px;flex-wrap:wrap}.menu a{display:block;color:white;text-decoration:none;font-weight:bold;padding:15px 18px;border-bottom:4px solid transparent}.menu a:hover,.menu a.ativo{background:#8f0e15;border-bottom-color:var(--amarelo)}main{width:min(1120px,92%);margin:30px auto}.card{background:white;border-radius:16px;padding:26px;margin-bottom:24px;box-shadow:0 8px 24px rgba(15,23,42,.09)}h2{color:var(--vermelho);margin-top:0}h3{color:var(--azul)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.info{border-left:5px solid var(--vermelho);background:#fff7f7}.destaque{font-size:1.15rem;font-weight:bold;color:var(--escuro)}.tabela{width:100%;border-collapse:collapse;margin-top:12px;overflow:hidden;border-radius:10px}.tabela th,.tabela td{padding:12px;border:1px solid #dde3ea;text-align:left}.tabela th{background:var(--azul);color:white}.tabela tr:nth-child(even){background:#f8fafc}.formulario label{font-weight:bold;display:block;margin-top:14px}.formulario input,.formulario select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem}.botao{margin-top:18px;padding:13px 18px;border:0;border-radius:10px;background:var(--vermelho);color:white;font-weight:bold;cursor:pointer}.botao:hover{background:#8f0e15}.resultado{margin-top:18px;padding:18px;border-radius:12px;background:#eef6ff;border:1px solid #bcd7ff;font-size:1.1rem}.observacao{color:var(--cinza);font-size:.95rem}.partes img{max-width:100%;height:auto;display:block;margin:auto;border-radius:14px;border:1px solid #dde3ea}.desenho-hidrante{margin:18px auto 0;text-align:center}.desenho-hidrante figcaption{font-size:.95rem;color:var(--cinza);margin-top:8px}.rodape{background:#111827;color:white;text-align:center;padding:25px;margin-top:40px}@media(max-width:700px){.topo{min-height:240px;padding:30px 5%}.menu ul{padding:0;display:block}.menu a{padding:14px 20px}main{width:94%}}