html, body { height: 100%; overflow-x: hidden; }
body { margin:0; font-family:'Segoe UI', Tahoma, sans-serif; padding:0; display:flex; flex-direction:column; min-height:100vh; color:#0b1420; }
header { background:#0d6efd; color:#fff; padding:18px 0; text-align:center; }
header nav a { color:#fff; margin:0 12px; text-decoration:none; font-weight:600; position:relative; padding:6px 10px; border-radius:8px; transition: background .2s ease, transform .05s ease; }
header nav a:hover{ background: rgba(255,255,255,.14); }
header nav a:active{ transform: translateY(1px); }
.hero { background:#0d6efd; color:#fff; text-align:center; padding: clamp(28px, 6.5vw, 64px) 16px; }
.hero h2, .hero p { color:#fff; }
.contato-hero { margin-top:10px; font-size: clamp(0.96rem, 1.1vw, 1.08rem); color:#fff; }
.hero h1 { font-size: clamp(1.6rem, 2.8vw, 2.4rem); margin-bottom:8px; }
.hero h2 { font-size: clamp(1.1rem, 2vw, 1.6rem); margin-bottom:10px; }
.hero p { max-width:980px; margin:0 auto 8px; font-size: clamp(0.98rem, 1.05vw, 1.08rem); }
main { flex:1 0 auto; }
section { text-align:left; }
section h3 { margin:0 0 8px; font-size:1.15rem; }
section p { margin:0 0 10px; }
footer { background:#0b3140; color:#fff; text-align:center; padding:16px; margin-top:auto; }
footer a{ color:#a8e6ff; text-decoration:none; }
footer a:hover{ text-decoration:underline; }