/*
 * CSS ADICIONAL - Imágenes en posts
 * Para desactivar: eliminar esta línea del header.php o renombrar este archivo
 * Ubicación: /wp-content/themes/salaupla/css/post-images.css
 */

/* Imágenes dentro del contenido del post */
#content .descripcion .texto img,
#content .texto img,
#content .descripcion img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;
}

/* Imagen principal del post (.foto) - mantener proporción */
#content .foto {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* Si hay imágenes en carrusel, mantenerlas bien */
#content .foto.owl-carousel .img {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

/* Galería de imágenes */
#content .gallery img,
#content .gallery-item img {
    max-width: 100%;
    height: auto;
}

/* Imágenes con clases de WordPress */
#content img.alignleft,
#content img.alignright,
#content img.aligncenter,
#content img.alignnone {
    max-width: 100%;
    height: auto;
}

/* Responsive para móviles */
@media screen and (max-width: 768px) {
    #content .foto {
        width: 100%;
        height: 300px;
    }

    #content .descripcion {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
}
                                                                                                                61,1          Bot
