/* An accessible, colour-coded explorer for the existing clinical areas. */
.care-explorer{--care-accent:#c6db9f;--care-ink:#34573d;--care-tint:#eef4e4;--care-line:#96b16d55;position:relative;margin-top:42px;border:1px solid #315d454d;border-radius:30px;padding:25px;background:linear-gradient(130deg,#244c39,#10382c);box-shadow:inset 0 1px #d9ecc232,0 24px 50px #26442913;color:#edf4e6}
.care-explorer[data-care-active="1"]{--care-accent:#f0b5ad;--care-ink:#8b414b;--care-tint:#fbf0ed;--care-line:#c8878e55}
.care-explorer[data-care-active="2"]{--care-accent:#edcb8d;--care-ink:#805829;--care-tint:#f9f3e6;--care-line:#bfa16b55}
.care-explorer[data-care-active="3"]{--care-accent:#c8b9e9;--care-ink:#655084;--care-tint:#f3eff9;--care-line:#9e8bc255}
.care-explorer-top{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:3px 4px 24px;border-bottom:1px solid #c8dcb524;margin-bottom:24px}
.care-explorer-top>p{font:600 .6875rem/1.6 'DM Sans',sans-serif;letter-spacing:.15em;margin:0;color:#d2e2bf}
.care-explorer-hint{display:none;font-size:.8125rem;line-height:1.6;color:#c4d5b7}
.care-enhanced .care-explorer-hint{display:block}
.care-explorer-layout{display:block}
.care-tabs{display:none}
.care-enhanced .care-explorer-layout{display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.45fr);gap:24px;align-items:start}
.care-enhanced .care-tabs{display:grid;gap:12px}
.care-tab{--tab-accent:#c6db9f;appearance:none;position:relative;isolation:isolate;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px;text-align:left;min-height:91px;padding:17px 20px;border:1px solid #c7d9b62b;border-radius:17px;background:#e1ebd608;box-shadow:inset 0 1px #f0f7e610;color:#e2edd7;font:500 1rem/1.4 'Manrope',sans-serif;cursor:pointer;transition:background .25s,border-color .25s,color .25s,box-shadow .25s}
.care-tab[data-care-tab="1"]{--tab-accent:#f0b5ad}.care-tab[data-care-tab="2"]{--tab-accent:#edcb8d}.care-tab[data-care-tab="3"]{--tab-accent:#c8b9e9}
.care-tab-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#eef7e50c;border:1px solid #e0efd826;color:var(--tab-accent);transition:background .25s,color .25s}
.care-tab-icon .ui-icon{width:24px;height:24px;stroke-width:1.65}
.care-label-short{display:none}
.care-tab[aria-selected="true"]{background:var(--tab-accent);color:#173c2c;border-color:var(--tab-accent);box-shadow:inset 0 1px #ffffef99,0 8px 22px #08261c26}
.care-tab[aria-selected="true"] .care-tab-icon{background:#ffffff40;border-color:#24483220;color:#244532}
.care-tab:hover:not([aria-selected="true"]){background:#e3efd51c;border-color:var(--tab-accent)}
.care-tab:focus-visible,.care-panel:focus-visible,.care-action:focus-visible{outline:3px solid #f5d8ae;outline-offset:4px}
.care-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0}
.care-enhanced .care-panels{display:block}
.care-panel{position:relative;isolation:isolate;min-width:0;display:flex;flex-direction:column;padding:30px;border:1px solid #eef4d9c9;border-radius:22px;background:linear-gradient(140deg,#fdfef8,var(--care-tint));color:#234835;box-shadow:inset 0 1px #fff,0 12px 30px #071d1a19}
.care-panel[hidden]{display:none!important}
.care-enhanced .care-panel{min-height:470px}
.care-panel-heading{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:21px;margin:4px 0 27px;padding-bottom:24px;border-bottom:1px solid var(--care-line)}
.care-emblem{position:relative;isolation:isolate;display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--care-line);border-radius:22px;background:var(--care-accent);color:var(--care-ink)}
.care-emblem::before{content:"";position:absolute;inset:-7px;border:1px solid var(--care-line);border-top-color:var(--care-ink);border-radius:26px;transform:rotate(-12deg);pointer-events:none}
.care-emblem .ui-icon{width:31px;height:31px;stroke-width:1.5}
.care-panel-kicker{display:block;color:var(--care-ink);font:600 .625rem/1.6 'DM Sans',sans-serif;letter-spacing:.14em;margin-bottom:6px}
.page-la-visita .care-panel h3{font:500 clamp(1.25rem,1.9vw,1.65rem)/1.35 'Manrope',sans-serif;letter-spacing:-.035em;margin:0;color:#244535}
.care-conditions{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0}
.care-conditions>li{position:relative;display:flex;align-items:center;min-height:64px;padding:13px 15px 13px 19px;border:1px solid var(--care-line);border-radius:12px;background:#ffffff70;font-size:.9375rem;line-height:1.55;color:#365640}
.care-conditions>li::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--care-ink);opacity:.55}
.care-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:24px}
.care-panel-footer>p{font-size:.75rem;line-height:1.6;margin:0;color:#61715b;max-width:180px}
.care-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 15px;border:1px solid var(--care-line);border-radius:12px;background:#fff9;color:var(--care-ink);font:600 .8125rem/1.45 'DM Sans',sans-serif;text-align:center;transition:background .2s,border-color .2s}
.care-action .ui-icon{width:18px;height:18px;flex:0 0 18px}
.care-action:hover{background:var(--care-tint);border-color:var(--care-ink)}
.care-panel.is-opening{animation:care-panel-in .42s cubic-bezier(.2,.7,.2,1) both}
.care-panel.is-opening .care-emblem::before{animation:care-orbit-in .9s cubic-bezier(.2,.7,.2,1) both}
.care-panel.is-opening .care-emblem>.ui-icon{animation:care-icon-in .65s cubic-bezier(.2,.7,.2,1) both}
.care-panel.is-opening .care-conditions>li{animation:care-item-in .4s both;animation-delay:calc(var(--item-index,0)*35ms)}
@keyframes care-panel-in{from{opacity:.4;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes care-item-in{from{opacity:.45;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes care-orbit-in{from{transform:rotate(-65deg);opacity:.3}to{transform:rotate(-12deg);opacity:1}}
@keyframes care-icon-in{from{transform:scale(.7) rotate(-8deg)}to{transform:scale(1) rotate(0)}}
@media(max-width:1100px){
 .care-explorer{padding:20px}.care-enhanced .care-explorer-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr);gap:18px}
 .care-tab{font-size:.875rem;padding:16px 14px;gap:12px}
 .care-panel{padding:25px}.care-conditions>li{font-size:.875rem;padding:12px 12px 12px 16px}
 .care-panel-footer{gap:12px;flex-wrap:wrap}.care-panel-footer>p{max-width:none}
}
@media(max-width:760px){
 .care-explorer{border-radius:24px;padding:20px;margin-top:30px}
 .care-explorer-top{display:block;padding:0 0 17px;margin-bottom:17px}
 .care-explorer-top>p{font-size:.625rem;letter-spacing:.12em}.care-explorer-hint{margin-top:6px;font-size:.75rem}
 .care-enhanced .care-explorer-layout{grid-template-columns:minmax(0,1fr);gap:17px}
 .care-enhanced .care-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .care-tab{grid-template-columns:32px minmax(0,1fr);gap:9px;min-height:81px;padding:13px 12px;border-radius:14px;font-size:.8125rem;line-height:1.4}
 .care-tab-icon{width:32px;height:32px;border-radius:10px}.care-tab-icon .ui-icon{width:20px;height:20px}
 .care-panels{grid-template-columns:minmax(0,1fr)}
 .care-panel{padding:23px 20px;border-radius:18px}.care-enhanced .care-panel{min-height:0}
 .care-panel-heading{grid-template-columns:48px minmax(0,1fr);gap:17px;padding-bottom:20px;margin-bottom:19px}
 .care-emblem{width:48px;height:48px;border-radius:17px}.care-emblem::before{inset:-5px;border-radius:20px}.care-emblem .ui-icon{width:26px;height:26px}
 .page-la-visita .care-panel h3{font-size:1.25rem}.care-panel-kicker{font-size:.5625rem;letter-spacing:.1em}
 .care-conditions>li{min-height:60px;font-size:.875rem;line-height:1.5}
 .care-panel-footer{padding-top:20px}.care-action{width:100%;min-height:48px}.care-panel-footer>p{font-size:.75rem}
}
@media(max-width:460px){
 .care-explorer{padding:16px;border-radius:22px}
 .care-tab{grid-template-columns:minmax(0,1fr);justify-items:start;align-content:start;gap:8px;font-size:.8125rem;min-height:111px;padding:13px}
 .care-tab-icon{width:30px;height:30px}.care-panel{padding:22px 17px}
 .care-label-full{display:none}.care-label-short{display:inline}
 .care-conditions{grid-template-columns:minmax(0,1fr);gap:8px}.care-conditions>li{min-height:48px;padding:11px 13px 11px 17px}
 .care-panel-heading{gap:15px}.page-la-visita .care-panel h3{font-size:1.1875rem}
}
@media(prefers-reduced-motion:reduce){
 .care-explorer *,.care-explorer *::before{animation:none!important;transition:none!important}
}
