/*
CSS de template-parts/post-author-box.php.
Solo estructura, sin diseño.
Se usa SOLO en single.php, después de la sección de relacionados
(NO tiene nada que ver con author.css, que es la página de autor — son dos
archivos totalmente separados, mirá el borde de color: acá es slateblue,
en author.css es otro, para que no se confundan).
*/

/* Esto es la cajita de autor completa, al final del post (avatar + nombre + bio, todo junto). */
.post-author-box {
	display: flex;         /* pone el avatar y el bloque de texto uno al lado del otro */
	align-items: center;   /* los centra verticalmente entre sí */
	gap: 16px;                /* espacio entre el avatar y el nombre/bio */
	margin-top: 48px;       /* separación entre la sección de relacionados y esta cajita */
	border: 2px solid slateblue; /* borde de 2px, color azul violáceo, para ubicar este bloque mientras diseñás */
}

/* Esto es específicamente el avatar (foto redonda) dentro de la cajita. */
.post-author-box img {
	border-radius: 50%; /* esto es lo que la hace circular */
	flex-shrink: 0;      /* evita que el avatar se achique si el nombre/bio es largo */
}

/* Esto es el bloque de texto (nombre + bio), sin el avatar. Evita que se salga
   del cuadro cuando el texto es largo (es hijo de un flex, por defecto no se
   achica solo — con min-width: 0 sí). */
.post-author-box-info {
	min-width: 0;
}

/* Esto es específicamente el párrafo de la bio ("Biografía"/descripción del perfil de usuario). */
.post-author-box-bio {
	overflow-wrap: break-word; /* si hay una palabra/URL muy larga, la corta en vez de desbordar */
	word-break: break-word;    /* mismo propósito, refuerzo por compatibilidad */
}