/* One patient visual language across the existing functional screens. */
#zalud-paciente.z40-ui{--z40-ink:#102f3c;--z40-teal:#00776e;--z40-coral:#ff704f;--z40-mint:#eaf9f5;--z40-border:#e0eeea;font-family:Arial,Helvetica,sans-serif;color:var(--z40-ink)}
#zalud-paciente.z40-ui.pets-mode{--z40-teal:#147fb6;--z40-mint:#e9f5ff;--z40-border:#dcecf7}
#zalud-paciente.z40-inner #z-content{background:linear-gradient(180deg,#f0faf70a,#fff);padding:14px 18px 28px!important}
#zalud-paciente.z40-inner #z-content h1,#zalud-paciente.z40-inner #z-content h2,#zalud-paciente.z40-inner #z-content h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.65px;color:var(--z40-ink);line-height:1.15}
#zalud-paciente.z40-inner #z-content h1{font-size:28px;font-weight:800;margin:8px 0 12px}
#zalud-paciente.z40-inner #z-content h2{font-size:22px;font-weight:750}
#zalud-paciente.z40-inner #z-content h3{font-size:18px;font-weight:750}
#zalud-paciente.z40-inner #z-content p{line-height:1.5}
#zalud-paciente.z40-inner .z-intro{color:#718584;font-size:15px;line-height:1.5;margin-bottom:22px}
#zalud-paciente .z40-title{display:flex;gap:13px;align-items:center;margin:12px 0 14px;min-width:0}
#zalud-paciente .z40-title h1{flex:1;min-width:0;margin:0!important}
#zalud-paciente .z40-title>.h37-dimensional{width:61px!important;height:61px!important;flex-shrink:0;border-radius:18px;background-color:#ecf8f5;display:grid;place-items:center;color:var(--z40-teal)}
#zalud-paciente.z40-inner :is(.z-card,.zu-service,.zu-order,.z-family-card,.zhs-form,.zhs-entry,.zhs-profile-form,.zhs-home-card,.zr-service-card,.zx-service,.z20-cards>button,.z-settings-item){border:1px solid var(--z40-border)!important;border-radius:22px!important;box-shadow:0 5px 19px #175c4809!important;background-color:#fff;overflow:hidden}
#zalud-paciente.z40-inner :is(.z-card,.z-family-card,.zhs-form,.zhs-profile-form){padding:20px}
#zalud-paciente.z40-inner :is(.z-button,.z-profile-book,.z-send){border-radius:100px!important;background:var(--z40-teal);border:1px solid transparent;color:#fff;font-weight:700;min-height:44px;box-shadow:none}
#zalud-paciente.z40-inner :is(.z-button.z-outline,.z-button.z-soft){background:var(--z40-mint)!important;border:1px solid var(--z40-border)!important;color:var(--z40-teal)!important;-webkit-text-fill-color:var(--z40-teal)!important}
#zalud-paciente.z40-inner .z-back{display:inline-flex;gap:7px;align-items:center;background:var(--z40-mint);border-radius:100px;padding:9px 13px;color:var(--z40-teal);font-size:13px;margin-bottom:14px}
#zalud-paciente.z40-inner :is(.z-search,.zu-search){background:#fff;border:1px solid var(--z40-border);border-radius:100px!important;box-shadow:0 3px 12px #175c4808;padding:7px 12px;gap:9px}
#zalud-paciente.z40-inner .z-search input{background:transparent;border:0;min-width:0}
#zalud-paciente.z40-inner :is(.z-form,.zhs-form,.zhs-profile-form,.zu-book-form,.s36-checkout) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea),#zalud-paciente.z40-inner .z-input,#zalud-paciente.z40-inner .z-filters select{border:1px solid #d7e7e1!important;border-radius:14px!important;background:#f8fcfa!important;color:var(--z40-ink);padding:12px;min-height:46px;font-size:16px;box-shadow:none}
#zalud-paciente.z40-inner :is(input,select,textarea):focus-visible{outline:3px solid #b9ebdf;outline-offset:2px}
#zalud-paciente.z40-inner .z-chip{border-radius:100px;background:#f2faf6;border:1px solid #e1efe9;padding:9px 13px;color:#33645e}
#zalud-paciente.z40-inner .z-chip.active{background:var(--z40-teal);color:white;border-color:transparent}
#zalud-paciente.z40-inner .zu-category{border-radius:19px!important;border:1px solid #e9f1ee!important;background:#eaf9f5!important;padding:13px!important;color:#133d43!important;box-shadow:0 3px 10px #175c4807}
#zalud-paciente.z40-inner .zu-category:nth-child(4n+1){background:#e8f4ff!important}
#zalud-paciente.z40-inner .zu-category:nth-child(4n+3){background:#fff0f3!important}
#zalud-paciente.z40-inner .zu-category:nth-child(4n){background:#fff4eb!important}
#zalud-paciente.z40-inner .zu-category>span{display:grid;place-items:center;width:57px;height:57px;margin:auto}
#zalud-paciente.z40-inner .zu-category .h37-dimensional{width:54px!important;height:54px!important}
#zalud-paciente.z40-inner .z-profile-links>button{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--z40-border);background:#fff;border-radius:20px;min-height:75px;color:var(--z40-ink);font-size:16px;box-shadow:0 3px 14px #175c4806}
#zalud-paciente.z40-inner .z-profile-links>button:nth-child(2n){background:#f4fbf8}
#zalud-paciente.z40-inner .z-hero-profile{background:linear-gradient(120deg,#e6f9f2,#fff6e9);border-radius:25px;padding:25px 18px;margin-bottom:22px}
#zalud-paciente.z40-inner .z-family-avatar,#zalud-paciente.z40-inner .z-family-empty{background:var(--z40-mint);color:var(--z40-teal);border-radius:20px}
#zalud-paciente.z40-inner :is(.z-empty,.zp22-empty){border:1px dashed #cde3d9!important;border-radius:22px!important;background:#f7fcfa!important;padding:24px}
#zalud-paciente.z40-inner .zhs-hero{background:linear-gradient(115deg,#e5faf2,#eaf8fb)!important;color:var(--z40-ink)!important;border:0!important;border-radius:25px!important;box-shadow:none!important}
#zalud-paciente.z40-inner .zhs-hero h1{color:var(--z40-ink)!important;-webkit-text-fill-color:var(--z40-ink)!important}
#zalud-paciente.z40-inner .zhs-hero p{color:#526f70!important}
#zalud-paciente.z40-inner .zhs-metric{border:0!important;border-radius:22px!important;background:#edf9f3!important;box-shadow:none!important}
#zalud-paciente.z40-inner .zhs-metric:nth-child(2){background:#fff0ed!important}
#zalud-paciente.z40-inner .zhs-metric:nth-child(3){background:#eaf8fd!important}
#zalud-paciente.z40-inner .zhs-metric:nth-child(4){background:#fff6e7!important}
#zalud-paciente.z40-inner :is(.zhs-ico,.zhs-detail-icon,.zv-health-icon,.zu-benefit-icon){background:transparent!important;box-shadow:none!important;color:var(--z40-teal)!important;display:grid;place-items:center}
#zalud-paciente.z40-inner :is(.zhs-ico,.zhs-detail-icon)>.z40-symbol{width:52px;height:52px}
#zalud-paciente.z40-inner .zhs-detail-icon{width:65px!important;height:65px!important;background:var(--z40-mint)!important;border-radius:20px!important}
#zalud-paciente.z40-inner :is(.zhs-bmi-card,.zhs-stat-card){background:linear-gradient(115deg,#087e73,#05635c)!important;color:white!important;border-radius:25px!important}
#zalud-paciente.z40-inner :is(.zhs-bmi-card,.zhs-stat-card) :is(p,h2,h3,strong){color:white!important;-webkit-text-fill-color:white!important}
#zalud-paciente.z40-inner :is(.zhs-note,.zhs-reference,.z-note){border-radius:18px;background:#f1f8f4;color:#57736e;padding:16px;font-size:13px;line-height:1.5}
#zalud-paciente.z40-inner .z-catalog-list>button{border-radius:14px;margin:5px 0;background:#f3faf6;padding:13px;color:#164a46}
#zalud-paciente.z40-inner .zr-service-card{background:linear-gradient(120deg,#effaf7,#fff)!important;padding:18px!important}
#zalud-paciente.z40-inner .zr-service-card.urgent{background:linear-gradient(120deg,#fff1e9,#fff)!important}
#zalud-paciente.z40-inner :is(.s36-store,.s36-detail,.s36-cart,.s36-checkout){font-family:Arial,Helvetica,sans-serif;color:var(--z40-ink)}
#zalud-paciente.z40-inner .s36-card{border-radius:20px!important;border:1px solid var(--z40-border)!important;background:#fff;box-shadow:0 4px 14px #175c4808}
#zalud-paciente.z40-inner :is(.s36-button,.s36-primary){border-radius:100px!important}
#zalud-paciente.z40-inner .z-doctor-thumb{object-fit:cover;aspect-ratio:1;border:3px solid #e0f4ed}
#zalud-paciente.z40-ui .h38-icon{width:22px;height:22px;display:inline-block;vertical-align:middle;flex-shrink:0;stroke:currentColor;fill:none}
#zalud-paciente.z40-ui .z40-symbol{display:inline-block;width:24px;height:24px;vertical-align:middle;flex-shrink:0;position:relative;overflow:hidden;border-radius:8px;mix-blend-mode:multiply}
#zalud-paciente.z40-ui .h38-raster,#zalud-paciente.z40-ui .h38-atlas{position:relative;overflow:hidden;background-image:none!important}
#zalud-paciente.z40-ui .h38-raster:before{content:'';position:absolute;width:100%;aspect-ratio:1;left:0;top:50%;transform:translateY(-50%);background-image:url('home-icons-v38.webp');background-size:400% 200%;background-repeat:no-repeat;background-position:var(--art-x,0%) var(--art-y,0%);pointer-events:none}
#zalud-paciente.z40-ui .h38-atlas:before{content:'';position:absolute;width:100%;aspect-ratio:1;left:0;top:50%;transform:translateY(-50%);background-image:url('home-illustrations-v38.webp');background-size:300% 200%;background-repeat:no-repeat;background-position:var(--art-x,0%) var(--art-y,0%);pointer-events:none}
#zalud-paciente.z40-ui :is(.h38-general,.h38-raster-paw){--art-x:0%;--art-y:0%}
#zalud-paciente.z40-ui :is(.h38-pediatric){--art-x:50%;--art-y:0%}
#zalud-paciente.z40-ui :is(.h38-psychology){--art-x:100%;--art-y:0%}
#zalud-paciente.z40-ui :is(.h38-tooth){--art-x:0%;--art-y:100%}
#zalud-paciente.z40-ui :is(.h38-clinic){--art-x:50%;--art-y:100%}
#zalud-paciente.z40-ui :is(.h38-pharmacy){--art-x:100%;--art-y:100%}
#zalud-paciente.z40-ui .h38-raster-medicine{--art-x:33.333333%;--art-y:0%}
#zalud-paciente.z40-ui .h38-raster-care{--art-x:66.666667%;--art-y:0%}
#zalud-paciente.z40-ui :is(.h38-raster-kit,.h38-raster-nurse){--art-x:100%;--art-y:0%}
#zalud-paciente.z40-ui .h38-raster-doctor{--art-x:0%;--art-y:100%}
#zalud-paciente.z40-ui .h38-raster-lab{--art-x:33.333333%;--art-y:100%}
#zalud-paciente.z40-ui .h38-raster-weight{--art-x:66.666667%;--art-y:100%}
#zalud-paciente.z40-ui .h38-raster-pressure{--art-x:100%;--art-y:100%}
#zalud-paciente.z40-ui .h37-home .h37-clinic-art{height:64%!important}
#zalud-paciente.z40-ui .h37-home .h37-storefront{height:clamp(95px,25cqw,190px)!important}
#zalud-paciente.z40-ui .h37-home .h37-video-art{width:85px!important;height:63px!important}
#zalud-paciente.z40-ui .h37-home .h37-specialty-art{height:clamp(75px,19cqw,130px)!important}
@media(max-width:380px){#zalud-paciente.z40-inner #z-content{padding:12px 14px 24px!important}#zalud-paciente.z40-inner #z-content h1{font-size:25px}#zalud-paciente .z40-title>.h37-dimensional{width:53px!important;height:53px!important}#zalud-paciente.z40-inner :is(.z-card,.zhs-form){padding:16px}}
/* Preserve absolute layout for the scenery while the sprite keeps its ratio. */
#zalud-paciente.z40-ui .h37-home .h37-clinic-art{position:absolute!important;width:100%!important;left:0!important;right:0!important;bottom:0!important;top:auto!important}
#zalud-paciente.z40-ui .h37-home .h37-category strong>svg{width:10px!important;height:13px!important}
#zalud-paciente.z40-ui .h37-home .h37-modality h3 svg{width:12px!important;height:14px!important}
#zalud-paciente.z40-ui .h37-home .h37-specialties strong svg{width:11px!important;height:14px!important}
#zalud-paciente.z40-inner #z-content .z40-title h1{color:#102f3c!important;-webkit-text-fill-color:#102f3c!important}
#zalud-paciente.z40-inner :is(.zhs-ico,.zhs-detail-icon)>.h37-dimensional{width:52px!important;height:52px!important}
#zalud-paciente.z40-ui.pets-mode #z-content .z40-title h1{color:#113d62!important;-webkit-text-fill-color:#113d62!important}
#zalud-paciente.z40-inner :is(.z22-partner,.zl21-service,.zl21-option,.zx-service-option,.zp22-category,.zp22-card){border-radius:21px!important;border:1px solid var(--z40-border)!important;box-shadow:0 4px 14px #175c4808;background:#fff}
#zalud-paciente.z40-inner .z22-partner{display:flex;align-items:center;gap:13px;padding:17px!important}
#zalud-paciente.z40-inner .z22-partner.active{background:#edf9f4!important;border-color:var(--z40-teal)!important}
#zalud-paciente.z40-inner .z22-partner>.h37-dimensional{width:54px!important;height:54px!important;flex-shrink:0}
#zalud-paciente.z40-inner .z22-partner>span:not(.h37-dimensional){min-width:0;flex:1}
#zalud-paciente.z40-inner .z-settings-item>span:first-child{color:var(--z40-teal);background:var(--z40-mint);border-radius:15px}
#zalud-paciente.z40-inner .z-settings-item>span:first-child svg{width:28px;height:28px;stroke-width:1.8}
#zalud-paciente.z40-inner #z-content .zhs-hero .zhs-week,#zalud-paciente.z40-inner #z-content .zhs-hero .zhs-week :is(strong,span){color:#1b625b!important;-webkit-text-fill-color:#1b625b!important}
#zalud-paciente.z40-inner #z-content .zhs .zhs-metric .zhs-ico{background:transparent!important;box-shadow:none!important;width:54px!important;height:54px!important;border-radius:0!important}
#zalud-paciente.z40-inner #z-content .zhs .zhs-metric .zhs-ico :is(.h37-dimensional,.z40-symbol){width:52px!important;height:52px!important}
#zalud-paciente.z40-inner #z-content .zhs .zhs-metric .zhs-ico .h38-object{width:52px!important;height:52px!important;fill:none!important;stroke:none!important}
#zalud-paciente.z40-ui .h37-home .h37-clinic-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#edfafff2 0%,#edfaff99 18%,transparent 58%);pointer-events:none}
/* Keep prices legible on the branded booking strip. */
#zalud-paciente.z40-inner .z-profile-book{padding:16px 18px;align-items:center;gap:14px;background:var(--z40-teal);color:#fff}
#zalud-paciente.z40-inner .z-profile-book :is(strong,span,small,.z-button){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
#zalud-paciente.z40-inner .z-profile-book>div{min-width:0;gap:5px}
#zalud-paciente.z40-inner .z-profile-book strong{line-height:1.25;white-space:nowrap}
#zalud-paciente.z40-inner .z-profile-book .z-small{font-size:12px;line-height:1.4}
#zalud-paciente.z40-inner .z-profile-book .z-button{background:#ffffff1a!important;border:1px solid #ffffff4d;flex-shrink:0;white-space:nowrap}
#zalud-paciente.z40-inner :is(.z-doctor-metrics strong,.z-card-title strong,.z-work-counts strong){color:var(--z40-ink)!important;-webkit-text-fill-color:var(--z40-ink)!important}