:root{
  --navy:#101a3a;
  --blue:#1e3a8a;
  --orange:#f97316;
  --bg:#f5f7fb;
  --text:#172033;
  --muted:#667085;
  --white:#fff;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
.hero{
  min-height:520px;
  color:white;
  background:
    linear-gradient(120deg,rgba(16,26,58,.95),rgba(30,58,138,.78)),
    url("bmk-ofis.jpeg") center/cover no-repeat;
  padding:24px;
}
.nav{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center}
.brand{font-size:28px;font-weight:900;letter-spacing:.5px}
.brand span{font-weight:600;color:#dbeafe}
.nav-btn{color:white;text-decoration:none;border:1px solid rgba(255,255,255,.45);padding:10px 16px;border-radius:999px}
.hero-content{max-width:1120px;margin:110px auto 0}
.badge{display:inline-block;background:rgba(249,115,22,.95);padding:8px 14px;border-radius:999px;font-weight:700}
h1{font-size:64px;line-height:1;margin:18px 0 12px}
.subtitle{font-size:22px;max-width:620px;color:#e8eefc}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;text-decoration:none;border-radius:12px;padding:14px 20px;font-weight:800}
.primary{background:var(--orange);color:white}
.ghost{background:white;color:var(--navy)}
main{max-width:1120px;margin:-70px auto 50px;padding:0 18px}
.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}
.card,.contact-card,.map-card,.photo-card{
  background:white;border-radius:22px;padding:28px;box-shadow:0 18px 45px rgba(16,26,58,.12)
}
.card h2,.contact h2{margin-top:0;color:var(--navy)}
.card p{font-size:18px;line-height:1.7;color:var(--muted)}
.hour-row{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #eef2f7}
.hour-row:last-child{border-bottom:0}
.hour-row strong{color:var(--blue)}
.photo-card{margin-top:20px;padding:0;overflow:hidden}
.photo-card img{display:block;width:100%;max-height:560px;object-fit:cover}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.contact-card p{display:grid;gap:5px;margin:18px 0;font-size:18px}
.contact-card span{color:var(--muted);font-size:14px;font-weight:700;text-transform:uppercase}
.contact-card a{color:var(--blue);font-weight:800;text-decoration:none}
.map-card p{color:var(--muted);line-height:1.7}
.full{text-align:center;width:100%;margin-top:12px}
footer{text-align:center;background:var(--navy);color:white;padding:28px 16px}
footer p{margin:6px 0 0;color:#cbd5e1}
@media(max-width:760px){
  h1{font-size:42px}
  .subtitle{font-size:18px}
  .grid,.contact{grid-template-columns:1fr}
  .hero-content{margin-top:70px}
  .hour-row{display:block}
}