.
========================================================================== */
/* 7.1. Flotando a la derecha: el texto nunca se queda con menos de un ~55% de ancho */
.entry-content.wp-block-post-content img.alignright,
.entry-content.wp-block-post-content .wp-block-image.alignright,
.entry-content.wp-block-post-content .wp-caption.alignright {
float: right;
margin: 0.3em 0 1.5em 1.5em;
max-width: 45%;
}
/* 7.2. Misma lógica, alineación a la izquierda */
.entry-content.wp-block-post-content img.alignleft,
.entry-content.wp-block-post-content .wp-block-image.alignleft,
.entry-content.wp-block-post-content .wp-caption.alignleft {
float: left;
margin: 0.3em 1.5em 1.5em 0;
max-width: 45%;
}
/* 7.3. Las centradas nunca deben flotar */
.entry-content.wp-block-post-content img.aligncenter,
.entry-content.wp-block-post-content .wp-block-image.aligncenter,
.entry-content.wp-block-post-content .wp-caption.aligncenter {
float: none;
display: block;
margin: 1.5em auto;
}
/* 7.4a. Proporción estable y esquinas redondeadas en cualquiera de las variantes.
OJO: aquí NO forzamos width:100% en el ![]()
suelto — eso estiraría siempre
la imagen hasta el 45% de tope, aunque el redactor la haya insertado más
pequeña en el editor. El max-width de 7.1/7.2 ya actúa como tope de seguridad. */
.entry-content.wp-block-post-content img.alignright,
.entry-content.wp-block-post-content img.alignleft,
.entry-content.wp-block-post-content .wp-block-image.alignright img,
.entry-content.wp-block-post-content .wp-block-image.alignleft img,
.entry-content.wp-block-post-content .wp-caption.alignright img,
.entry-content.wp-block-post-content .wp-caption.alignleft img {
height: auto;
border-radius: var(--radio-tarjeta);
border: 1px solid var(--scout-global-borde);
/* Sombra propia (no --sombra-tarjeta: esa variable está a "none" a
propósito para las tarjetas, pero aquí sí queremos ese efecto).
Dos capas: una pegada al borde para dar definición, otra más ancha
y difusa para dar sensación de "elevación" sobre el folio blanco. */
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 6px 16px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
}
/* 7.4b. Esto SÍ debe rellenar al 100%: cuando la imagen va dentro de un
contenedor (figure de bloques o wp-caption), es ese contenedor el que
trae el tamaño elegido, y la imagen debe ajustarse a él. */
.entry-content.wp-block-post-content .wp-block-image.alignright img,
.entry-content.wp-block-post-content .wp-block-image.alignleft img,
.entry-content.wp-block-post-content .wp-caption.alignright img,
.entry-content.wp-block-post-content .wp-caption.alignleft img {
width: 100%;
}
/* ==========================================================================
8. TAMAÑO DE TEXTO EN ESCRITORIO/TABLET
--------------------------------------------------------------------------
PROBLEMA: el "folio" no fija ningún font-size propio, así que el párrafo
hereda la tipografía global del tema padre (más grande), mientras que en
el editor clásico/WYSIWYG el texto se ve con el tamaño por defecto del
navegador. Resultado: el mismo texto se ve mucho más grande en la página
real que mientras se redacta. Igualamos aquí al tamaño de lectura
habitual (el móvil ya tenía su propio ajuste en style.css).
========================================================================== */
/* 8.1. Tamaño y interlineado de lectura para párrafos y listas */
.entry-content.wp-block-post-content p,
.entry-content.wp-block-post-content li {
font-size: 1rem !important;
line-height: 1.7 !important;
}