:root{
--bs-primary: #EC3237;
--bs-primary-rgb: 13, 110, 253;
--clinical-blue: #0284c7;
--clinical-teal: #0d9488;
--dark-slate: #1e293b;
--light-bg: #f8fafc;
--dark-blue: #112233;
--bright-sky:#00B2EA;
--strawberry-red: #EC3237;
--red:#EC3237;--black:#000000;--blue:#00B2EA;--white:#FEFDFD;--dark:#363435;--muted:#6b6b6b;--soft-blue:#eaf9fe;--soft-red:#fff0f1;--border:#e5e7eb;--shadow:0 12px 35px rgba(54,52,53,.10);--radius:18px;
}
*{box-sizing:border-box}
a{text-decoration: none !important;}
body{font-family:Inter,sans-serif;color:var(--ink);background:#fff}
.navbar-brand{font-size:1.1rem;color:var(--ink)}
.navbar-brand strong{font-size:1.5rem;color:var(--primary)}
.navbar-brand small{font-family:Inter;font-size:.65rem;letter-spacing:.08em;color:#777}
.brand-mark{width:75px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:1.6rem}
.brand-mark img{width:75px;}
.nav-link{font-weight:600;margin-inline:.25rem}
.nav-link:hover,.nav-link.active{color:var(--primary)!important}

header h1 span{color:var(--strawberry-red)!important; }

.btn-primary{background:var(--primary);border-color:var(--primary)}
.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.btn-outline-primary{color:var(--primary);border-color:var(--primary)}
.btn-outline-primary:hover{background:var(--primary);border-color:var(--primary)}

.top-bar i{color:var(--bright-sky);}

.hero-section{background:radial-gradient(circle at 85% 20%,#ffe3e5 0,transparent 30%),linear-gradient(135deg,#fff,#fff5f5);padding:1rem 0 5rem;border-bottom:1px solid #f1dcdc;}
.hero-section .lead{font-size: small;}
.badge-soft{display:inline-block;background:#ffe8ea;color:var(--primary);padding:.45rem .9rem;border-radius:50rem;font-weight:700}

.hero-stat{border:1px solid var(--border);border-radius:14px;padding:1rem;height:100%;background:#fff}.hero-stat i{color:var(--red);font-size:1.35rem}

.hero-card{background:#fff;border:1px solid #f1dddd;border-radius:28px;padding:2.5rem;box-shadow:0 25px 60px rgba(140,0,0,.12);}
.hero-icon{width:90px;height:90px;border-radius:24px;background:#fff0f1;display:grid;place-items:center;font-size:3rem;margin-bottom:1.25rem}

.stat-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1rem;text-align:center}
.stat-card strong{display:block;font-size:1.4rem;color:var(--primary)}
.stat-card span{font-size:.85rem;color:var(--muted)}


.trust-stripX{background:var(--primary);color:#fff;padding:1.15rem 0;font-weight:700}
.trust-stripX span{background:#fff;color:var(--primary);border-radius:50%;padding:.05rem .35rem;margin-left:.35rem}

/* =========================================================
       TRUST STRIP
       ========================================================= */
    .trust-strip {margin:1rem 0 5rem;
      background: var(--dark);
      color: #fff;
    }

    .trust-item {
      display: flex;
      align-items: center;
      gap: 13px;
      padding: 25px 10px;
    }

    .trust-item i {
      color: var(--red);
      font-size: 1.5rem;
    }

    .trust-item strong {
      display: block;
      font-size: .95rem;
    }

    .trust-item span {
      color: #b8c2c6;
      font-size: .78rem;
    }

.section-padding{padding:5rem 0}
.section-padding p{font-size:smaller;}
.section-heading{text-align:center;max-width:700px;margin:0 auto 3rem}
.section-heading>span,.section-kicker{color:var(--primary);font-weight:800}
.section-heading h2{font-weight:800;margin:.5rem 0}
.section-heading {  color:var(--muted);}
.section-padding .trust-item{gap: 5px;
      padding: 2px 2px;}
.service-card,.info-card,.package-card{height:100%;background:#fff;border:1px solid var(--border);border-radius:22px;padding:1.7rem;transition:.25s}
.service-card:hover,.info-card:hover,.package-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.service-icon,.icon-box{font-size:2rem;width:60px;height:60px;border-radius:16px;background:#fff0f1;display:grid;place-items:center;margin-bottom:1rem;color:var(--red);}

.service-card h5{font-weight:800}
.service-card p,.info-card p{font-size:smaller; color:var(--muted)}
.service-card a{color:var(--primary);font-weight:700;text-decoration:none}
.package-card{position:relative}
.package-card.featured{border:2px solid var(--primary);box-shadow:0 15px 40px rgba(201,0,18,.12)}
.popular{position:absolute;top:15px;left:15px;background:var(--primary);color:#fff;padding:.3rem .7rem;border-radius:50rem;font-size:.75rem}
.price{font-size:2rem;font-weight:800;color:var(--primary);margin:1rem 0}
.package-card ul{padding-right:1.2rem;color:#555;line-height:2}
.feature-list{display:grid;gap:1rem;margin-top:2rem}
.feature-list>div{display:flex;gap:1rem;align-items:center}
.feature-list b{width:44px;height:44px;border-radius:12px;background:#fff0f1;color:var(--primary);display:grid;place-items:center}
.feature-list span{display:flex;flex-direction:column}
.feature-list small{color:var(--muted)}
.portal-card{background:#fff;border:1px solid var(--border);border-radius:28px;padding:2rem;box-shadow:0 18px 45px rgba(0,0,0,.07)}
.booking-card{background:#fff;border-radius:26px;padding:2rem;color:var(--ink);box-shadow:0 20px 60px rgba(0,0,0,.12)}
.booking-card label{font-weight:700;margin-bottom:.4rem}
.form-control,.form-select{border-radius:12px;padding:.75rem 1rem;border-color:#ddd}
.contact-mini{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.12);padding:1rem 1.2rem;border-radius:14px;margin-top:1rem}
.info-card>div:first-child{font-size:2rem;margin-bottom:.7rem}
.footer{background:#171717;color:#bbb}
.whatsapp{position:fixed;bottom:22px;left:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#1faa59;color:#fff;text-decoration:none;font-size:1.7rem;box-shadow:0 10px 25px rgba(0,0,0,.2);z-index:1000}
@media(max-width:767px){
  .hero-section{padding:2.5rem 0}
  .section-padding{padding:3.5rem 0}
  .display-4{font-size:2.5rem}
  .hero-card{padding:1.5rem}
}

.top-bar {
    background-color: var(--strawberry-red);
    font-size: 0.9rem;
}
.top-bar a{ text-decoration: none !important; color: #fff;}
/* =========================================================
       CONTACT
       ========================================================= */
    .contact-card {
      height: 100%;
      padding: 28px;
      border-radius: 16px;
      background: #fff;
      border: 1px solid var(--border);
    }

    .contact-item {
      display: flex;
      gap: 15px;
      margin-bottom: 23px;
    }

    .contact-icon {
      flex: 0 0 43px;
      height: 43px;
      border-radius: 11px;
      background: rgba(0, 178, 234, .1);
      color: var(--primary-dark);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .contact-item strong {
      display: block;
      font-size: .86rem;
    }

    .contact-item span,
    .contact-item a {
      color: #738087;
      font-size: .83rem;
    }

    .map-wrapper {
      min-height: 390px;
      height: 100%;
      overflow: hidden;
      border-radius: 18px;
      border: 1px solid var(--border);
    }

    .map-wrapper iframe {
      width: 100%;
      height: 100%;
      min-height: 390px;
      border: 0;
    }

    /* =========================================================
       FOOTER
       ========================================================= */
    footer {
      background: #202020;
      color: #fff;
    }

    footer h3 {
      font-size: .95rem;
      font-weight: 800;
      margin-bottom: 18px;
    }

    footer p,
    footer li,
    footer a {
      color: #adb6ba;
      font-size: .82rem;
    }

    footer a:hover {
      color: var(--primary);
    }

    footer ul {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    footer li {
      margin-bottom: 8px;
    }

    .footer-logo {
      filter: brightness(0) invert(1);
      max-height: 65px;
      object-fit: contain;
      object-position: left;
    }

    .social-link {
      width: 38px;
      height: 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #4a4a4a;
      border-radius: 50%;
      color: #fff;
      margin-right: 5px;
    }

    .social-link:hover {
      color: #fff;
      background: var(--primary);
      border-color: var(--primary);
    }

    .footer-bottom {
      border-top: 1px solid #3c3c3c;
      padding-top: 20px;
      margin-top: 40px;
    }

    /* =========================================================
       FLOATING CALL BUTTON
       ========================================================= */
    .floating-call {
      position: fixed;
      right: 18px;
      bottom: 18px;
      width: 54px;
      height: 54px;
      border-radius: 50%;
      background: var(--red);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 8px 25px rgba(236, 50, 55, .35);
      z-index: 1020;
    }

    .floating-call:hover {
      color: #fff;
      background: #c9272c;
    }