/* Estilos para el contenido del artículo (prose) */
.prose {
    color: #d1d5db; /* gris claro */
}

.prose h2, .prose h3, .prose strong {
    color: #fff; /* blanco */
}

.prose a {
    color: #60a5fa; /* azul claro */
    text-decoration: underline;
}

.prose a:hover {
    color: #93c5fd; /* azul más claro */
}

/* Estilos para los bloques de código en línea */
.prose code {
    background-color: #1f2937; /* gris oscuro */
    padding: 0.2em 0.4em;
    margin: 0;
    font-size: 85%;
    border-radius: 3px;
}

/* Estilos para los bloques de código preformateados (Prism.js) */
.prose pre {
    border-radius: 0.5rem;
}

/* Contenedor para videos de YouTube */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporción 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    border-radius: 0.5rem;
}

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