body:has(.hero-card[style*="costa-rica-care"]){--country:#11806d;--country-dark:#0d4f48;--country-soft:#def4ed;--country-warm:#d5b15c}body:has(.hero-card[style*="mexico-care"]){--country:#a53f35;--country-dark:#522c31;--country-soft:#f8e8df;--country-warm:#d99a43}body:has(.hero-card[style*="colombia-care"]){--country:#17689a;--country-dark:#112f52;--country-soft:#e4f0f8;--country-warm:#e2b33f}body{--country:#177f75;--country-dark:#17385d;--country-soft:#e4f3f0;--country-warm:#75d6c4;background:linear-gradient(180deg,#f8fbfc,#eef4f5)}
.top{position:sticky;top:0;z-index:20;background:#fffffff0;backdrop-filter:blur(16px);box-shadow:0 1px 0 #dce7ed}.top .button,.button{background:var(--country);box-shadow:0 10px 25px color-mix(in srgb,var(--country) 22%,transparent);transition:transform .2s,box-shadow .2s,background .2s}.button:hover,.button:focus-visible{transform:translateY(-2px);background:var(--country-dark);box-shadow:0 15px 30px color-mix(in srgb,var(--country) 30%,transparent);outline:2px solid #fff;outline-offset:2px}.crumb a,.kicker,.related a{color:var(--country)}
.hero{position:relative;overflow:hidden;padding:64px 0 88px;background:linear-gradient(120deg,#fff 0%,var(--country-soft) 100%)}.hero::before{position:absolute;right:-10vw;bottom:-240px;width:620px;height:620px;border:1px solid color-mix(in srgb,var(--country) 22%,transparent);border-radius:50%;content:''}.hero::after{position:absolute;right:13vw;bottom:-165px;width:430px;height:430px;border:1px solid color-mix(in srgb,var(--country-warm) 42%,transparent);border-radius:50%;content:''}.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:64px}.hero h1{max-width:740px;letter-spacing:-.035em}.hero h1::after{display:block;width:74px;height:4px;margin-top:24px;border-radius:99px;background:linear-gradient(90deg,var(--country),var(--country-warm));content:''}
.hero-card{position:relative;min-height:480px;overflow:hidden;border:1px solid #ffffffb8;border-radius:30px;background-position:center;box-shadow:0 30px 75px color-mix(in srgb,var(--country-dark) 28%,transparent);transform:rotate(1deg)}.hero-card::before{position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,color-mix(in srgb,var(--country-dark) 90%,transparent));content:''}.hero-card::after{position:absolute;right:20px;bottom:20px;max-width:270px;padding:14px 16px;border:1px solid #ffffff45;border-radius:15px;background:#102b42b8;color:#fff;font-size:11px;font-weight:800;line-height:1.5;letter-spacing:.04em;backdrop-filter:blur(10px)}body:has(.hero-card[style*="costa-rica-care"]) .hero-card::after{content:'COSTA RICA · PRIVATE CARE · RECOVERY · CONTINUITY'}body:has(.hero-card[style*="mexico-care"]) .hero-card::after{content:'MEXICO · CITY FIT · PROVIDER REVIEW · TRAVEL ROUTE'}body:has(.hero-card[style*="colombia-care"]) .hero-card::after{content:'COLOMBIA · FACILITY · RECOVERY SUPPORT · FOLLOW-UP'}
.quick{z-index:3;gap:12px;margin-top:-42px}.quick article{position:relative;overflow:hidden;min-height:130px;padding:24px;border:0;border-radius:18px;box-shadow:0 16px 45px #17385d14}.quick article::before{position:absolute;inset:0 auto 0 0;width:4px;background:var(--country);content:''}.section h2{max-width:800px;letter-spacing:-.025em}.grid{gap:18px;counter-reset:country-card}.card{position:relative;min-height:245px;padding:28px;border:0;border-radius:20px;box-shadow:0 17px 48px #17385d0e;transition:transform .22s,box-shadow .22s;counter-increment:country-card}.card:hover{transform:translateY(-5px);box-shadow:0 24px 58px #17385d18}.card::before{display:grid;width:38px;height:38px;margin-bottom:32px;place-items:center;border-radius:11px;background:var(--country-soft);color:var(--country);font-size:12px;font-weight:900;content:'0' counter(country-card)}.card h3{font-size:20px}
.checklist{gap:16px}.checklist article{min-height:135px;padding:24px 24px 24px 30px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--country-soft),#fff);box-shadow:inset 4px 0 0 var(--country)}.related a{border-color:color-mix(in srgb,var(--country) 35%,#d8e5eb);background:#fff}.related a:hover,.related a:focus-visible{background:var(--country-soft);outline:none}.faq details{border:0;border-radius:15px;box-shadow:0 10px 30px #17385d0c}.faq summary{color:var(--country-dark);font-size:16px}.faq summary::marker{color:var(--country)}.cta{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--country-dark),var(--country))}.cta::after{position:absolute;right:-90px;top:-150px;width:400px;height:400px;border:1px solid #ffffff2c;border-radius:50%;content:''}.cta-inner{position:relative;z-index:1}.cta .button{background:#fff;color:var(--country-dark);box-shadow:0 12px 30px #0002}
body:has(.hero-card[style*="costa-rica-care"]) .hero-card{background-image:linear-gradient(180deg,transparent 35%,#0d4f48dd),url('assets/cali-care/costa-rica-welcome-healthcare.webp')}body:has(.hero-card[style*="mexico-care"]) .hero-card{background-image:linear-gradient(180deg,transparent 35%,#522c31dd),url('assets/cali-care/mexico-welcome-healthcare.webp')}body:has(.hero-card[style*="colombia-care"]) .hero-card{background-image:linear-gradient(180deg,transparent 35%,#112f52dd),url('assets/cali-care/cali-welcome-healthcare.webp')}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:34px}.hero-card{min-height:390px;transform:none}.quick{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{padding:42px 0 62px}.hero h1{font-size:clamp(36px,11vw,44px)}.hero-grid{gap:26px}.hero-card{min-height:300px;border-radius:20px}.hero-card::after{right:12px;bottom:12px;left:12px;max-width:none;padding:11px;font-size:9px}.quick{grid-template-columns:1fr;margin-top:-25px}.quick article{min-height:0;padding:19px}.card{min-height:0;padding:22px}.card::before{margin-bottom:18px}.checklist article{min-height:0}}
