/* Liam Barber Shop — ajustes propios de WordPress (lo demás está en styles.css, igual al prototipo). */

/* Contenido escrito en el editor (páginas legales, textos extra). */
.contenido-wp { margin-top: 48px; }
.contenido-wp > *:first-child { margin-top: 0; }
.contenido-wp h2 { font-size: 2.1rem; margin-top: 1.6em; }
.contenido-wp h3 { font-size: 1.6rem; margin-top: 1.4em; }
.contenido-wp p, .contenido-wp li { color: var(--suave); }
.contenido-wp a { color: var(--tinta); border-bottom: 1px solid var(--oro-claro); }
.contenido-wp a:hover { color: var(--oro); }
.contenido-wp ul, .contenido-wp ol { padding-left: 1.2em; }
.contenido-wp img { height: auto; }
.contenido-wp figure { margin: 2em 0; }
.contenido-wp figcaption { font-size: 0.85rem; color: var(--tenue); margin-top: 8px; }
.contenido-wp blockquote { font-family: var(--serif); font-style: italic; font-size: 1.5rem; border-left: 1px solid var(--oro-claro); margin: 2em 0; padding-left: 24px; }
.legal.contenido-wp { margin-top: 0; }
.alignwide { max-width: 1100px; }
.alignfull { width: 100vw; margin-left: calc(50% - 50vw); }
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.wp-caption, .gallery-caption { font-size: 0.85rem; color: var(--tenue); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Foto de cabecera dentro del contenedor (en el tema va junto al texto). */
.cabecera-pagina.con-foto .contenedor > .cabecera-foto { max-width: none; }

/* Barbero con foto real (Personalizar > Fotos del equipo): retrato en el círculo. */
.barbero-foto { width: 108px; height: 108px; border-radius: 50%; object-fit: cover; margin-bottom: 18px; }

/* Reseñas (si se cargan en datos.js) */
.resena { margin: 0; padding: 32px; border: 1px solid var(--linea); background: var(--blanco); }
.resena-nota { color: var(--oro); letter-spacing: 0.15em; margin: 0 0 12px; }
.resena blockquote { margin: 0 0 16px; font-family: var(--serif); font-style: italic; font-size: 1.25rem; }
.resena figcaption { color: var(--tenue); font-size: 0.85rem; }

/* Paginación del blog */
.pagination .nav-links { display: flex; gap: 8px; margin-top: 48px; }
.pagination .page-numbers { padding: 8px 14px; border: 1px solid var(--linea-fuerte); }
.pagination .current { background: var(--tinta); color: var(--blanco); }
.entrada { padding: 32px 0; border-bottom: 1px solid var(--linea); }
.entrada h2 { margin-top: 0; }

/* Barra de administración: la cabecera fija baja para no quedar debajo. */
.admin-bar .cabecera { top: 32px; }
@media (max-width: 782px) { .admin-bar .cabecera { top: 46px; } }