/* ================================================================
   EL CUADERNO DE MORATÍN
   Identidad visual · v2 (calibrada)
   
   Dirección estética: columna de autor, terrosa y contenida.
   Tipografías: Lora (cuerpo y títulos) + Caveat (solo tagline y fechas)
   Paleta: musgo asturiano + teja (como tintas, no como decoración)
   
   Cambio respecto a v1:
   Se reduce el ornamentismo porque la voz editorial es seca,
   crítica y observacional, no costumbrista. Lo decorativo le
   queda pequeño al texto.
   
   Estructura:
     1. Importaciones y reset
     2. Tokens de diseño
     3. Tipografía base
     4. Cabecera y navegación
     5. Home y presentación
     6. Listado de artículos (con apertura destacada)
     7. Artículo individual (lectura)
     8. Suscripción y formularios
     9. Comentarios
    10. Auxiliares (cookies, pie, paginación)
    11. Accesibilidad y responsive
   ================================================================ */


/* ----------------------------------------------------------------
   1. IMPORTACIONES Y RESET
   ---------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Caveat:wght@400;600&display=swap');

*, *::before, *::after {
  box-sizing: border-box;
}


/* ----------------------------------------------------------------
   2. TOKENS DE DISEÑO
   ---------------------------------------------------------------- */

:root {
  /* Papel */
  --mlm-paper:         #f5f1e4;
  --mlm-paper-deep:    #eae5d8;
  --mlm-paper-warm:    #ede6d2;
  
  /* Tintas */
  --mlm-ink:           #26201a;
  --mlm-ink-soft:      #3a3024;
  --mlm-ink-faded:     #5a4a32;
  --mlm-ink-ghost:     #8a7a5a;
  
  /* Acentos */
  --mlm-moss:          #4a5d3a;
  --mlm-moss-deep:     #3a4a2d;
  --mlm-tile:          #a84c2f;
  --mlm-tile-deep:     #8a3e25;
  --mlm-handwritten:   #6f5538;
  
  /* Detalles */
  --mlm-border:        #c4bba4;
  --mlm-border-soft:   #d9cfbd;
  --mlm-rule-dash:     #b8ab8a;
  
  /* Layout */
  --mlm-max-read:      680px;
  --mlm-max-list:      760px;
  --mlm-radius:        2px;
  
  /* Tipografía */
  --mlm-serif:         'Lora', Georgia, 'Times New Roman', serif;
  --mlm-script:        'Caveat', 'Segoe Script', cursive;
}


/* ----------------------------------------------------------------
   3. TIPOGRAFÍA BASE
   ---------------------------------------------------------------- */

html {
  scroll-behavior: smooth;
}

body {
  background: var(--mlm-paper);
  color: var(--mlm-ink);
  font-family: var(--mlm-serif);
  font-size: 17px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Textura de papel muy sutil (prácticamente imperceptible pero rompe el plano) */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image: 
    radial-gradient(circle at 20% 30%, rgba(138, 90, 59, 0.018) 0%, transparent 45%),
    radial-gradient(circle at 80% 70%, rgba(74, 93, 58, 0.015) 0%, transparent 45%);
}

.entry-content,
.post-content,
.wp-block-post-content,
article .content,
main article,
.is-layout-constrained > * {
  max-width: var(--mlm-max-list);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

/* Títulos: Lora con peso medio, sin florituras */
h1, h2, h3, h4, h5, h6,
.entry-title,
.wp-block-post-title {
  font-family: var(--mlm-serif);
  color: var(--mlm-ink);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.005em;
}

h1,
.entry-title,
.wp-block-post-title {
  font-size: clamp(2rem, 4vw, 2.6rem);
  margin-bottom: 0.5em;
}

h2 {
  font-size: clamp(1.4rem, 2.8vw, 1.8rem);
  margin-top: 2.2em;
  margin-bottom: 0.6em;
  color: var(--mlm-ink);
}

h3 {
  font-size: 1.25rem;
  margin-top: 1.8em;
  margin-bottom: 0.5em;
  color: var(--mlm-ink-soft);
  font-weight: 500;
}

p {
  margin: 0 0 1.3em;
}

/* Enlaces: sobrios, tinta teja con subrayado discreto */
a {
  color: var(--mlm-tile);
  text-decoration-color: rgba(168, 76, 47, 0.3);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

a:hover,
a:focus {
  color: var(--mlm-tile-deep);
  text-decoration-color: var(--mlm-tile-deep);
}

/* Citas: aquí sí marca editorial, pero SIN el "al margen:" automático.
   Queda el filete musgo lateral y la cursiva. Sobrio. */
blockquote {
  margin: 2rem 0;
  padding: 0.5rem 0 0.5rem 1.4rem;
  border-left: 3px solid var(--mlm-moss);
  font-style: italic;
  color: var(--mlm-ink-soft);
}

blockquote p:last-child {
  margin-bottom: 0;
}

/* Separador: filete doble fino, modo editorial serio (no asteriscos) */
hr,
.wp-block-separator {
  border: 0;
  margin: 2.5rem auto;
  width: 80px;
  height: 4px;
  border-top: 1px solid var(--mlm-border);
  border-bottom: 1px solid var(--mlm-border);
}

img {
  max-width: 100%;
  height: auto;
  border-radius: var(--mlm-radius);
}


/* ----------------------------------------------------------------
   4. CABECERA Y NAVEGACIÓN
   ---------------------------------------------------------------- */

.site-header,
header.wp-block-template-part {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--mlm-border);
  position: relative;
}

/* Filete decorativo bajo la cabecera: mantenemos porque es sutil */
.site-header::after,
header.wp-block-template-part::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background: var(--mlm-moss);
  opacity: 0.5;
}

/* Título del sitio */
.wp-block-site-title,
.site-title {
  font-family: var(--mlm-serif) !important;
  font-size: clamp(1.5rem, 2.2vw, 2rem) !important;
  font-style: italic;
  font-weight: 500 !important;
  letter-spacing: -0.01em;
  color: var(--mlm-ink);
}

.wp-block-site-title a,
.site-title a {
  color: inherit;
  text-decoration: none;
}

/* Descripción del sitio: Caveat aquí sí (único guiño manuscrito visible) */
.wp-block-site-tagline,
.site-description {
  font-family: var(--mlm-script);
  font-size: 1.25rem;
  color: var(--mlm-handwritten);
  font-style: italic;
  margin-top: 0.2rem;
  font-weight: 400;
}

/* Menú de navegación */
.wp-block-navigation,
.wp-block-navigation ul,
nav ul.menu {
  gap: 1.5rem;
}

.wp-block-navigation a,
nav a,
.menu a {
  font-family: var(--mlm-serif);
  font-size: 0.82rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mlm-ink-faded);
  text-decoration: none;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}

.wp-block-navigation a:hover,
nav a:hover,
.menu a:hover,
.current-menu-item > a {
  color: var(--mlm-moss);
  border-bottom-color: var(--mlm-moss);
}


/* ----------------------------------------------------------------
   5. HOME Y PRESENTACIÓN
   ---------------------------------------------------------------- */

/* Presentación de la home: editorial y sobria, sin adornos.
   Filetes arriba y abajo, texto centrado, sin cursiva forzada
   (el texto ya tiene bold en la primera línea desde el editor). */
.home main > p:first-of-type,
.home .wp-block-group p:first-of-type,
.home .entry-content > p:first-of-type {
  max-width: var(--mlm-max-list);
  margin: 2.5rem auto 3rem;
  padding: 2rem 0 2.5rem;
  border-top: 1px solid var(--mlm-border);
  border-bottom: 1px solid var(--mlm-border);
  font-size: 1.1rem;
  line-height: 1.85;
  color: var(--mlm-ink);
}


/* ----------------------------------------------------------------
   6. LISTADO DE ARTÍCULOS
   ---------------------------------------------------------------- */

.wp-block-post-template,
.blog .posts,
.archive .posts {
  gap: 0;
  list-style: none;
  padding: 0;
}

.wp-block-post-template > li,
.wp-block-post,
.blog article,
.archive article {
  padding: 1rem 0 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px dashed var(--mlm-rule-dash);
}

.wp-block-post-template > li:last-child,
.wp-block-post:last-child,
.blog article:last-child {
  border-bottom: none;
}

/* APERTURA DESTACADA: primer artículo de la home con más presencia.
   Esto crea la jerarquía tipo "revista" sin tocar el HTML. */
.home .wp-block-post-template > li:first-child,
.home .blog article:first-of-type {
  padding-top: 0.5rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid var(--mlm-border);
}

.home .wp-block-post-template > li:first-child .wp-block-post-title,
.home .blog article:first-of-type .entry-title {
  font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1.15;
  margin-bottom: 0.7rem;
}

.home .wp-block-post-template > li:first-child .wp-block-post-excerpt,
.home .blog article:first-of-type .entry-summary {
  font-size: 1.1rem;
  line-height: 1.75;
  max-width: 620px;
}

.home .wp-block-post-template > li:first-child .wp-block-post-featured-image,
.home .blog article:first-of-type .post-thumbnail {
  margin-bottom: 1.5rem;
}

/* Títulos de artículos en listado */
.wp-block-post-title,
.entry-title {
  margin-top: 0.3rem;
  margin-bottom: 0.4rem;
  font-size: clamp(1.5rem, 2.6vw, 1.9rem);
  line-height: 1.25;
  font-weight: 500;
}

.wp-block-post-title a,
.entry-title a {
  color: var(--mlm-ink);
  text-decoration: none;
  transition: color 0.25s ease;
}

.wp-block-post-title a:hover,
.entry-title a:hover {
  color: var(--mlm-moss);
}

/* Extractos */
.wp-block-post-excerpt,
.entry-summary,
.post-excerpt {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--mlm-ink-soft);
  margin-top: 0.4rem;
}

/* Fechas: Caveat queda aquí (carácter de cuaderno sin saturar) */
.wp-block-post-date,
.post-date,
time {
  display: inline-block;
  font-family: var(--mlm-script);
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--mlm-handwritten);
  margin-top: 0.3rem;
}

/* Imágenes destacadas en listado */
.wp-block-post-featured-image,
.post-thumbnail {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.wp-block-post-featured-image img,
.post-thumbnail img {
  border-radius: var(--mlm-radius);
  border: 1px solid var(--mlm-border-soft);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.wp-block-post-featured-image a:hover img,
.post-thumbnail a:hover img {
  transform: scale(1.01);
  box-shadow: 0 6px 18px rgba(74, 93, 58, 0.1);
}


/* ----------------------------------------------------------------
   7. ARTÍCULO INDIVIDUAL
   ---------------------------------------------------------------- */

.single-post .entry-content,
.single-post .wp-block-post-content,
.single-post article {
  max-width: var(--mlm-max-read);
  margin-left: auto;
  margin-right: auto;
}

/* Título del artículo */
.single-post .entry-title,
.single-post .wp-block-post-title {
  font-size: clamp(2.1rem, 4vw, 2.8rem);
  line-height: 1.12;
  letter-spacing: -0.015em;
  margin-bottom: 0.5rem;
  text-align: left;
}

/* Metadatos del artículo: fecha manuscrita, alineada a la izquierda */
.single-post time,
.single-post .wp-block-post-date {
  display: block;
  text-align: left;
  font-family: var(--mlm-script);
  font-size: 1.2rem;
  color: var(--mlm-handwritten);
  margin-bottom: 2rem;
}

/* Imagen destacada en artículo */
.single-post .wp-post-image,
.single-post .post-thumbnail img {
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
  border: 1px solid var(--mlm-border-soft);
}

/* Cuerpo de lectura */
.single-post .entry-content p,
.single-post .wp-block-post-content p {
  font-size: 1.12rem;
  line-height: 1.88;
  margin-bottom: 1.4em;
  color: var(--mlm-ink);
}

/* Primer párrafo: un pelín más de presencia, sin capitular.
   El énfasis es sutil: solo color más firme y tamaño ligeramente mayor. */
.single-post .entry-content > p:first-of-type,
.single-post .wp-block-post-content > p:first-of-type {
  font-size: 1.16rem;
  color: var(--mlm-ink);
  line-height: 1.82;
}

/* Listas */
.single-post ul,
.single-post ol {
  margin-left: 1.4rem;
  margin-bottom: 1.4rem;
}

.single-post li {
  margin-bottom: 0.6rem;
  line-height: 1.75;
}

/* Énfasis dentro del texto: negritas en tono tinta firme */
.single-post strong,
.single-post b {
  font-weight: 600;
  color: var(--mlm-ink);
}

/* Tags al final del artículo: pequeños, discretos */
.wp-block-post-terms,
.tags-links,
.post-tags {
  font-size: 0.85rem;
  color: var(--mlm-ink-ghost);
  letter-spacing: 0.03em;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--mlm-border);
}

.wp-block-post-terms a,
.tags-links a {
  color: var(--mlm-ink-faded);
  text-decoration: none;
  margin-right: 0.5rem;
}

.wp-block-post-terms a:hover,
.tags-links a:hover {
  color: var(--mlm-moss);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.2em;
}


/* ----------------------------------------------------------------
   8. SUSCRIPCIÓN Y FORMULARIOS
   ---------------------------------------------------------------- */

/* Bloque de suscripción: contenido, sin texto manuscrito decorativo */
.wp-block-jetpack-subscriptions,
.wp-block-jetpack-subscriptions__form {
  max-width: var(--mlm-max-list);
  margin: 3rem auto;
  background: var(--mlm-paper-warm);
  border: 1px solid var(--mlm-border);
  border-left: 3px solid var(--mlm-moss);
  padding: 1.8rem 1.8rem 1.6rem;
  border-radius: var(--mlm-radius);
}

/* Inputs */
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
  width: 100%;
  background: var(--mlm-paper);
  border: 1px solid var(--mlm-border);
  padding: 0.8rem 1rem;
  font-family: var(--mlm-serif);
  font-size: 1rem;
  line-height: 1.5;
  color: var(--mlm-ink);
  border-radius: var(--mlm-radius);
  transition: border-color 0.2s, box-shadow 0.2s;
  min-height: 46px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
  outline: none;
  border-color: var(--mlm-moss);
  box-shadow: 0 0 0 3px rgba(74, 93, 58, 0.12);
}

/* Botones: firmes, sobrios */
button,
input[type="submit"],
.wp-element-button,
.wp-block-button__link {
  background: var(--mlm-ink);
  color: var(--mlm-paper);
  border: 0;
  padding: 0.8rem 1.5rem;
  font-family: var(--mlm-serif);
  font-size: 0.88rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: var(--mlm-radius);
  min-height: 46px;
  cursor: pointer;
  transition: background 0.25s ease;
}

button:hover,
input[type="submit"]:hover,
.wp-element-button:hover,
.wp-block-button__link:hover {
  background: var(--mlm-moss);
}


/* ----------------------------------------------------------------
   9. COMENTARIOS
   ---------------------------------------------------------------- */

.comments-area,
#comments,
.comment-respond {
  max-width: var(--mlm-max-read);
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
}

.comments-title,
.comment-reply-title {
  font-family: var(--mlm-serif);
  font-size: 1.3rem;
  color: var(--mlm-ink);
  font-weight: 500;
  font-style: italic;
  margin-bottom: 1.2rem;
}

.comment-form input,
.comment-form textarea {
  background: var(--mlm-paper);
}

.comment-meta,
.comment-author {
  font-size: 0.95rem;
  color: var(--mlm-ink-faded);
}


/* ----------------------------------------------------------------
   10. AUXILIARES
   ---------------------------------------------------------------- */

/* Paginación */
.wp-block-query-pagination,
.pagination,
nav.navigation.pagination {
  margin-top: 3rem;
  justify-content: center;
  gap: 0.4rem;
  text-align: center;
}

.wp-block-query-pagination a,
.wp-block-query-pagination span,
.pagination a,
.pagination span {
  padding: 0.5rem 0.85rem;
  border: 1px solid var(--mlm-border);
  background: var(--mlm-paper);
  text-decoration: none;
  color: var(--mlm-ink-faded);
  font-size: 0.95rem;
  border-radius: var(--mlm-radius);
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.wp-block-query-pagination a:hover,
.pagination a:hover {
  color: var(--mlm-moss);
  border-color: var(--mlm-moss);
  background: var(--mlm-paper-warm);
}

/* Pie de página */
footer,
.site-footer,
.wp-block-template-part[data-type="footer"] {
  margin-top: 4rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid var(--mlm-border);
  color: var(--mlm-ink-faded);
  font-size: 0.88rem;
  text-align: center;
}

footer a {
  color: var(--mlm-ink-faded);
  text-decoration-color: rgba(74, 93, 58, 0.3);
}

footer a:hover {
  color: var(--mlm-moss);
}

/* Widgets */
.widget,
.sidebar {
  color: var(--mlm-ink-faded);
  font-size: 0.95rem;
}

.widget-title {
  font-family: var(--mlm-serif);
  font-size: 1.1rem;
  color: var(--mlm-ink);
  font-weight: 500;
  font-style: italic;
  margin-bottom: 0.8rem;
}

/* Cookies: acotado a los contenedores reales del plugin */
.wpconsent-cookie-container,
.wpconsent-banner,
#cookie-notice,
.cookie-notice-container {
  font-family: var(--mlm-serif) !important;
  font-size: 0.9rem !important;
  line-height: 1.5;
}

/* Tablas */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 2rem 0;
  font-size: 0.98rem;
}

th, td {
  border-bottom: 1px solid var(--mlm-border);
  padding: 0.8rem 0.5rem;
  text-align: left;
}

th {
  font-family: var(--mlm-serif);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--mlm-ink);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border-bottom: 2px solid var(--mlm-moss);
}

/* Código */
code, pre {
  font-family: 'Courier Prime', Courier, monospace;
  font-size: 0.92em;
  background: var(--mlm-paper-warm);
  padding: 0.1em 0.3em;
  border-radius: var(--mlm-radius);
}

pre {
  padding: 1rem;
  overflow-x: auto;
  line-height: 1.5;
}


/* ----------------------------------------------------------------
   11. ACCESIBILIDAD Y RESPONSIVE
   ---------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
  
  .wp-block-post-featured-image a:hover img,
  .post-thumbnail a:hover img {
    transform: none !important;
    box-shadow: none !important;
  }
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--mlm-moss);
  outline-offset: 2px;
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }

  .entry-content,
  .post-content,
  .wp-block-post-content,
  article .content,
  main article,
  .is-layout-constrained > * {
    padding-left: 1.2rem;
    padding-right: 1.2rem;
  }

  h1,
  .entry-title,
  .wp-block-post-title {
    font-size: 1.9rem;
  }
  
  .single-post .entry-title,
  .single-post .wp-block-post-title {
    font-size: 2rem;
  }

  .single-post .entry-content p,
  .single-post .wp-block-post-content p {
    font-size: 1.05rem;
    line-height: 1.78;
  }
  
  .single-post .entry-content > p:first-of-type,
  .single-post .wp-block-post-content > p:first-of-type {
    font-size: 1.08rem;
  }

  .wp-block-navigation,
  .wp-block-navigation ul,
  nav ul.menu {
    gap: 1rem;
  }

  .wp-block-navigation a,
  nav a,
  .menu a {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
  }

  .wp-block-jetpack-subscriptions {
    padding: 1.3rem 1.2rem;
  }
  
  /* Primer artículo destacado: ajustes móvil */
  .home .wp-block-post-template > li:first-child .wp-block-post-title,
  .home .blog article:first-of-type .entry-title {
    font-size: 1.9rem;
  }
}
/* ================================================================
   EL CUADERNO DE MORATÍN
   Parche v2.1 — Corrección de cabecera y herencia del tema
   
   Pegar al FINAL del CSS actual (no sustituir, añadir).
   
   Objetivo:
   1. Eliminar el fondo negro de la cabecera del tema AlleyOop
   2. Poner los enlaces del menú en tinta sobre papel
   3. Quitar las mayúsculas forzadas en títulos de página
   4. Ajustar el filete decorativo descolgado
   5. Limpiar dobles filetes en la presentación de la home
   ================================================================ */


/* 1) CABECERA: quitamos el fondo oscuro que viene del tema
   --------------------------------------------------------- */

header,
.wp-block-template-part,
.wp-site-blocks > header,
.site-header,
body > header,
[role="banner"] {
  background: var(--mlm-paper) !important;
  color: var(--mlm-ink) !important;
  border-bottom: 1px solid var(--mlm-border) !important;
}

/* Cualquier bloque dentro de la cabecera que haya heredado fondo oscuro */
header *,
.wp-block-template-part * {
  background-color: transparent !important;
}

/* El título del sitio en la cabecera: tinta, no blanco */
header .wp-block-site-title,
header .wp-block-site-title a,
.site-header .wp-block-site-title,
.site-header .wp-block-site-title a,
.site-title,
.site-title a {
  color: var(--mlm-ink) !important;
  font-family: var(--mlm-serif) !important;
  font-style: italic;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: -0.005em !important;
}


/* 2) MENÚ DE NAVEGACIÓN: enlaces en tinta, no en blanco
   --------------------------------------------------------- */

header .wp-block-navigation a,
header nav a,
header .menu a,
.wp-block-navigation__container a,
.wp-block-navigation-item__content {
  color: var(--mlm-ink-faded) !important;
  background: transparent !important;
}

header .wp-block-navigation a:hover,
header nav a:hover,
header .menu a:hover,
.wp-block-navigation__container a:hover,
.wp-block-navigation-item__content:hover,
.current-menu-item > a,
.wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
  color: var(--mlm-moss) !important;
}


/* 3) TÍTULOS DE PÁGINA: fuera las mayúsculas forzadas
   --------------------------------------------------------- */

/* El tema aplica uppercase a los títulos de páginas estáticas.
   Lo neutralizamos en todo lo que sean headings de contenido,
   pero NO en el menú (donde sí queremos uppercase). */

.entry-title,
.wp-block-post-title,
.page-title,
h1.wp-block-heading,
h1.has-text-align-left,
main h1,
main h2.wp-block-heading {
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}

/* Dejamos uppercase SOLO donde hemos decidido que lo haya:
   en el menú de navegación. */
header .wp-block-navigation a,
header nav a,
header .menu a {
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
}


/* 4) FILETE DECORATIVO DESCOLGADO: eliminar
   --------------------------------------------------------- */

/* En el v2 añadí un filete musgo bajo la cabecera pensando en
   una cabecera clara; ahora que ya la tenemos clara queda
   redundante con el border-bottom de la propia cabecera. */

.site-header::after,
header.wp-block-template-part::after,
header::after {
  display: none !important;
  content: none !important;
}


/* 5) PRESENTACIÓN DE LA HOME: eliminar doble filete
   --------------------------------------------------------- */

/* En la captura 7 se ven dos filetes muy seguidos al principio
   del texto de presentación. Consolidamos a uno solo. */

.home .wp-block-group p:first-of-type,
.home main > p:first-of-type,
.home .entry-content > p:first-of-type {
  border-top: none !important;
  padding-top: 0 !important;
}


/* 6) LOGO/AVATAR EN CABECERA
   --------------------------------------------------------- */

/* Si el tema muestra un pequeño círculo (avatar) junto al
   título, le damos un tamaño razonable. */

header .wp-block-site-logo img,
.site-logo img {
  max-width: 48px !important;
  height: auto !important;
  border-radius: var(--mlm-radius);
}


/* 7) TÍTULOS DE ARTÍCULOS EN MAYÚSCULAS: también los limpiamos
   --------------------------------------------------------- */

/* Por si el tema aplica uppercase también a los títulos de
   entradas en listado o al título del post abierto. */

article .wp-block-post-title,
article .wp-block-post-title a,
.single-post .entry-title,
.single-post .wp-block-post-title,
.wp-block-post-template .wp-block-post-title,
.wp-block-post-template .wp-block-post-title a {
  text-transform: none !important;
  letter-spacing: -0.01em !important;
}


/* 8) AJUSTE RESPONSIVE DE LA CABECERA
   --------------------------------------------------------- */

@media (max-width: 768px) {
  header .wp-block-site-title,
  .site-title {
    font-size: 1.4rem !important;
  }
  
  header .wp-block-navigation a,
  header nav a {
    font-size: 0.75rem !important;
    letter-spacing: 0.08em !important;
  }
}