/* Estilos específicos para la página chatbot.html */

/* Video container para mantener aspecto de móvil */
.video-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-container video {
    max-width: 300px;
    width: 100%;
    border-radius: 24px;
    border: 8px solid #1c1c1c;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    background: #000;
    display: block;
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .video-container video {
        max-width: 250px;
    }
}

@media (max-width: 768px) {
    .video-container video {
        max-width: 200px;
    }
}