/* Video de presentación de Santa Marta: portada completa y controles transparentes. */
.hero__video-container video { object-fit: contain; }
.hero__video-facade { width: 100%; height: 100%; padding: 0; border: 0; background-color: transparent; font: inherit; }
.hero__video-facade.hidden { visibility: hidden; }
.hero__play-btn { background: rgba(31, 51, 107, .22); border-color: rgba(92, 200, 142, .65); box-shadow: 0 4px 16px rgba(0, 0, 0, .12); }
.hero__video-facade:hover .hero__play-btn { background: rgba(31, 51, 107, .38); transform: scale(1.05); }
.hero__video-facade:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
.hero__video-facade:focus-visible .hero__play-btn { outline: 3px solid #fff; outline-offset: 4px; }
.hero__video-invitation { position: absolute; bottom: 16px; left: 12px; right: 12px; padding: 10px 8px; border-radius: 14px; background: rgba(18, 31, 69, .65); color: #fff; font-size: 14px; font-weight: 700; line-height: 1.4; text-align: center; }
.hero__video-invitation > span { display: block; margin-top: 3px; font-size: 12px; font-weight: 500; }
.hero__doctor-role { font-size: 12px; font-weight: 500; }

.hero__video-facade { background-size: contain; background-repeat: no-repeat; background-color: #fff; }
.hero__play-btn { position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); }
.hero__video-facade:hover .hero__play-btn { transform: translate(-50%, -50%) scale(1.05); }
.hero__video-invitation { bottom: 10px; }
.hero__video-caption > svg { flex-shrink: 0; }
.hero__attending-doctor { margin: 6px 8px 4px; padding: 10px 8px 4px; border-top: 1px solid #e2ebe9; color: #49576c; font-size: 12px; line-height: 1.5; text-align: center; }
.hero__attending-doctor strong { color: #1f336b; }