/* Video de presentación de Bogotá: 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; }