/* ============================================================
   MWCM Engenharia – style_satelite.css (versão completa)
   ============================================================ */
:root {
  --primary:      #ff6210;
  --primary-dark: #e0560e;
  --dark:         #111827;
  --grey:         #6b7280;
  --light-bg:     #f3f4f6;
  --white:        #ffffff;
  --border:       #e5e7eb;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Montserrat',sans-serif; color:#1f2937; line-height:1.6; background:var(--white); }
img  { max-width:100%; height:auto; display:block; }
a    { text-decoration:none; color:inherit; }
.wrapper { width:90%; max-width:1100px; margin:0 auto; }

/* --- Header --- */
.site-header-sat { background:var(--white); box-shadow:0 2px 8px rgba(0,0,0,.07); padding:.9rem 0; }
.header-inner-sat { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.logo { font-size:1.4rem; font-weight:800; text-transform:uppercase; color:var(--dark); }
.logo span { color:var(--primary); }
.btn-whats { background:#25d366; color:var(--white); padding:.65rem 1.4rem; border-radius:6px; font-weight:700; font-size:.85rem; display:inline-flex; align-items:center; gap:.4rem; transition:.3s; }
.btn-whats:hover { background:#1da851; }

/* --- Hero --- */
.hero-sat { background-image:var(--bg-image); background-size:cover; background-position:center; position:relative; min-height:440px; display:flex; align-items:center; }
.hero-sat::before { content:''; position:absolute; inset:0; background:linear-gradient(to right,rgba(17,24,39,.9) 55%,rgba(17,24,39,.5)); }
.hero-inner { position:relative; z-index:2; width:90%; max-width:700px; margin:0 auto; padding:4rem 0; }
.hero-pretitle { font-size:.82rem; font-weight:600; color:var(--primary); text-transform:uppercase; letter-spacing:.15rem; margin-bottom:.6rem; }
.hero-sat h1 { font-size:clamp(1.8rem,4vw,2.8rem); font-weight:800; color:var(--white); line-height:1.2; margin-bottom:1rem; }
.hero-sat > div > p { font-size:1rem; color:rgba(255,255,255,.85); margin-bottom:2rem; }
.hero-btns { display:flex; gap:1rem; flex-wrap:wrap; }
.btn-hero-wpp { background:#25d366; color:var(--white); padding:.85rem 1.8rem; border-radius:6px; font-weight:700; font-size:.95rem; display:inline-flex; align-items:center; gap:.5rem; transition:.3s; border:2px solid #25d366; }
.btn-hero-wpp:hover { background:#1da851; border-color:#1da851; }
.btn-hero-outline { background:transparent; color:var(--white); padding:.85rem 1.8rem; border-radius:6px; font-weight:700; font-size:.95rem; border:2px solid rgba(255,255,255,.6); transition:.3s; }
.btn-hero-outline:hover { background:rgba(255,255,255,.1); }

/* --- Conteúdo --- */
.content-sat { padding:4rem 0; }
.content-grid { display:grid; grid-template-columns:1.6fr 1fr; gap:3rem; align-items:start; }
.content-main h2 { font-size:1.6rem; font-weight:700; text-transform:uppercase; color:var(--dark); margin-bottom:1rem; }
.content-main h2 span { color:var(--primary); }
.content-main p { color:var(--grey); margin-bottom:1rem; font-size:.95rem; line-height:1.75; text-align: justify; }
.topicos { margin:1.5rem 0; }
.topicos li { display:flex; align-items:flex-start; gap:.6rem; margin-bottom:.75rem; font-size:.93rem; font-weight:600; color:var(--dark); }
.topicos li::before { content:'✔'; color:var(--primary); font-size:1rem; margin-top:.05rem; flex-shrink:0; }

/* --- Sidebar CTA --- */
.sidebar-cta { background:var(--white); border:1px solid var(--border); border-radius:12px; border-top:4px solid var(--primary); padding:2rem 1.5rem; position:sticky; top:90px; box-shadow:0 8px 24px rgba(0,0,0,.07); }
.sidebar-cta h3 { font-size:1.1rem; font-weight:700; color:var(--dark); margin-bottom:.5rem; text-transform:uppercase; }
.sidebar-cta > p { font-size:.85rem; color:var(--grey); margin-bottom:1.5rem; line-height:1.6; text-align: justify; }
.btn-wpp-full { display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%; padding:.9rem; background:#25d366; color:var(--white); border-radius:8px; font-weight:700; font-size:1rem; transition:.3s; margin-bottom:.8rem; }
.btn-wpp-full:hover { background:#1da851; }
.btn-outline-central { display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%; padding:.75rem; background:transparent; color:var(--primary); border:2px solid var(--primary); border-radius:8px; font-weight:700; font-size:.9rem; transition:.3s; }
.btn-outline-central:hover { background:var(--primary); color:var(--white); }
.sidebar-info { margin-top:1.5rem; border-top:1px solid var(--border); padding-top:1.2rem; }
.sidebar-info p { display:flex; align-items:center; gap:.5rem; font-size:.83rem; color:var(--grey); margin-bottom:.5rem; }
.sidebar-info i { color:var(--primary); width:16px; }
.sidebar-redes { display:flex; gap:.5rem; margin-top:1rem; padding-top:1rem; border-top:1px solid var(--border); }

/* Social icon buttons */
.sr-btn { width:36px; height:36px; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--white); font-size:.9rem; transition:.2s; flex-shrink:0; }
.sr-fb { background:#1877f2; } .sr-fb:hover { background:#0c5abf; }
.sr-tg { background:#229ed9; } .sr-tg:hover { background:#1284b5; }
.sr-yt { background:#ff0000; } .sr-yt:hover { background:#cc0000; }

/* --- CTA Banner --- */
.cta-banner { background:var(--primary); padding:3.5rem 0; text-align:center; }
.cta-banner h2 { font-size:1.6rem; font-weight:700; color:var(--white); margin-bottom:1.5rem; max-width:680px; margin-left:auto; margin-right:auto; }
.btn-light { display:inline-flex; align-items:center; gap:.5rem; background:var(--white); color:var(--primary); padding:.85rem 2rem; border-radius:6px; font-weight:700; font-size:.95rem; transition:.3s; border:2px solid var(--white); }
.btn-light:hover { background:transparent; color:var(--white); }

/* --- Outros Serviços --- */
.outros-servicos { background:var(--light-bg); padding:3rem 0; }
.outros-servicos h3 { font-size:1.1rem; font-weight:700; text-transform:uppercase; color:var(--dark); margin-bottom:1.5rem; letter-spacing:.05rem; }
.outros-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:.75rem; }
.outro-card { display:flex; align-items:center; gap:.7rem; padding:.85rem 1.1rem; background:var(--white); border:1px solid var(--border); border-radius:8px; font-size:.85rem; font-weight:600; color:var(--dark); transition:.2s; }
.outro-card i { color:var(--primary); font-size:.75rem; flex-shrink:0; }
.outro-card:hover { border-color:var(--primary); color:var(--primary); transform:translateX(4px); }

/* --- Rodapé --- */
.footer-sat { background:var(--dark); color:var(--white); padding:2rem 0; }
.footer-sat-inner { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:1rem; }
.footer-sat .logo { color:var(--white); }
.footer-sat address { font-style:normal; }
.footer-sat address span { display:block; font-size:.85rem; color:rgba(255,255,255,.65); margin-bottom:.4rem; }
.footer-sat address a { display:block; font-size:.85rem; color:rgba(255,255,255,.65); margin-bottom:.3rem; transition:color .2s; }
.footer-sat address a:hover { color:var(--primary); }
.footer-sat-redes { display:flex; gap:.5rem; }
.footer-sat-bottom { text-align:center; font-size:.78rem; color:rgba(255,255,255,.35); }

/* --- Responsividade --- */
@media (max-width:768px) {
  .content-grid { grid-template-columns:1fr; }
  .sidebar-cta { position:static; }
  .header-inner-sat { flex-wrap:wrap; }
  .hero-sat h1 { font-size:1.8rem; }
  .hero-btns { flex-direction:column; }
  .footer-sat-inner { flex-direction:column; }
  .outros-grid { grid-template-columns:1fr; }
}