* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Georgia, serif; line-height:1.65; color:#333; background:#f8f9fa; text-align:center; }
.logo { font-size:26px; font-weight:bold; }

.video-page { 
    max-width:850px; 
    margin:40px auto; 
    padding:40px; 
    background:#fff; 
    border-radius:10px; 
    box-shadow:0 4px 20px rgba(0,0,0,0.08); 
}

h1 { font-size:2.0rem; line-height:1.2; margin-bottom:10px; color:#1a3c5e; }
h2 { font-size:1.4rem; line-height:1.4; margin-bottom:35px; font-weight:normal; color:#444; }

/* Deixa o vídeo responsivo na proporção 16:9 */
.video-container { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; margin-bottom:35px; border-radius:8px; box-shadow:0 4px 15px rgba(0,0,0,0.1); background:#000; }
.video-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }

/* Alerta de Urgência */
.urgency-banner {
    background-color: #ffdddd;
    color: #d8000c;
    border: 1px solid #d8000c;
    padding: 12px;
    border-radius: 8px;
    font-size: 1.05rem;
    margin-bottom: 25px;
    text-align: center;
}

/* Contador de Pessoas Assistindo */
.live-counter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 1rem;
    color: #555;
    margin-bottom: 15px;
    font-weight: bold;
}
.pulsing-dot {
    width: 10px;
    height: 10px;
    background-color: #ff0000;
    border-radius: 50%;
    animation: pulse 1.5s infinite;
}
@keyframes pulse {
    0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
    70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(255, 0, 0, 0); }
    100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
}

.doctor-info { display:flex; gap:20px; align-items:center; background:#f8f8f8; padding:25px; border-radius:8px; margin-bottom:30px; text-align:left; }
.doctor-info img { border-radius:50%; object-fit:cover; border: 3px solid #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }

.watch-text { font-size:1.15rem; margin-bottom:35px; padding:25px; background:#e6f0ff; border-radius:8px; border:1px solid #b3d1ff; color:#1a3c5e; }

.disclaimer { font-size:0.9rem; color:#777; margin-top:20px; }

footer { background:#3418af; color:#fff; padding:30px; margin-top:60px; }

/* Ajustes para Celular */
@media (max-width: 768px) {
    .video-page { margin: 15px; padding: 20px; }
    h1 { font-size: 1.4rem; }
    h2 { font-size: 1.15rem; }
    .doctor-info { flex-direction:column; text-align:center; padding: 20px 15px; }
    }