/* static_dev/css/blog-custom.css */

/* Espaciado para imágenes en el contenido del blog */
.blog-content img {
    margin: 20px auto;  /* Espacio arriba y abajo */
    display: block;     /* Centrar imagen */
    max-width: 100%;    /* Responsive */
    height: auto;
}

/* Si la imagen está dentro de un párrafo */
.blog-content p img {
    margin: 15px 0;     /* Espacio vertical */
}

/* Imágenes alineadas a la izquierda con texto al lado */
.blog-content img[style*="float: left"],
.blog-content img[style*="float:left"] {
    margin: 10px 20px 10px 0;  /* Espacio a la derecha */
}

/* Imágenes alineadas a la derecha con texto al lado */
.blog-content img[style*="float: right"],
.blog-content img[style*="float:right"] {
    margin: 10px 0 10px 20px;  /* Espacio a la izquierda */
}

/* Espaciado general del contenido */
.blog-content p {
    margin-bottom: 1.5rem;
    line-height: 1.8;
}

.blog-content h2,
.blog-content h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}