:root{
  --blue:#1767a8;
  --dark-blue:#0b3357;
  --green:#79bd35;
  --text:#223044;
  --muted:#687386;
  --bg:#f5f9fc;
  --card:#ffffff;
  --border:#dfe9f2;
  --shadow:0 18px 50px rgba(15,65,105,.11);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}
a{color:inherit}
.container{width:min(1120px,92%);margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:20px}
.brand{display:flex;gap:12px;text-decoration:none;align-items:center}
.brand-mark{background:var(--blue);color:white;font-weight:800;font-size:26px;padding:6px 13px;border-radius:6px;position:relative}
.brand-mark:after{content:"";position:absolute;right:8px;top:-6px;width:35px;height:14px;background:var(--green);border-radius:14px 14px 4px 4px}
.brand span{display:block;color:var(--muted);font-size:13px;margin-top:-3px}
nav{display:flex;gap:18px;flex-wrap:wrap}
nav a{text-decoration:none;font-weight:700;color:var(--dark-blue);font-size:14px}
.hero{background:linear-gradient(135deg,#ffffff 0%,#eaf5ff 100%);padding:70px 0 54px;border-bottom:1px solid var(--border)}
.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-weight:800;font-size:13px}
h1{font-size:clamp(38px,6vw,68px);line-height:1.04;margin:10px 0;color:var(--dark-blue)}
.hero-text{font-size:20px;color:var(--muted);max-width:650px}
.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.btn{padding:12px 20px;border-radius:999px;text-decoration:none;font-weight:800;display:inline-block}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid var(--blue);color:var(--blue);background:#fff}
.doctor-card{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;padding:28px}.doctor-card h2{color:var(--dark-blue);margin:4px 0}.label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:800}.clinic-strip{margin-top:18px;background:#f1f8ed;border-left:4px solid var(--green);padding:12px;border-radius:8px;font-weight:700;color:#45613a}
.intro-box{background:#fff;border:1px solid var(--border);border-radius:20px;padding:28px;margin-top:38px;box-shadow:var(--shadow)}
.intro-box h2{margin:0 0 8px;color:var(--dark-blue)}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:36px 0 70px}.info-card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:25px;box-shadow:0 12px 30px rgba(15,65,105,.07);transition:.25s}.info-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.icon{font-size:34px}.info-card h3{color:var(--dark-blue);line-height:1.25}.info-card p{color:var(--muted);font-size:15px}.info-card a{color:var(--blue);font-weight:800;text-decoration:none}
.page-hero{background:#fff;padding:42px 0;border-bottom:1px solid var(--border)}.breadcrumb{font-size:14px;color:var(--muted)}.page-hero h1{font-size:clamp(34px,5vw,54px)}.content-wrap{display:grid;grid-template-columns:1fr 320px;gap:28px;padding:42px 0 70px}.article{background:#fff;border:1px solid var(--border);border-radius:22px;padding:34px;box-shadow:var(--shadow)}.article h2{color:var(--dark-blue);margin-top:28px}.article h2:first-child{margin-top:0}.article li{margin-bottom:12px}.note-box,.warning-box{border-radius:16px;padding:18px;margin:24px 0}.note-box{background:#eff8ff;border-left:5px solid var(--blue)}.warning-box{background:#fff8ed;border-left:5px solid #f2a13b}.side-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;position:sticky;top:92px;box-shadow:var(--shadow)}.side-card a{display:block;text-decoration:none;border-bottom:1px solid var(--border);padding:10px 0;color:var(--dark-blue);font-weight:700}.print-btn{width:100%;border:0;background:var(--blue);color:white;border-radius:12px;padding:12px;font-weight:800;cursor:pointer;margin-top:15px}.whatsapp-btn{display:block!important;text-align:center;background:#eaf8ed;border:1px solid #bfe7c8;border-radius:12px;margin-top:14px;color:#176b2c!important}.site-footer{background:var(--dark-blue);color:#fff;padding:28px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.site-footer p{margin:5px 0;color:#d8e7f5}.site-footer a{color:#fff}
@media(max-width:900px){.hero-grid,.content-wrap,.footer-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}nav{display:none}.side-card{position:static}}
@media(max-width:560px){.card-grid{grid-template-columns:1fr}.article{padding:23px}.hero{padding:42px 0}.nav-wrap{align-items:flex-start}.brand-mark{font-size:20px}}
@media print{.site-header,.site-footer,.side-card,.hero-actions{display:none}.content-wrap{display:block}.article{box-shadow:none;border:0}.page-hero{padding:0}.container{width:100%}body{background:#fff}}

site-header {

  background: #ffffff;

  border-bottom: 1px solid #e6eef5;

  padding: 12px 0;

  position: sticky;

  top: 0;

  z-index: 100;

}

.nav-wrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 24px;

}

.brand,

.brand-logo {

  display: flex;

  align-items: center;

  text-decoration: none;

  flex-shrink: 0;

}

.brand-logo img {

  width: 180px;

  max-width: 100%;

  height: auto;

  display: block;

}

.site-header nav {

  display: flex;

  align-items: center;

  gap: 22px;

}

.site-header nav a {

  font-size: 14px;

  font-weight: 600;

  color: #0b3d67;

  text-decoration: none;

  line-height: 1;

}

.site-header nav a:hover {

  color: #78be20;

}

/* Mobile Header */

@media (max-width: 768px) {

  .site-header {

    padding: 10px 0;

  }

  .nav-wrap {

    flex-direction: column;

    justify-content: center;

    gap: 12px;

  }

  .brand-logo img {

    width: 150px;

  }

  .site-header nav {

    gap: 14px;

    flex-wrap: wrap;

    justify-content: center;

  }

  .site-header nav a {

    font-size: 12px;

  }

}

.site-header .brand-logo {

  width: auto !important;

  max-width: 220px !important;

  display: flex !important;

  align-items: center !important;

}

.site-header .brand-logo img {

  width: 170px !important;

  max-width: 170px !important;

  height: auto !important;

  display: block !important;

  object-fit: contain !important;

}

/* Tablet and phone */

@media screen and (max-width: 768px) {

  .site-header .nav-wrap {

    flex-direction: column !important;

    align-items: center !important;

    gap: 10px !important;

  }

  .site-header .brand-logo img {

    width: 130px !important;

    max-width: 130px !important;

  }

  .site-header nav {

    display: flex !important;

    justify-content: center !important;

    flex-wrap: wrap !important;

    gap: 12px !important;

  }

}

/* Small phones */

@media screen and (max-width: 480px) {

  .site-header .brand-logo img {

    width: 115px !important;

    max-width: 115px !important;

  }

  .site-header {

    padding: 8px 0 !important;

  }

}