:root{--navy:#0b1927;--navy2:#132438;--gold:#d1ad71;--goldlight:#efdab5;--white:#fff;--line:#d7dce2;--muted:#5c6975;color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background:var(--navy)}
body{display:flex;justify-content:center;align-items:center}
button,a,input{font:inherit;-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #3f96cd;outline-offset:3px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.card{width:min(100vw,calc(100dvh * 941 / 1672));aspect-ratio:941 / 1672;position:relative;flex:none;max-height:100dvh;box-shadow:0 0 40px #0004;line-height:0}
.card-art{width:100%;height:100%;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;z-index:2;border:0;background:transparent;color:transparent;text-decoration:none;cursor:pointer;border-radius:12px;touch-action:manipulation;padding:0;margin:0}
.hotspot:hover{background:#ffffff16}
.hotspot:focus-visible{outline:3px solid #8cc8ff;outline-offset:-3px;background:#ffffff20}
/* Exact coordinates of the approved 941 × 1672 artwork. */
.wa-number{left:17.5%;top:50.72%;width:64%;height:6.1%;border-radius:60px}
.about{left:4.7%;top:57.90%;width:43.6%;height:5.23%}
.services{left:50.3%;top:57.90%;width:44.3%;height:5.23%}
.call{left:4.7%;top:63.65%;width:43.6%;height:5.27%}
.whatsapp{left:50.3%;top:63.65%;width:44.3%;height:5.27%}
.offices{left:4.7%;top:69.42%;width:43.6%;height:5.29%}
.save{left:50.3%;top:69.42%;width:44.3%;height:5.29%}
.appointment{left:4.3%;top:75.88%;width:90.1%;height:5.54%;border-radius:60px}
.tlc{left:30%;top:86.85%;width:28.6%;height:4.1%;border-radius:45px}
.mtp{left:60.1%;top:86.85%;width:29%;height:4.1%;border-radius:45px}
.sheet{border:1px solid #405063;background:#f9fafb;color:var(--navy);width:min(94vw,620px);max-height:min(88vh,780px);max-height:min(88dvh,780px);border-radius:19px;padding:0;overflow:hidden;box-shadow:0 20px 80px #0009}
.sheet::backdrop{background:rgba(1,8,15,.78);backdrop-filter:blur(4px)}
.sheet[open]{display:flex;flex-direction:column}
.sheet-header{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(120deg,var(--navy),#1b3045);color:#fff;flex:none}
.sheet-title-group{min-width:0}.eyebrow{display:block;font-size:.66rem;letter-spacing:.16em;font-weight:700;color:var(--gold);margin-bottom:4px}
.sheet-header h2{font-size:clamp(1.18rem,4vw,1.55rem);font-family:Georgia,"Times New Roman",serif;letter-spacing:.01em;margin:0;font-weight:600;line-height:1.15}
.sheet-close{border:1px solid #ffffff50;color:#fff;background:#ffffff14;width:38px;height:38px;display:grid;place-items:center;font-size:1.7rem;line-height:1;border-radius:50%;flex:none}
.tabs{display:flex;overflow-x:auto;scrollbar-width:thin;gap:3px;flex:none;padding:9px 11px 8px;border-bottom:1px solid #e3e4e5;background:white}
.tab{border:0;background:transparent;white-space:nowrap;font-size:.77rem;font-weight:650;color:#536170;padding:10px 12px;border-radius:22px;transition:background .12s}
.tab.active{background:#17283b;color:#fff}
.sheet-scroll{padding:20px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;flex:1;line-height:1.6;font-size:.9rem}
.sheet-scroll p{margin:0 0 15px;line-height:1.66}
.panel[hidden],.muted[hidden]{display:none}
.section-heading{margin:0 0 14px}.section-heading h3{font:600 1.4rem/1.15 Georgia,"Times New Roman",serif;margin:4px 0 0;color:#102338}
.overline{font-weight:750;font-size:.66rem;letter-spacing:.16em;color:#917248}
.panel h4{font-size:1.05rem;margin:0 0 11px}
.muted{color:var(--muted);font-size:.81rem}
.info-strip{background:#f0ece5;border-left:3px solid #b9945d;padding:14px 16px;border-radius:3px 10px 10px 3px;margin:16px 0;line-height:1.7}
.feature-list{list-style:none;margin:10px 0;padding:0;display:grid;gap:9px}
.feature-list li{background:#fff;border:1px solid #e2e5e9;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.feature-list strong{line-height:1.4}.feature-list span{color:var(--muted);font-size:.84rem}
.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.certificate-card{border:1px solid #dce0e4;border-radius:12px;background:#fff;text-decoration:none;display:block;overflow:hidden;text-align:center;color:var(--navy)}
.certificate-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#e9edf0}
.certificate-card span{display:block;padding:9px 4px 11px;font-size:.75rem;font-weight:650}
.language-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}.language-cards div{background:#fff;border:1px solid #d8dde1;padding:15px;text-align:center;border-radius:12px;font-weight:700}
.sheet-footer{padding:12px 17px 16px;border-top:1px solid #dce0e4;flex:none;background:#fff}
.primary-link{display:flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(110deg,#eac990,#c9a163);color:#122338;padding:12px 16px;min-height:45px;text-decoration:none;border-radius:11px;font-weight:750;font-size:.9rem}
.primary-link span{font-size:1.15rem}
.services-scroll{padding-top:17px}.focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.focus-grid div{border:1px solid #ddc9aa;background:#fffaf1;color:#29405a;border-radius:12px;min-height:72px;display:flex;align-items:center;padding:13px;font-weight:650;font-size:.82rem;line-height:1.35}
.gap-top{margin-top:25px}
.search-label{display:block;font-size:.78rem;font-weight:700;margin:9px 0 7px}
.search-field{width:100%;border:1px solid #c9d0d5;border-radius:10px;padding:12px 14px;background:#fff;font-size:.9rem;color:#122334;appearance:none}
.result-count{margin:10px 0!important;font-size:.77rem;color:#657281;font-weight:600}
.disease-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.disease-list li{background:#fff;border:1px solid #e2e5e9;border-radius:9px;padding:10px 11px;font-size:.82rem;line-height:1.38;display:flex;align-items:center;min-height:46px}
.note{margin-top:17px!important}
.office{background:#fff;border:1px solid #dbe0e6;border-radius:15px;margin:0 0 13px;overflow:hidden;padding:17px}
.office.highlight{box-shadow:0 0 0 3px #ddbd87}
.office-top{margin-bottom:9px}.office-tag{display:block;letter-spacing:.14em;font-size:.67rem;font-weight:750;color:#a57b42;margin-bottom:5px}
.office h3{font-family:Georgia,serif;font-size:1.32rem;margin:0}
.office p{margin:0 0 9px}
.office-link{display:flex;justify-content:space-between;gap:8px;border:1px solid #ad8a5b;color:#1b3045;font-weight:700;text-decoration:none;border-radius:10px;padding:10px 12px;margin-top:10px;font-size:.83rem}
.tiny{font-size:.73rem}
.app-status{position:fixed;left:50%;bottom:13px;transform:translateX(-50%);pointer-events:none;background:#152636;color:white;padding:10px 16px;font-size:.82rem;border-radius:9px;opacity:0;transition:opacity .2s}.app-status.show{opacity:1}
@media(max-width:360px){.sheet-header{padding:14px 15px}.sheet-scroll{padding:16px}.disease-list{grid-template-columns:1fr}.certificate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-height:640px){.sheet{max-height:93dvh}.sheet-header{padding:12px 16px}.sheet-scroll{padding:15px}.tabs{padding:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}