/* */
.mce {
    color: var(--color-base);
}

.mce-accordion {
    clear: both;
    display: block;
    transition: all .3s linear;
    border-radius: 4px;
    margin-bottom: 1px;
}

.mce-accordion summary {
	background: linear-gradient(0deg, rgba(94, 76, 166, 1) 0%, rgba(102, 118, 233, 1) 100%);
    cursor: pointer;
    padding: 10px;
    font-weight: 500;
    color: #fff;
}

.mce-accordion summary:hover {
	background: linear-gradient(0deg, rgba(0, 130, 226, 1) 0%, rgba(0, 198, 255, 1) 100%);
    color: #fff;
}

.mce-accordion summary+* {
    padding: 20px;
    margin: 0;
}

.mce table,
.mce th,
.mce td {
    border: 1px solid #eee !important;
    padding: 5px !important;
    margin: 0 !important;
    background: none !important;
    box-shadow: none !important;
    border-collapse: collapse !important;
}

.mce th {
    font-weight: bold;
}

.mce p,
.mce h1,
.mce h2,
.mce h3,
.mce h4,
.mce h5 {
    margin: 0;
    padding: 0;
}
.mce h1,
.mce h2,
.mce h3,
.mce h4,
.mce h5 {
    color: var(--ColorBase1);
    font-weight: 700 !important;
    font-size: 1.5rem;
    border: none;
    margin: 0;
    padding: 0;
    margin-bottom: 2rem;
}
.mce li{
    margin: 3px 0;
    padding: 0;
}
/* Estilo base para el contenedor del video */
.mce .responsive-video {
    position: relative;
    width: 100%;
    max-width: 700px; /* Ancho máximo del video */
    margin: 2rem auto;
}

/* Estilo para el iframe */
.mce .responsive-video iframe {
    width: 100%;
    aspect-ratio: 16 / 9; /* Mantener relación de aspecto 16:9 */
    height: auto;
    border: 0;
}

/* Media Query para pantallas grandes */
@media (min-width: 768px) {
    .mce .responsive-video {
        max-width: 700px; /* Limitar el ancho máximo del video */
    }
}
.mce-img{
    display: block;
    margin: 2rem auto;
    max-width: 100%;
    height: auto;
}