@import url('style.css');
:root{--ink:#123f60;--teal:#007c83;--navy:#073d64;--line:#d6e5ec;--aqua:#06b4b5;scroll-padding-top:110px}body{color:var(--ink)}.wrap{width:min(1240px,calc(100% - 64px))}.topline{background:#007f85;color:white;font-size:13px;padding:9px 0}.topline a{font-weight:700}header{position:sticky;top:0;z-index:20;border-bottom:1px solid #e0ebf0;box-shadow:0 2px 16px #123f6005}.nav{min-height:92px;gap:24px}.brand{font-size:21px;color:var(--navy)}.brand-mark{color:#00a3a8}.brand small{font-size:11px}nav{gap:25px;font-size:14px}.button{border-radius:50px;background:#007d83;padding:15px 26px;min-height:50px}.button:hover{background:#005b67}.button.small{padding:12px 22px}.eyebrow{color:#007b82;font-size:12px;letter-spacing:2px}.hero{display:block;background:#edf7f9;padding:0;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;min-height:570px}.hero-copy{padding:58px 0 72px;position:relative;z-index:2}.hero .eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(42px,4.8vw,66px);line-height:1.1;letter-spacing:-2.5px;font-weight:800;margin-bottom:24px;color:#0a456d}.hero h1 em{color:#008990}.intro{color:#4b6b7e;font-size:18px;max-width:450px}.actions{flex-direction:row;align-items:center;gap:25px;flex-wrap:wrap}.hero-visual{height:100%;min-height:570px;position:relative;padding:0;margin:0 -80px 0 0;overflow:hidden;border-radius:0}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf7f9 0%,transparent 30%),linear-gradient(0deg,#073d64d9 0%,transparent 45%);pointer-events:none}.hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:60% center}.hero-caption{position:absolute;bottom:70px;left:55px;right:70px;z-index:1;color:#fff}.hero-caption>span{font-size:11px;letter-spacing:2px;display:block;margin-bottom:12px}.hero-caption strong{font-family:Manrope,sans-serif;font-size:25px;line-height:1.4;font-weight:600;display:block;max-width:320px}.quick-wrap{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);border:0;padding:0;border-radius:14px;background:white;box-shadow:0 15px 50px #123f6012;margin-top:-26px;overflow:hidden}.quick-wrap>a{padding:27px 22px;gap:13px;min-height:113px;transition:background .2s}.quick-wrap>a:hover{background:#f0f9fb;text-decoration:none}.quick-wrap>a+a{border-left:1px solid #e1edf0}.quick-wrap .quick-symbol{background:#e3f6f6;color:#007880;width:38px;height:38px;font-size:12px}.quick-wrap strong{font-size:15px;line-height:1.4}.quick-wrap small{display:block;font-size:12px;line-height:1.5;color:#5e7787;margin-top:5px}.quick-wrap b{font-size:18px;font-weight:400;color:#008a93}.about{display:grid;grid-template-columns:1.25fr 1.2fr .55fr;align-items:center;gap:50px;padding-top:85px;padding-bottom:85px;scroll-margin-top:110px}.about h2{font-size:34px;line-height:1.25;letter-spacing:-1px}.about-copy p{font-size:16px;color:#587184;margin:0 0 18px}.about-year{border-left:1px solid #cbe0e8;padding-left:35px}.about-year strong{font-family:Manrope,sans-serif;display:block;font-size:53px;font-weight:800;letter-spacing:-2px;color:#008c92}.about-year span{font-size:13px;line-height:1.6;color:#587184;display:block}.schedule-band{background:#eaf6f9;padding:31px 0}.schedule-grid{display:grid;grid-template-columns:.8fr 1fr 1.3fr auto;gap:35px;align-items:center}.schedule-grid .eyebrow{font-size:10px;margin-bottom:8px}.schedule-grid h2{font-size:28px;letter-spacing:-.5px}.schedule-grid>div>span{font-size:13px;color:#4b6b7e;display:block}.schedule-grid>div>strong{font-size:18px;display:block;margin-top:6px}.schedule-grid .button{font-size:14px;white-space:nowrap}.section{padding-top:82px;padding-bottom:82px;scroll-margin-top:90px}.section-head{margin-bottom:32px}.section-head>p{max-width:380px;color:#587184}h2{font-size:42px;line-height:1.2;color:#0d456b}h3{color:inherit}.specialties{gap:12px}.specialty{border:1px solid #d8e8ed;border-left:5px solid #00a5a8;border-radius:8px;color:#123f60;background:#f4fafb}.specialty.cream{border-left-color:#dca92c;background:#fffaf0}.specialty.blue{border-left-color:#5088ca;background:#f0f6ff}.specialty.light{border-left-color:#4aa888;background:#f0faf5}.specialty.peach{border-left-color:#e59972;background:#fff6f0}.specialty.lavender{border-left-color:#9983be;background:#f8f5fc}.specialty>summary{padding:23px 25px}.specialty-heading strong{font-size:22px;letter-spacing:-.3px}.specialty-heading small{color:#537085;font-size:14px}.specialty .card-number{color:#4e758a;font-weight:600}.specialty .expand-icon{background:white;border-color:#c4dce7;color:#006f7b}.specialty[open]{box-shadow:0 8px 24px #183d6010}.specialty-body{border-color:#c9dfe8;margin-left:78px}.specialty-body p{color:#385a6e}.specialty-links a{color:#006d7b}.specialty-disclaimer{color:#587184}.studies{background:#073d64;scroll-margin-top:90px;padding:72px 0}.studies h2{color:white}.study-grid{gap:80px;grid-template-columns:1fr 1.1fr}.study-list{background:#ffffff0a;padding:28px 32px;border-radius:12px;border:1px solid #ffffff24}.study-list h3{font-size:21px}.study-list li{font-size:16px;padding:10px 0}.study-accent>span{color:#58d3cf}.study-accent{margin-top:28px}.visit-card{border-top:3px solid #04a4a8;background:#f3f8fb;padding:24px;border-radius:0 0 10px 10px}.visit-card h3{font-size:22px}.visit-card p{font-size:16px;color:#587184}.visit-grid{gap:20px}.faq{gap:60px}.faq>h3{color:#0d456b}.faq summary{font-size:16px}.contact-section{background:#eaf7f7;padding:65px 0;scroll-margin-top:90px}.contact-section h2{font-size:40px}.contact-intro{color:#587184;margin-top:15px}.contact-grid{background:#fff;border:1px solid #d9e9ed;border-radius:12px;padding:34px;gap:40px;margin-top:30px}.contact-grid h3{font-size:18px}.contact-grid address{font-size:16px}.hours{font-size:14px;color:#466779}.hours strong{color:#123f60}.phone{font-size:23px}.email{font-size:14px}footer{display:block;background:#07324f;color:#d4e6ef;padding:48px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:70px;padding-bottom:38px}.footer-grid .brand{color:#fff;font-size:21px}.footer-grid .brand-mark{color:#57d1cc;font-size:46px}.footer-grid .brand small{font-size:11px}.footer-grid p{font-size:14px;margin-top:22px}.footer-grid h3{font-size:15px;color:#fff;margin-bottom:18px}.footer-grid>div>a:not(.brand){display:block;font-size:14px;margin-bottom:10px}.footer-bottom{border-top:1px solid #ffffff23;padding-top:20px;padding-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-bottom small{font-size:12px}.text-link{color:#087184}footer a{color:inherit}
@media(max-width:1100px){.nav{gap:15px}.brand{font-size:18px}nav{gap:16px;font-size:13px}.hero-layout{gap:15px}.hero h1{font-size:53px}.quick-wrap>a{padding:24px 16px;gap:10px}.quick-wrap .quick-symbol{display:none}.quick-wrap strong{font-size:14px}.about{gap:30px}.about h2{font-size:30px}.about-year{padding-left:22px}.about-year strong{font-size:45px}.schedule-grid{gap:20px;grid-template-columns:1fr 1fr 1.4fr}.schedule-grid .button{grid-column:2/4;justify-self:start;min-height:44px;padding:10px 22px}.study-grid{gap:40px}.contact-grid{padding:26px;gap:25px}.email{font-size:13px}}
@media(max-width:760px){:root{scroll-padding-top:100px}.wrap{width:calc(100% - 36px)}.topline{font-size:11px}.topline .wrap{gap:10px}.topline .wrap>span{max-width:205px}.nav{min-height:78px;padding:15px 0}.brand{font-size:17px}.brand-mark{font-size:38px}.brand small{font-size:10px}nav{font-size:16px;gap:18px}.hero-layout{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:42px 0 32px}.hero h1{font-size:45px;letter-spacing:-1.8px}.hero .eyebrow{font-size:10px;margin-bottom:18px}.intro{font-size:17px;margin-bottom:24px}.actions{gap:18px}.actions .button{font-size:14px;padding:13px 20px}.hero-visual{min-height:290px;margin:0 -18px;height:290px}.hero-visual:after{background:linear-gradient(0deg,#073d64dd,transparent 65%)}.hero-visual img{object-position:center 55%}.hero-caption{left:25px;bottom:42px;right:25px}.hero-caption strong{font-size:22px}.hero-caption>span{font-size:10px}.quick-wrap{grid-template-columns:1fr 1fr;margin-top:-18px}.quick-wrap>a{padding:20px 14px;min-height:96px;border:0}.quick-wrap>a+a{border-left:0}.quick-wrap>a:nth-child(even){border-left:1px solid #e1edf0}.quick-wrap>a:nth-child(n+3){border-top:1px solid #e1edf0}.quick-wrap small{font-size:11px}.quick-wrap strong{font-size:14px}.quick-wrap b{display:none}.about{grid-template-columns:1fr;padding-top:55px;padding-bottom:50px;gap:25px}.about h2{font-size:30px}.about .eyebrow{margin-bottom:14px}.about-year{border-left:0;border-top:1px solid #cbe0e8;padding:20px 0 0;display:flex;align-items:center;gap:22px}.about-year strong{font-size:44px}.about-year span{font-size:14px}.schedule-band{padding:28px 0}.schedule-grid{grid-template-columns:1fr;gap:23px}.schedule-grid .button{grid-column:auto;justify-self:start}.schedule-grid>div>strong{font-size:20px}.schedule-grid>div>span{font-size:14px}.section{padding:55px 0}.section-head{margin-bottom:25px}h2{font-size:33px}.specialty>summary{padding:20px 14px;gap:12px}.specialty-heading strong{font-size:18px}.specialty-heading small{font-size:14px}.specialty .card-number{font-size:12px;min-width:20px}.specialty-body{margin:0 18px 22px}.study-grid{grid-template-columns:1fr;gap:32px}.studies{padding:50px 0}.study-list{padding:22px}.study-list li{font-size:15px}.visit-grid{gap:20px}.faq{gap:5px}.contact-section{padding:50px 0}.contact-section h2{font-size:33px}.contact-grid{grid-template-columns:1fr;padding:24px;gap:28px}.contact-grid>div+div{border-top:1px solid #d9e9ed}.email{font-size:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid .brand{font-size:19px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:10px}.footer-grid p{margin-top:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Hospital identity: supplied logo and automatic photo branding. */
.hospital-logo{display:block;width:64px;height:64px;object-fit:contain;border-radius:50%;flex:0 0 64px;background:#fff;box-shadow:0 1px 7px #073d6420}.logo-title{display:flex;align-items:center;gap:14px}.logo-title .hospital-logo{width:48px;height:48px;flex-basis:48px}.logo-title>span{width:auto;height:auto;background:none}.brand{flex-shrink:0}.hero .logo-title{margin-bottom:20px}.photo-branded{position:relative;isolation:isolate}.photo-branded:before{content:'';position:absolute;z-index:5;top:18px;right:18px;width:clamp(56px,7vw,92px);aspect-ratio:1;background:#fff url('logo-hospital.png') center/contain no-repeat;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 15px #001a3c40;pointer-events:none}.hero-visual.photo-branded:before{right:clamp(28px,7vw,105px)}.photo-frame{display:block;max-width:100%;margin:0}.photo-frame>img,.photo-frame>picture,.photo-frame>picture>img{display:block;max-width:100%;height:auto}.photo-frame>img,.photo-frame>picture>img{width:100%}
@media(max-width:1100px) and (min-width:761px){.nav{flex-wrap:wrap;justify-content:center;padding:14px 0}.nav nav{justify-content:center;flex-wrap:wrap}.nav .hospital-logo{width:52px;height:52px;flex-basis:52px}}
@media(max-width:760px){.hospital-logo{width:48px;height:48px;flex-basis:48px}.brand{gap:9px;font-size:15px}.brand small{font-size:9px;letter-spacing:2px}.logo-title .hospital-logo{width:44px;height:44px;flex-basis:44px}.hero-visual.photo-branded:before{right:18px}.photo-branded:before{width:64px;top:14px;right:14px}.contact-intro.logo-title{align-items:flex-start}.footer-grid .hospital-logo{width:56px;height:56px;flex-basis:56px}}

/* Supplied hospital films and campaign images: retain complete artwork. */
.hospital-video{background:#f0faf8;scroll-margin-top:100px}.video-layout{display:grid;grid-template-columns:.85fr 1.5fr;align-items:center;gap:64px}.video-copy h2{font-size:43px;line-height:1.18}.video-copy h2 em{font-style:normal;color:#008c91}.video-copy>p:not(.eyebrow){font-size:17px;color:#527183;max-width:360px;margin:24px 0}.video-copy .video-note{font-size:14px!important;margin-bottom:20px!important}.video-panel{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 15px 45px #073d6412;border:1px solid #d4eae7}.video-label{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;color:#0a6473;font-size:11px;letter-spacing:1.3px;font-weight:700}.video-label .hospital-logo{width:48px;height:48px;flex-basis:48px}.video-panel video{display:block;width:100%;max-height:560px;background:#062e48;object-fit:contain}.video-caption{margin:0;padding:17px 22px;font-size:14px;color:#527183}.hospital-gallery{background:#f5f9fd;scroll-margin-top:100px}.hospital-gallery .section-head>p{max-width:345px}.hospital-media-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:start;gap:25px}.media-card{margin:0;border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 8px 30px #073d640a;border:1px solid #dce8ef}.media-feature{grid-row:span 2}.media-image{padding-top:72px;background:#fff}.media-image:before{width:48px;height:48px;top:11px;right:15px;border-width:2px;box-shadow:0 2px 8px #073d6420}.media-image:after{content:'HOSPITAL SAN JOSÉ';position:absolute;top:28px;left:20px;font-size:10px;letter-spacing:1.4px;font-weight:700;color:#416b7d}.media-image>img{display:block;width:100%;height:auto;object-fit:contain}.media-card figcaption{padding:24px 26px}.media-card h3{font-size:22px;line-height:1.35;margin:9px 0 0;color:#164668}.media-card figcaption p{font-size:16px;color:#587184;margin:14px 0 20px}.media-category{color:#007c82;font-size:10px;letter-spacing:1.8px;font-weight:700}.media-feature figcaption{border-top:4px solid #18b9b5;padding:29px}.media-feature h3{font-size:29px}.media-card:nth-child(2) figcaption{border-top:4px solid #e4b94c}.media-card:nth-child(3) figcaption{border-top:4px solid #8d80c7}
@media(max-width:1000px){.video-layout{gap:30px;grid-template-columns:1fr 1.4fr}.video-copy h2{font-size:35px}.media-feature h3{font-size:24px}.media-card h3{font-size:20px}.media-card figcaption{padding:20px}}
@media(max-width:760px){.video-layout,.hospital-media-grid{grid-template-columns:1fr;gap:26px}.video-copy h2{font-size:34px}.video-copy h2 br{display:none}.video-copy h2 br:after{content:' '}.video-copy>p:not(.eyebrow){max-width:none}.media-feature{grid-row:auto}.video-label{font-size:10px;padding:12px 16px}.video-panel video{max-height:520px}.hospital-gallery .section-head>p{max-width:none}.media-card h3{font-size:22px}.media-feature h3{font-size:25px}.media-image:before{width:48px;height:48px;top:11px;right:15px}.media-image:after{font-size:9px;left:16px}}
.video-panel video{aspect-ratio:16/9}.video-caption a{display:inline-block;margin-left:12px;color:#007c83;text-decoration:underline}
.studies .light-button{background:#dff5ef;color:#164668}.studies .light-button:hover{background:#fff}

/* Balanced palette: warm whites, sage accents and restrained hospital blue. */
:root{--ink:#283c42;--teal:#28695e;--navy:#264663;--aqua:#77a99a;--line:#e1e5df}
body{background:#fffefa;color:#283c42}.topline{background:#edf3ec;color:#304e43}.topline a{color:inherit}header{border-bottom:1px solid #e1e5df}.brand{color:#264663}
.hero{background:#faf7f0}.hero h1{color:#264663}.hero h1 em{color:#397462}.hero-visual:after{background:linear-gradient(90deg,#faf7f0 0%,transparent 30%),linear-gradient(0deg,#263e49cc,transparent 45%)}
.button,.button.small{background:#28695e;color:#fff;box-shadow:none}.button:hover,.button.small:hover{background:#1e5148}
h2,.about h2,.video-copy h2,.contact-section h2{color:#293f49}.eyebrow,.text-link,.about-year strong,.video-copy h2 em{color:#326d5d}
.quick-wrap{box-shadow:0 10px 30px #293f4910}.quick-wrap>a:nth-child(1){background:#edf4ec}.quick-wrap>a:nth-child(2){background:#f7f3eb}.quick-wrap>a:nth-child(3){background:#fff4dd}.quick-wrap>a:nth-child(4){background:#f7ece6}.quick-wrap>a:hover{box-shadow:inset 0 -3px #6d9787}.quick-wrap .quick-symbol{background:#fff;color:#326d5d}.quick-wrap strong{color:#293f49}
.schedule-band{background:#f3eddf}.schedule-grid h2,.schedule-grid>div>strong{color:#344c42}
.specialty{background:#f4f8f2;border-color:#dce6d7;border-left-color:#77a386}.specialty.cream{background:#fffbef;border-color:#ede4ca;border-left-color:#d4af59}.specialty.blue{background:#f3f6f8;border-color:#dce4e9;border-left-color:#7896af}.specialty.light{background:#f1f7f0;border-color:#dbe7d8;border-left-color:#82a77a}.specialty.peach{background:#fff5ee;border-color:#f0dfd2;border-left-color:#ce9470}.specialty.lavender{background:#f7f4f9;border-color:#e4ddea;border-left-color:#a58eaf}.specialty-heading strong{color:#293f49}.specialty-action{color:#28695e;border-color:#a8bfb4}
.studies{background:#315b52}.studies h2{color:#fff}.studies .eyebrow,.study-accent>span{color:#e0edca}.study-list{background:#ffffff09;border-color:#ffffff35}.studies .light-button{background:#f2eddc;color:#294d43}.studies .light-button:hover{background:#fff}
.visit-card:nth-child(1){background:#f1f6ee;border-top-color:#8aaa78}.visit-card:nth-child(2){background:#fff8e9;border-top-color:#d2b266}.visit-card:nth-child(3){background:#fbf0e9;border-top-color:#cd977a}
.hospital-video{background:#fffefa}#recorrido-hospital{background:#f3f6f0}.video-panel{border-color:#e0e6dc;box-shadow:0 12px 30px #293f490c}.video-label,.video-caption{background:#fff}.video-label{color:#426555}
.hospital-gallery{background:#faf6ee}.media-card{border-color:#e6e2d9;box-shadow:0 8px 24px #293f4909}.media-feature figcaption{background:#fff;border-top-color:#7eaa90}.media-card:nth-child(2) figcaption{background:#fffaf0;border-top-color:#d5b56d}.media-card:nth-child(3) figcaption{background:#faf3ef;border-top-color:#c69d86}.media-category{color:#486d5e}.media-card h3{color:#293f49}
.contact-section{background:#edf3e9}.contact-grid{border-color:#dce5d5;box-shadow:none}.contact-intro{color:#4c6557}
footer{background:#2d4145;color:#e4edeb}.footer-bottom{border-color:#ffffff25}
@media(max-width:760px){.hero-visual:after{background:linear-gradient(0deg,#263e49dd,transparent 65%)}}
/* A brief, gentle invitation to notice each hospital mark as it enters view. */
@keyframes hospital-logo-welcome {
  0%, 100% { transform: translateY(0) scale(1); }
  25%, 70% { transform: translateY(-3px) scale(1.035); }
  48% { transform: translateY(0) scale(1); }
}
.hospital-logo.logo-in-view,
.photo-branded.logo-in-view::before {
  animation: hospital-logo-welcome 4.8s ease-in-out both;
  transform-origin: center;
}
@media (prefers-reduced-motion: reduce) {
  .hospital-logo.logo-in-view,
  .photo-branded.logo-in-view::before { animation: none; transform: none; }
}

.specialty-action{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:10px 15px;border:1px solid #007c83;border-radius:24px;background:#fff;color:#00636a;font-size:14px;font-weight:700;line-height:1.4}
.specialty-action .action-close{display:none}
.specialty[open] .specialty-action .action-open{display:none}
.specialty[open] .specialty-action .action-close{display:inline}
@media(max-width:760px){.specialty>summary{display:grid;grid-template-columns:22px minmax(0,1fr)}.specialty-action{grid-column:2;justify-self:start;font-size:13px;padding:9px 14px}}

/* Make the hospital email address easier to read on every screen. */
.contact-grid .email{font-size:clamp(18px,1.7vw,22px);line-height:1.6;overflow-wrap:anywhere}

.logo-home{display:inline-flex;flex-shrink:0;border-radius:50%;cursor:pointer}
.photo-logo-home{position:absolute;z-index:6;top:18px;right:18px;width:clamp(56px,7vw,92px);aspect-ratio:1;border-radius:50%;cursor:pointer}
.hero-visual .photo-logo-home{right:clamp(28px,7vw,105px)}
.media-image .photo-logo-home{width:48px;height:48px;top:11px;right:15px}
.photo-branded.logo-in-view>.photo-logo-home{animation:hospital-logo-welcome 4.8s ease-in-out both}
@media(max-width:760px){.photo-logo-home{width:64px;top:14px;right:14px}.hero-visual .photo-logo-home{right:18px}.media-image .photo-logo-home{width:48px;height:48px;top:11px;right:15px}}
@media(prefers-reduced-motion:reduce){.photo-branded.logo-in-view>.photo-logo-home{animation:none}}


/* Bright accents on white surfaces, without a blue or yellow cast. */
body,.hero,.hospital-video,.hospital-gallery,#recorrido-hospital{background:#fff}
.topline{background:#e5faf5;color:#174d49}
.hero-visual:after{background:linear-gradient(90deg,#fff 0%,transparent 30%),linear-gradient(0deg,#263e49cc,transparent 45%)}
.hero h1 em,.eyebrow,.text-link,.about-year strong,.video-copy h2 em{color:#007e80}
.button,.button.small{background:#008184;color:#fff}.button:hover,.button.small:hover{background:#006267}
.quick-wrap>a:nth-child(1){background:#bff7eb}.quick-wrap>a:nth-child(2){background:#eedcff}.quick-wrap>a:nth-child(3){background:#ffded3}.quick-wrap>a:nth-child(4){background:#d8f4e0}
.schedule-band{background:#f2faf7}
.specialty{background:#e3fbf3;border-color:#bce8d8;border-left-color:#00b98d}.specialty.cream{background:#fff0e9;border-color:#ffd5c4;border-left-color:#ef865c}.specialty.blue{background:#f2e8ff;border-color:#dec7f7;border-left-color:#a26adb}.specialty.light{background:#e9f9ec;border-color:#c4e9cb;border-left-color:#45b96e}.specialty.peach{background:#ffedf1;border-color:#f6ccd7;border-left-color:#e7749c}.specialty.lavender{background:#f0eaff;border-color:#d9cbf8;border-left-color:#9270d4}
.studies{background:#166b67}.study-list{background:#ffffff0d;border-color:#ffffff38}.studies .light-button{background:#fff;color:#17645c}
.visit-card:nth-child(1){background:#dff9ef;border-top-color:#00b58d}.visit-card:nth-child(2){background:#ffe9df;border-top-color:#ee8964}.visit-card:nth-child(3){background:#eee2ff;border-top-color:#a36cda}
.video-label,.video-caption{background:#fff}.video-panel{border-color:#cfe8df}
.media-feature figcaption{background:#f2fff9;border-top-color:#00ba8f}.media-card:nth-child(2) figcaption{background:#fff1ec;border-top-color:#f38a63}.media-card:nth-child(3) figcaption{background:#f6efff;border-top-color:#a470da}
.contact-section{background:#e4faf2}.contact-grid{background:#fff;border-color:#c5e9dc}
@media(max-width:760px){.hero-visual:after{background:linear-gradient(0deg,#263e49dd,transparent 65%)}}

/* Prominent blue contact links. */
a[href^="tel:"],.contact-grid .email,.contact-grid a[href^="https://wa.me/"]{color:#0755b5;font-weight:700}
a[href^="tel:"]:hover,.contact-grid .email:hover,.contact-grid a[href^="https://wa.me/"]:hover{color:#003d88;text-decoration:underline}
a.button[href^="tel:"]{background:#0755b5;color:#fff}.topline a[href^="tel:"],footer a[href^="tel:"]{color:#0755b5}footer a[href^="tel:"]{color:#9bcaff}

/* Clear chapter divisions within the single-page layout. */
main>section:not(.hero){position:relative;border-top:1px solid #dce8e5;margin-top:28px;scroll-margin-top:115px}
main>section:not(.hero)::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:86px;height:5px;border-radius:0 0 8px 8px;background:#00ae9d}
main>section#nosotros::before{background:#00ae9d}
main>section#video-hospital::before{background:#ae73df}
main>section#recorrido-hospital::before{background:#ed9472}
main>section#especialidades::before{background:#00ae9d}
main>section#estudios::before{background:#85e7d4}
main>section#historia-imagenes::before{background:#ae73df}
main>section#visita::before{background:#ed9472}
main>section#contacto::before{background:#0755b5}
#video-hospital,#historia-imagenes{background:#faf8fd}
#recorrido-hospital,#visita{background:#fffaf7}
#especialidades{padding-top:72px;padding-bottom:72px}
#nosotros{padding-top:72px;padding-bottom:72px}
.schedule-band{border-top:1px solid #dce8e5;border-bottom:1px solid #dce8e5;margin-top:28px}
main>section .eyebrow{font-size:12px;letter-spacing:2.3px}
@media(max-width:760px){main>section:not(.hero){margin-top:18px;scroll-margin-top:100px}#especialidades,#nosotros{padding-top:48px;padding-bottom:48px}.schedule-band{margin-top:18px}}

/* Editorial chapter markers and layered section headers. */
main{counter-reset:hospital-chapter}
main>section:not(.hero){counter-increment:hospital-chapter}
main>section:not(.hero) .eyebrow:first-child::before{content:counter(hospital-chapter,decimal-leading-zero);display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:10px;background:#e0f8f0;color:#087a72;font-size:13px;letter-spacing:0;font-weight:800;box-shadow:0 3px 0 #00ae9d22}
main>section#video-hospital .eyebrow::before,main>section#historia-imagenes .eyebrow::before{background:#eedfff;color:#8050af;box-shadow:0 3px 0 #ae73df22}
main>section#recorrido-hospital .eyebrow::before,main>section#visita .eyebrow::before{background:#ffe8dd;color:#aa4e2d;box-shadow:0 3px 0 #ed947222}
main>section#estudios .eyebrow::before{background:#fff;color:#166b67}
main>section#contacto .eyebrow::before{background:#fff;color:#0755b5}
#video-hospital{background:radial-gradient(ellipse at 95% 5%,#eadbfa88,transparent 44%),#fcfaff}
#recorrido-hospital{background:radial-gradient(ellipse at 5% 95%,#ffe0d080,transparent 42%),#fffaf7}
#historia-imagenes{background:linear-gradient(135deg,#f7f1ff,#fff 65%)}
#visita{background:linear-gradient(135deg,#fff,#fff1e9)}
main>section:not(.hero)::before{width:144px;height:6px;background:linear-gradient(90deg,#00ae9d,#82e7c7)}
.video-panel,.media-card{box-shadow:0 12px 30px #273e4910}
@media(max-width:760px){main>section:not(.hero) .eyebrow:first-child::before{min-width:30px;height:30px;font-size:12px}}

/* Independent pages: persistent navigation and page directory. */
.nav{flex-wrap:wrap;justify-content:space-between;padding-top:16px;padding-bottom:16px;gap:18px}nav{gap:8px;flex-wrap:wrap}.page-nav-button{padding:9px 13px;border:1px solid #dce8e5;border-radius:24px;background:#fff;font-size:13px}.page-nav-button[aria-current="page"]{background:#008184;color:#fff;border-color:#008184}.page-nav-button:hover{background:#e3faf3;color:#175f58;text-decoration:none}
.page-breadcrumb{padding-top:24px;padding-bottom:8px;color:#536b70;font-size:14px}.page-breadcrumb a{color:#0755b5;font-weight:700}.page-directory{padding-top:60px;padding-bottom:70px}.page-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.page-cards>a{display:block;padding:28px;border-radius:18px;background:#e4fbf2;border:1px solid #d8e7e1;box-shadow:0 8px 24px #263e490a}.page-cards>a:nth-child(3n+2){background:#f3e8ff}.page-cards>a:nth-child(3n){background:#ffede5}.page-cards>a>span{font-size:13px;font-weight:800;color:#087a72}.page-cards h3{font-size:24px;margin:18px 0}.page-cards strong{color:#0755b5;font-size:14px}main{min-height:60vh}footer{margin-top:28px}
@media(max-width:760px){.nav{padding-top:12px;padding-bottom:12px}.page-cards{grid-template-columns:1fr}.page-directory{padding-top:40px;padding-bottom:45px}.page-nav-button{font-size:15px;width:100%;text-align:center}nav.open{width:100%}.page-breadcrumb{padding-top:18px}}
.specialty[open]>summary>.specialty-action{transform:none!important}
main>section.page-directory .eyebrow::before{content:none}

.directory-intro{color:#526970;margin:-8px 0 30px;font-size:17px}.preview-cards{gap:24px}.directory-card{overflow:hidden;background:#fff;border:1px solid #dce8e5;border-radius:20px;box-shadow:0 9px 28px #273e4910;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.directory-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px #273e491c}.directory-copy{padding:24px;display:flex;flex-direction:column;flex:1}.directory-number{color:#007e80;font-size:12px;font-weight:800;letter-spacing:2px}.directory-copy h3{font-size:24px;margin:8px 0 12px}.directory-copy p{margin:0 0 24px;color:#536b70;font-size:15px;line-height:1.6}.directory-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:#0755b5;color:white;font-size:14px;font-weight:700;margin-top:auto}.directory-button:hover{background:#003f8c;text-decoration:none}.preview-picture{height:204px}.preview-picture>img{width:100%;height:100%;object-fit:cover;display:block}.preview-picture.photo-branded:before,.preview-picture>.photo-logo-home{width:48px;height:48px;top:12px;right:12px}
.preview-videos{display:grid;grid-template-columns:1fr 1fr;height:204px;gap:3px;background:#fff}.preview-videos>a{position:relative;display:block;overflow:hidden;background:#163c49}.preview-videos img{width:100%;height:100%;object-fit:cover;opacity:.8;display:block}.preview-videos strong{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 12px;background:linear-gradient(transparent,#122c3fea);color:#fff;font-size:12px;line-height:1.4}.preview-play{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#0755b5;font-size:17px;box-shadow:0 4px 18px #0003}
.preview-info{min-height:204px;display:flex;align-items:center;gap:14px;padding:24px;color:#254d4a}.preview-info strong{display:block;font-size:17px;margin-bottom:10px}.preview-info div>span{display:block;font-size:13px;line-height:1.6;margin-top:5px}.preview-symbol{font-size:42px;flex-shrink:0;color:#007e80}.preview-mint{background:linear-gradient(135deg,#bdf5e5,#e7fff5)}.preview-lilac{background:linear-gradient(135deg,#e6d4fc,#f5eefe)}.preview-coral{background:linear-gradient(135deg,#ffd7c7,#fff1e8)}.preview-blue{background:linear-gradient(135deg,#dceeff,#edf7ff)}
@media(max-width:1050px) and (min-width:761px){.preview-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.preview-cards{grid-template-columns:1fr}.directory-copy{padding:22px}.preview-info{min-height:180px}.preview-picture,.preview-videos{height:200px}}@media(prefers-reduced-motion:reduce){.directory-card:hover{transform:none}}

.topline-contacts{display:flex;align-items:center;justify-content:flex-end;gap:10px 22px;flex-wrap:wrap}.topline .topline-whatsapp{color:#0755b5;font-weight:800;white-space:nowrap}.topline-contacts a:hover{text-decoration:underline}@media(max-width:760px){.topline .topline-contacts{display:flex;justify-content:center;gap:8px 16px;width:100%}.topline-contacts a{font-size:13px}}
/* Compact, independent-page navigation on phones and tablets. */
@media(max-width:1050px){
header .nav{min-height:76px;gap:10px;position:relative}
header .menu{display:block;background:#fff;border:1px solid #bedbd4;border-radius:10px;padding:10px 14px;font-size:14px;color:#174d49;min-height:44px}
header #navegacion{display:none;flex-basis:100%;width:100%;padding:12px 0 0;gap:8px}
header #navegacion.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:65vh;overflow-y:auto}
header .page-nav-button{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;padding:10px;border-radius:10px}
}
@media(max-width:760px){
.topline .wrap{display:block}.topline .wrap>span{display:none}.topline .topline-contacts{justify-content:space-between;gap:6px}.topline-contacts a{font-size:12px}
header .brand{font-size:16px;gap:9px}header .brand small{font-size:9px;letter-spacing:2px}header .hospital-logo{width:44px;height:44px}
.hero-copy{padding:30px 0 28px}.hero .eyebrow{margin-bottom:18px;letter-spacing:1px;font-size:10px}.hero h1{font-size:38px;line-height:1.12;letter-spacing:-1.5px;margin-bottom:18px}.hero h1 br:nth-of-type(2){display:none}.hero h1 em:before{content:' ';white-space:pre}.hero .intro{font-size:16px;margin-bottom:20px}.hero .actions{gap:14px}.hero-visual{height:220px;min-height:220px}.hero-caption{bottom:28px}
.quick-wrap{display:none}
.page-directory{padding-top:30px;padding-bottom:35px}.page-directory h2{font-size:28px;margin-bottom:16px}.directory-intro{font-size:15px;margin:0 0 20px}.preview-cards{gap:16px}
.directory-card{display:grid;grid-template-columns:100px minmax(0,1fr);border-radius:16px}.directory-copy{padding:16px;min-width:0}.directory-copy h3{font-size:19px;margin:4px 0 8px}.directory-copy p{font-size:14px;line-height:1.45;margin-bottom:14px}.directory-number{font-size:10px}.directory-button{font-size:13px;padding:10px 12px;min-height:44px;gap:6px}
.preview-picture{height:100%;min-height:180px}.preview-picture.photo-branded:before,.preview-picture>.photo-logo-home{width:32px;height:32px;top:8px;right:8px}.preview-info{height:100%;min-height:180px;padding:12px;justify-content:center}.preview-info>div{display:none}.preview-symbol{font-size:38px}
.preview-videos{height:100%;min-height:240px;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.preview-videos strong{font-size:10px;padding:20px 6px 8px}.preview-play{width:32px;height:32px;font-size:13px;top:35%}
main .section-head h2{font-size:29px}.page-breadcrumb{font-size:13px}.specialty>summary{flex-wrap:wrap}.specialty-action{margin-left:auto;font-size:12px}.contact-grid{padding:20px}video{max-width:100%;height:auto}
}
@media(max-width:760px){.hero h1 br:nth-of-type(2){display:initial}.hero h1 em:before{content:none}}