/* CAREVIA static pages: main-site header/footer styles (copied from the SPA header component, data-v-c338f5d2) + header behaviour + hospital hub hero/photos. 2026-11-05 */
.section-container[data-v-c338f5d2] { max-width: 1200px; margin: 0px auto; padding: 0px 24px; }
.cm-header[data-v-c338f5d2] { position: sticky; top: 0px; z-index: 1000; backdrop-filter: blur(18px); background: rgba(255, 255, 255, 0.9); box-shadow: rgba(15, 23, 42, 0.06) 0px 6px 24px; }
.cm-header .cm-header-inner[data-v-c338f5d2] { display: flex; align-items: center; justify-content: space-between; height: 64px; }
.cm-header .cm-header-left[data-v-c338f5d2] { display: flex; align-items: center; }
.cm-header .cm-logo-img[data-v-c338f5d2] { height: 45px; width: auto; display: block; }
.cm-header .cm-header-right[data-v-c338f5d2] { display: flex; align-items: center; gap: 12px; }
.cm-header .cm-email-wrapper[data-v-c338f5d2] { display: flex; flex-direction: column; align-items: flex-end; margin-right: 8px; }
.cm-header .cm-email-label[data-v-c338f5d2] { font-size: 11px; color: rgb(144, 147, 153); font-weight: 500; margin-bottom: 2px; }
.cm-header .cm-email[data-v-c338f5d2] { font-size: 13px; color: rgb(21, 101, 192); font-weight: 500; }
.cm-header .cm-menu[data-v-c338f5d2] { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; background-color: transparent; }
.cm-header .cm-menu[data-v-c338f5d2] .el-menu-item { font-weight: 500; padding: 0px 18px; }
.cm-header .cm-menu-link[data-v-c338f5d2] { color: inherit; text-decoration: none; display: inline-flex; align-items: center; height: 100%; width: 100%; }
.cm-header .cm-menu[data-v-c338f5d2] .el-sub-menu .el-sub-menu__title { font-weight: 500; padding: 0px 18px; }
.cm-header .cm-menu[data-v-c338f5d2] .el-menu-item.is-active { color: rgb(21, 101, 192); border-bottom: 2px solid rgb(21, 101, 192); }
.cm-header .cm-menu[data-v-c338f5d2] .el-sub-menu.is-active > .el-sub-menu__title { color: rgb(21, 101, 192); border-bottom: 2px solid rgb(21, 101, 192); }
.cm-header .cm-icon-btn[data-v-c338f5d2] { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgba(21, 101, 192, 0.06); color: rgb(21, 101, 192); }
.cm-header .cm-icon-btn[data-v-c338f5d2]:hover { background: rgba(21, 101, 192, 0.12); }
.cm-mobile-drawer[data-v-c338f5d2] .el-drawer__body { padding: 16px; }
.cm-drawer-header[data-v-c338f5d2] { padding: 16px 8px; border-bottom: 1px solid rgba(92, 111, 130, 0.18); margin-bottom: 16px; }
.cm-drawer-logo-img[data-v-c338f5d2] { height: 40px; width: auto; display: block; margin-bottom: 12px; }
.cm-drawer-email-wrapper[data-v-c338f5d2] { display: flex; flex-direction: column; }
.cm-drawer-email-label[data-v-c338f5d2] { font-size: 11px; color: rgb(144, 147, 153); font-weight: 500; margin-bottom: 4px; }
.cm-drawer-email[data-v-c338f5d2] { font-size: 13px; color: rgb(21, 101, 192); font-weight: 500; }
.cm-menu-vertical[data-v-c338f5d2] { border-right-width: medium; border-right-style: none; border-right-color: currentcolor; }
.cm-menu-vertical[data-v-c338f5d2] .el-menu-item, .cm-menu-vertical[data-v-c338f5d2] .el-sub-menu .el-sub-menu__title { font-size: 15px; padding-left: 20px; }
.cm-menu-vertical[data-v-c338f5d2] .el-menu-item.is-active { color: rgb(21, 101, 192); background-color: rgba(21, 101, 192, 0.08); }
.cm-footer[data-v-c338f5d2] { background-color: rgb(10, 25, 41); color: rgb(224, 230, 237); padding-top: 48px; }
.cm-footer .cm-footer-inner[data-v-c338f5d2] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 32px; }
.cm-footer .cm-footer-col[data-v-c338f5d2] { flex: 1 1 200px; margin-bottom: 20px; }
.cm-footer .cm-footer-col-logo[data-v-c338f5d2] { flex: 1 1 280px; }
.cm-footer .cm-footer-logo-img[data-v-c338f5d2] { height: 60px; width: auto; margin-bottom: 16px; display: block; }
.cm-footer .cm-footer-desc[data-v-c338f5d2] { font-size: 14px; color: rgb(176, 190, 197); line-height: 1.6; margin: 0px; }
.cm-footer .cm-footer-title[data-v-c338f5d2] { font-size: 16px; font-weight: 600; margin-bottom: 16px; color: rgb(255, 255, 255); }
.cm-footer .cm-footer-links[data-v-c338f5d2] { list-style: none; padding: 0px; margin: 0px; }
.cm-footer .cm-footer-links li[data-v-c338f5d2] { margin-bottom: 8px; }
.cm-footer .cm-footer-links a[data-v-c338f5d2] { color: rgb(224, 230, 237); font-size: 14px; text-decoration: none; transition: color 0.2s; cursor: pointer; }
.cm-footer .cm-footer-link[data-v-c338f5d2] { display: inline-flex; align-items: center; gap: 6px; }
.cm-footer .cm-footer-links a[data-v-c338f5d2]:hover { color: rgb(144, 202, 249); }
.cm-footer .cm-footer-email[data-v-c338f5d2] { font-size: 14px; color: rgb(176, 190, 197); margin: 0px; }
.cm-footer .cm-footer-bottom[data-v-c338f5d2] { border-top: 1px solid rgba(176, 190, 197, 0.3); margin-top: 32px; padding: 20px 0px; }
.cm-footer .cm-footer-copy[data-v-c338f5d2] { font-size: 13px; color: rgb(144, 164, 174); text-align: center; margin: 0px; }
.cm-inline-icon[data-v-c338f5d2] { margin-left: 6px; transform: translateY(1px); }
.is-mobile-only[data-v-c338f5d2] { display: none; }
.is-desktop-only[data-v-c338f5d2] { display: inline-block; }
@media (max-width: 768px){.cm-header .cm-logo-img[data-v-c338f5d2] { height: 38px; }.cm-header .cm-header-right[data-v-c338f5d2] { gap: 8px; }.cm-header .cm-email-wrapper[data-v-c338f5d2] { display: none !important; }.cm-header .cm-icon-btn[data-v-c338f5d2] { width: 36px; height: 36px; }.cm-header-center[data-v-c338f5d2], .cm-email.is-desktop-only[data-v-c338f5d2] { display: none; }.is-mobile-only[data-v-c338f5d2] { display: inline-flex; }.cm-footer[data-v-c338f5d2] { padding-top: 32px; }.cm-footer .cm-footer-inner[data-v-c338f5d2] { flex-direction: column; gap: 24px; }.cm-footer .cm-footer-col[data-v-c338f5d2] { margin-bottom: 0px; }.cm-footer .cm-footer-col-logo[data-v-c338f5d2] { text-align: center; }.cm-footer .cm-footer-logo-img[data-v-c338f5d2] { height: 50px; margin-left: auto; margin-right: auto; margin-bottom: 12px; }.cm-footer .cm-footer-desc[data-v-c338f5d2] { font-size: 13px; }.cm-footer .cm-footer-title[data-v-c338f5d2] { font-size: 15px; margin-bottom: 12px; }.cm-footer .cm-footer-links a[data-v-c338f5d2], .cm-footer .cm-footer-email[data-v-c338f5d2] { font-size: 13px; }.cm-footer .cm-footer-bottom[data-v-c338f5d2] { margin-top: 24px; padding: 16px 0px; }.cm-footer .cm-footer-copy[data-v-c338f5d2] { font-size: 12px; }}
.meta-item .el-icon[data-v-c338f5d2] { font-size: 13px; }
.end-message .el-icon[data-v-c338f5d2] { font-size: 18px; color: rgb(103, 194, 58); }
/* CAREVIA static pages: site header behaviour (2026-11-05) */
.cmi-sh-sub{position:relative}
.cmi-sh-drop{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:220px;background:#fff;border:1px solid #eef0f3;border-radius:12px;box-shadow:0 12px 32px rgba(17,24,39,.12);padding:6px;z-index:60}
.cmi-sh-sub:hover .cmi-sh-drop,.cmi-sh-sub:focus-within .cmi-sh-drop,.cmi-sh-sub.open .cmi-sh-drop{display:block}
.cmi-sh-drop a{display:block;padding:10px 14px;border-radius:8px;color:#1f2937;font-size:14px;text-decoration:none;white-space:nowrap}
.cmi-sh-drop a:hover,.cmi-sh-drop a:focus-visible{background:#f3f7fe;color:#1677e8;outline:none}
.cmi-sh-search{position:fixed;inset:0;background:rgba(17,24,39,.45);display:none;align-items:flex-start;justify-content:center;z-index:200;padding:12vh 16px 0}
.cmi-sh-search.open{display:flex}
.cmi-sh-search form{background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.2);padding:18px;width:min(560px,100%);display:flex;gap:8px}
.cmi-sh-search input{flex:1;font-size:16px;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;outline:none}
.cmi-sh-search input:focus{border-color:#1677e8}
.cmi-sh-search button{border:0;background:#1677e8;color:#fff;border-radius:10px;padding:0 18px;font-size:15px;cursor:pointer}
.cmi-sh-panel{display:none}
@media (max-width:767.98px){.cmi-sh-panel{display:block;position:absolute;left:12px;right:12px;top:calc(100% + 6px);background:#fff;border:1px solid #eef0f3;border-radius:16px;box-shadow:0 18px 40px rgba(17,24,39,.14);padding:8px;opacity:0;transform:translateY(-6px);pointer-events:none;visibility:hidden;transition:opacity .18s,transform .18s,visibility 0s linear .18s;z-index:60}
.cm-header.cmi-sh-open .cmi-sh-panel{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .18s,transform .18s}
.cmi-sh-panel a{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 14px;border-radius:10px;color:#111827;font-size:16px;font-weight:500;text-decoration:none}
.cmi-sh-panel a.sub{min-height:40px;padding-left:28px;font-size:15px;font-weight:400;color:#374151}
.cmi-sh-panel a:hover,.cmi-sh-panel a[aria-current=page]{background:#f3f7fe;color:#1677e8}
.cmi-sh-panel .grp{padding:10px 14px 2px;font-size:16px;font-weight:500;color:#111827}.cmi-sh-panel .mail{margin:6px 6px 4px;padding:12px 10px 6px;border-top:1px solid #eef0f3;font-size:13px;color:#6b7280}
.cmi-sh-panel .mail a{min-height:0;padding:4px 0 0;font-size:14px;font-weight:600;color:#1677e8}}
.cmi-hub-hero{position:relative;width:100vw;margin:-28px 0 28px calc(50% - 50vw);padding:72px 24px 64px;background:linear-gradient(rgba(16,74,150,.72),rgba(22,119,232,.62)),var(--cmi-hero-bg) center/cover no-repeat;color:#fff;text-align:center;box-sizing:border-box}
.cmi-hub-hero>*{max-width:860px;margin-left:auto!important;margin-right:auto!important}
.cmi-hub-hero h1{color:#fff!important;font-size:2.6rem!important;line-height:1.15;margin:.2em auto .4em!important;letter-spacing:-.01em}
.cmi-hub-hero p{color:rgba(255,255,255,.92)!important;font-size:1.08rem!important}
.cmi-hub-hero a{color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:4px 14px;font-size:.85rem;display:inline-block}
.cmi-card-img{display:block;width:calc(100% + 40px);max-width:none!important;height:170px!important;object-fit:cover;margin:-18px -20px 10px;border-radius:16px 16px 0 0!important}
@media (max-width:640px){.cmi-hub-hero{padding:48px 16px 40px;margin-top:-20px}.cmi-hub-hero h1{font-size:1.8rem!important}.cmi-card-img{height:150px!important}}
