/* Shared styles for brand service pages */
:root{
  --primary:#155e91; /* deep blue */
  --primary-700:#0f4b74;
  --accent:#2da44e; /* green */
  --accent-dark:#238636;
  --text:#243447;
  --muted:#6b7785;
  --bg:#ffffff;
  --section:#f6f8fa;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}

.container{width:92%;max-width:650px;margin:0 auto}
.header{position:sticky;top:0;background:var(--bg);z-index:10;border-bottom:1px solid #e6e8eb}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand-mini{display:flex;align-items:center;gap:10px}
.brand-mini .badge{width:36px;height:36px;border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary)}
.burger{width:24px;height:2px;background:var(--text);position:relative;border-radius:1px}
.burger:before,.burger:after{content:"";position:absolute;width:24px;height:2px;background:var(--text);left:0;border-radius:1px}
.burger:before{top:-7px}.burger:after{top:7px}

.hero{padding:28px 0 6px}
.hero .logo{margin:10px auto 8px;width:min(260px,80%);opacity:.95}
.hero h1{font-size:22px;text-align:center;margin:10px 0 14px;font-weight:700}
.hero p{color:var(--muted);text-align:center;margin:0 0 8px}

.cta{display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0 8px}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:6px;padding:12px 16px;font-weight:600;cursor:pointer}
.btn.primary{background:var(--primary);color:#fff}
.btn.primary:active{background:var(--primary-700)}
.btn.whatsapp{background:var(--accent);color:#fff}
.btn.whatsapp:active{background:var(--accent-dark)}
.btn .icon{display:inline-flex;width:20px;height:20px}
.btn .icon svg{width:100%;height:100%;fill:currentColor}

.note{background:var(--section);border:1px solid #e6e8eb;border-radius:8px;padding:12px 14px;margin:12px 0;color:#415164;font-size:14px}

.section{padding:18px 0}
.section h2{color:var(--primary);font-size:18px;margin:6px 0 10px;text-align:center}
.section p{margin:8px 0}
.steps{display:grid;gap:14px}
.card{background:#fff;border:1px solid #e6e8eb;border-radius:10px;padding:14px}
.small{font-size:13px;color:#55606f}
.center{text-align:center}
.muted{color:var(--muted)}

.testimonials{display:grid;gap:16px}
.testimonials .q{font-style:italic;color:#2d3b47}

.footer{background:#0e2f4a;color:#cfe0f1;margin-top:24px}
.footer .container{padding:22px 0}
.footer p{margin:6px 0}
.footer a{color:#cfe0f1;text-decoration:underline}

/* Sticky call now bar */
.call-now{position:fixed;left:0;right:0;bottom:0;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;padding:12px 14px;gap:8px;box-shadow:0 -2px 8px rgba(0,0,0,.08);z-index:20}
.call-now a{color:#fff;font-weight:700}
.call-now .phone{font-weight:800}

/* Mobile nav */
.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:25}
.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:320px;background:#fff;border-left:1px solid #e6e8eb;transform:translateX(100%);transition:transform .25s ease;z-index:30;padding:18px}
.mobile-nav header{font-weight:700;color:var(--primary);margin-bottom:8px}
.mobile-nav a{display:block;padding:12px 6px;border-bottom:1px solid #f0f2f4;color:var(--text);font-weight:600}
.mobile-nav a:last-child{border-bottom:none}
.nav-open .nav-backdrop{opacity:1;visibility:visible}
.nav-open .mobile-nav{transform:translateX(0)}

/* Utilities */
.spacer{height:64px}

/* Larger screens minor tweaks */
@media (min-width:700px){
  .hero h1{font-size:26px}
  .section h2{font-size:20px}
}