:root{
  --primary-blue:#1977cc;--sky-blue:#1977cc;--royal-blue:#1977cc;--navy-blue:#1977cc;
  --light-bg:#f6f9fe;--white:#ffffff;--soft-gray:#f8f9fa;--text-dark:#2d3a4b;--text-light:#6c757d;--transition:.3s ease}
*{box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
body{margin:0;font-family:'Inter','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.7;color:var(--text-dark);background:var(--light-bg)}

/* --- Sticky fixed header (no overlap) --- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1030;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,.08)}
.header-spacer{height:132px} /* JS will adjust height precisely */
.header-top-bar{background:linear-gradient(90deg,var(--sky-blue),var(--primary-blue));padding:6px 0;color:#fff;font-size:.9rem}
.header-top-bar a{color:#fff}
.header-top-bar .social-icons a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;margin-left:6px}

#navbar{background:var(--royal-blue)}
.navbar-brand img{height:36px;width:auto} /* Small logo */
.navbar-toggler{border:0}
.navbar-toggler .fas{color:#fff;font-size:20px}
.nav-link{font-weight:600;letter-spacing:.2px;padding:10px 12px!important;color:#fff!important}
.nav-link:hover{color:var(--sky-blue)!important}

/* Dropdown */
.dropdown-menu{border:none;box-shadow:0 10px 30px rgba(0,0,0,.1);border-radius:12px;margin-top:10px;background:#fff;padding:10px 0;border-left:4px solid var(--primary-blue)}
.dropdown-item{padding:10px 18px;color:var(--text-dark);font-size:.95rem}
.dropdown-item:hover{background:var(--light-bg);padding-left:24px;color:var(--primary-blue)}

/* Sections */
section{padding:80px 0;position:relative}
.section-title{text-align:center;margin-bottom:40px}
.info-box{background:#fff;border-left:5px solid var(--primary-blue);border-radius:12px;padding:22px;box-shadow:0 5px 20px rgba(0,0,0,.05);height:100%;text-align:center}
.service-card{background:linear-gradient(135deg,var(--light-bg),#fff);border-radius:15px;transition:var(--transition);height:100%;padding:28px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.service-card:hover{transform:translateY(-6px)}

/* Footer */
footer.footer{background:linear-gradient(135deg,var(--navy-blue),var(--royal-blue));color:#fff;padding:70px 0 0}
.footer-menu a{color:rgba(255,255,255,.85)}
.footer-menu a:hover{color:var(--sky-blue)}

/* Floating buttons */
.floating-contacts{position:fixed;right:18px;bottom:18px;z-index:1200;display:flex;flex-direction:column;gap:12px}
.fab-btn{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.fab-btn i{font-size:22px}
.fab-btn.whatsapp{background:linear-gradient(135deg,#25D366,#128C7E)}
.fab-btn.call{background:linear-gradient(135deg,#20c997,#149279)}
.back-to-top{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-blue),var(--royal-blue));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}

/* Responsive */
@media (max-width:991.98px){
  .header-top-bar .top-right-bar{font-size:.95rem}
  section{padding:60px 0}
  .navbar-brand img{height:34px}
}
@media (max-width:767.98px){
  section{padding:50px 0}
  .header-top-bar{display:none}
  .navbar-brand img{height:32px}
}