/*
 * Archivo CSS para las descripciones de YouTube.
 */

.youtube-caption-container {
    margin: 20px 0;
    text-align: center;
}

/* Contenedor para hacer el video responsive */
.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* Relación de aspecto 16:9 (altura / ancho = 9 / 16 = 0.5625) */
    height: 0;
    overflow: hidden;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.youtube-caption-text {
    font-size: 14px !important;
    color: #666;
    margin-top: 10px;
    font-style: italic;
	text-align: left;
}