/*------------------------------------------ WORDPRESS CORE ------------------------------------------*/
/* Añade un pequeño margen al rededor de las imágenes, evitando que se peguen demasiado a los elementos de alrededor. */
.alignnone, a img.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright, a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft, a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
/* Leyenda de las imagenes */
.wp-caption {
    max-width: 100%;
    text-align: center;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    height: auto;
    max-width: 100%;
}
/*Elimina el margen inferior de <p> */
.wp-caption p.wp-caption-text {
    margin: 0;
}

/* Las imágenes añadidas a los posts pueden no adaptarse correctamente al tamaño disponible. Para evitar overflow:*/
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
    width: initial;
    max-width: 100%;
}