/**
 * Estilos para contenido de CKEditor
 * Hace que las imágenes sean responsivas y no se salgan del contenedor
 */

/* Contenido generado por CKEditor - Imágenes responsivas */
.contenido-tour img,
.card-body img,
[class*="ckeditor"] img,
.ck-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 1rem auto;
}

/* Imágenes inline */
.contenido-tour img.image-inline,
.card-body img.image-inline {
    display: inline-block;
    margin: 0.5rem;
}

/* Imágenes con estilos específicos de CKEditor */
.contenido-tour figure.image,
.card-body figure.image {
    margin: 1.5rem auto;
    max-width: 100%;
}

.contenido-tour figure.image img,
.card-body figure.image img {
    max-width: 100%;
    height: auto;
}

/* Imágenes alineadas */
.contenido-tour figure.image.image_resized,
.card-body figure.image.image_resized {
    max-width: 100%;
}

.contenido-tour figure.image.image_resized img,
.card-body figure.image.image_resized img {
    width: 100%;
}

/* Figcaption */
.contenido-tour figcaption,
.card-body figcaption {
    text-align: center;
    font-style: italic;
    color: #6c757d;
    font-size: 0.9rem;
    margin-top: 0.5rem;
}

/* Prevenir overflow en contenedores */
.contenido-tour,
.card-body {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Imágenes en el editor (vista de administración) */
.ck-editor__editable img {
    max-width: 100%;
    height: auto;
}

/* Responsive para pantallas pequeñas */
@media (max-width: 768px) {
    .contenido-tour img,
    .card-body img {
        margin: 0.5rem auto;
    }
    
    .contenido-tour figure.image,
    .card-body figure.image {
        margin: 1rem auto;
    }
}