/* AccuTrace Laboratory LLP — shared site styles (extracted from per-page <style> blocks) */

/* ============================================================
   MOBILE RESPONSIVENESS (shared across all pages)
   ============================================================ */
/* Media never overflows its container (safety net for any non-fluid image) */
img { max-width: 100%; height: auto }
iframe, video, svg { max-width: 100% }
/* Long words / URLs wrap instead of forcing horizontal scroll */
body { overflow-wrap: break-word }

/* Tablet & below: tighten the brand so it never crowds the toggler */
@media (max-width: 991.98px) {
  .navbar-brand span { font-size: 1.2rem !important }
}

/* Phones */
@media (max-width: 575.98px) {
  .navbar-brand img { height: 40px !important }
  .navbar-brand span { font-size: 1.05rem !important }
  .page-hero h1 { font-size: 1.7rem !important }
  .page-hero { padding: 48px 0 34px !important }
  .section-title { font-size: 1.45rem !important }
  .stat-card .number { font-size: 1.9rem !important }
  .cta-strip { padding: 38px 0 !important }
  /* Compact floating WhatsApp button; hide the wide side label on small screens */
  .whatsapp-float { width: 52px; height: 52px; font-size: 1.55rem; bottom: 18px; right: 18px }
  .whatsapp-float .wa-label { display: none }
  /* Denser data tables so more fits before horizontal scroll kicks in */
  .instrument-table thead th, .instrument-table tbody td { font-size: .8rem; padding: 8px 10px }
}

.whatsapp-float .wa-label { position:absolute; right:70px; top:50%; transform:translateY(-50%); background:#fff; color:#1a2340; font-size:.75rem; font-weight:700; padding:7px 14px; border-radius:50px; box-shadow:0 2px 10px rgba(0,0,0,.2); white-space:nowrap }
:root { --primary:#003366; --accent:#e8a020; --light-bg:#f5f7fa; --text-dark:#1a2340 }
body { font-family:'Segoe UI',sans-serif; color:var(--text-dark) }
.top-bar { background:var(--primary); color:#fff; font-size:.85rem; padding:6px 0 }
.top-bar a { color:#fff; text-decoration:none }
.navbar { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.1) }
.navbar-brand img { height:50px }
.navbar-brand span { font-weight:700; color:var(--primary); font-size:1.5rem }
.nav-link { font-weight:600; color:var(--text-dark) !important }
.nav-link:hover, .nav-link.active { color:var(--accent) !important }
.breadcrumb-item+.breadcrumb-item::before { color:rgba(255,255,255,.5) }
.section-title span { color:var(--accent) }
.section-divider { width:60px; height:4px; background:var(--accent); border-radius:2px; margin:10px 0 20px }
footer { background:var(--text-dark); color:rgba(255,255,255,.75); padding:50px 0 24px; font-size:.9rem }
footer h6 { color:var(--accent); font-weight:700; text-transform:uppercase; letter-spacing:.6px; margin-bottom:14px }
footer a { color:rgba(255,255,255,.7); text-decoration:none; display:block; margin-bottom:6px }
footer a:hover { color:var(--accent) }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding-top:18px; margin-top:30px; font-size:.8rem; text-align:center; color:rgba(255,255,255,.5) }
.whatsapp-float { position:fixed; bottom:28px; right:28px; z-index:9999; width:58px; height:58px; border-radius:50%; background:#25D366; color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.8rem; box-shadow:0 4px 16px rgba(0,0,0,.25); text-decoration:none; transition:transform .2s }
.whatsapp-float:hover { transform:scale(1.1); color:#fff }
.page-hero h1 { font-size:2.2rem; font-weight:800 }
.section-title { font-size:1.7rem; font-weight:800; color:var(--primary) }
.instrument-table { border-radius:10px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.08) }
.instrument-table thead th { background:var(--primary); color:#fff; font-weight:600; font-size:.9rem; padding:14px 16px; border:none }
.instrument-table tbody td { padding:11px 16px; font-size:.9rem; border-color:#e5e7eb }
.instrument-table tbody tr:nth-child(even) { background:#f9fafb }
.instrument-table tbody tr:hover { background:#fffbf0 }
.other-services a { display:flex; align-items:center; padding:14px 18px; border-radius:10px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.07); text-decoration:none; color:var(--text-dark); font-weight:600; font-size:.92rem; transition:box-shadow .2s,transform .2s; margin-bottom:10px }
.other-services a:hover { box-shadow:0 4px 18px rgba(0,0,0,.13); transform:translateX(4px); color:var(--primary) }
.cta-strip { background:var(--accent); color:#fff; padding:50px 0; text-align:center }
.social-icon { width:36px; height:36px; border-radius:50%; background:rgba(255,255,255,.1); color:#fff; display:inline-flex; align-items:center; justify-content:center; margin-right:8px; text-decoration:none }
.social-icon:hover { background:var(--accent) }
.breadcrumb-item a { color:rgba(255,255,255,.75); text-decoration:none }
.breadcrumb-item.active { color:#fff }
.env-badge { display:inline-block; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.4); border-radius:6px; padding:5px 14px; font-size:.82rem; margin:4px 4px 4px 0; color:#fff; font-weight:600 }