@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;1,8..60,400&display=swap');

/* ============================================
   FEDERICO RODRÍGUEZ PÁEZ — SISTEMA EDITORIAL
   ============================================ */

:root {
  --hueso: #F2EFE7;
  --tinta: #1B1A17;
  --tinta-suave: #26231E;
  --oxido: #9E4A28;
  --oxido-link: #8F3F1F;
  --oxido-hover: #6E2F16;
  --metal: #6B665D;
  --hairline: #DAD4C8;

  --display: "Fraunces", Georgia, serif;
  --texto: "Source Serif 4", Georgia, serif;

  --paso--1: clamp(0.9rem, 0.86rem + 0.2vw, 0.95rem);
  --paso-0:  clamp(1.125rem, 1.06rem + 0.32vw, 1.1875rem);
  --paso-1:  clamp(1.2rem, 1.10rem + 0.5vw, 1.484rem);
  --paso-2:  clamp(1.45rem, 1.25rem + 1.0vw, 1.856rem);
  --paso-3:  clamp(1.75rem, 1.45rem + 1.5vw, 2.319rem);
  --paso-5:  clamp(2.25rem, 1.7rem + 2.8vw, 3.624rem);
}

/* Fondo + render nítido */
body {
  background-color: var(--hueso) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Texto base */
body,
.entry-content,
.entry-content p,
.site-description {
  font-family: var(--texto) !important;
  color: var(--tinta) !important;
}

/* Cuerpo de las entradas */
.entry-content,
.entry-content p {
  font-size: var(--paso-0) !important;
  line-height: 1.65 !important;
  color: var(--tinta-suave) !important;
}
.entry-content p { margin-bottom: 1.15em !important; }

/* Ancho de lectura */
.entry-content {
  max-width: 68ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Familia de títulos */
.site-title,
.site-title a,
.entry-title,
.entry-title a,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: var(--display) !important;
  color: var(--tinta) !important;
}
.site-title,
.entry-title { text-wrap: balance; }

/* Título del sitio */
.site-title,
.site-title a {
  font-weight: 600 !important;
  font-size: var(--paso-5) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.015em !important;
  text-decoration: none !important;
}

/* Eslogan */
.site-description {
  font-style: italic !important;
  color: var(--metal) !important;
  font-size: var(--paso--1) !important;
  letter-spacing: 0.01em !important;
}

/* Títulos de entrada */
.entry-title,
.entry-title a {
  font-weight: 600 !important;
  font-size: var(--paso-3) !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  text-decoration: none !important;
}
.entry-title a:hover,
.entry-title a:focus { color: var(--oxido) !important; }

/* Subtítulos internos */
.entry-content h2 {
  font-size: var(--paso-2) !important;
  line-height: 1.2 !important;
  margin-top: 1.6em !important;
}
.entry-content h3 {
  font-size: var(--paso-1) !important;
  line-height: 1.25 !important;
  margin-top: 1.4em !important;
}

/* Enlaces: acento óxido */
.entry-content a,
.widget-area a,
.site-footer a,
.post-navigation a,
.pagination a {
  color: var(--oxido-link) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  text-decoration-thickness: 1px !important;
}
.entry-content a:hover,
.widget-area a:hover,
.site-footer a:hover,
.post-navigation a:hover,
.pagination a:hover { color: var(--oxido-hover) !important; }

/* Esconder etiquetas/meta debajo de los posts */
.entry-footer,
.entry-meta { display: none !important; }

/* === LÍNEAS: normalización global a hairline fino === */
* {
  border-color: var(--hairline) !important;
  box-shadow: none !important;
}
*:not(img):not(svg):not(input):not(textarea):not(select):not(button):not(table):not(thead):not(tbody):not(tr):not(td):not(th) {
  border-top-width: 1px !important;
  border-bottom-width: 1px !important;
}
hr {
  border: 0 !important;
  height: 1px !important;
  background-color: var(--hairline) !important;
}

/* Imágenes responsivas */
.hentry img,
.entry-content img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
}
/* ====== ENTRADAS HOME — COLECCIÓN / GRILLA ====== */
ul.wp-block-latest-posts__list,
ul.wp-block-latest-posts {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 1.8rem 1.2rem !important;
  list-style: none !important;
  margin: 2.5rem 0 !important;
  padding: 0 !important;
}
@media (min-width: 900px) {
  ul.wp-block-latest-posts__list,
  ul.wp-block-latest-posts {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2.2rem !important;
  }
}
ul.wp-block-latest-posts__list > li,
ul.wp-block-latest-posts > li {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  border: 0 !important;
}
.wp-block-latest-posts__featured-image {
  margin: 0 0 0.75rem 0 !important;
  width: 100% !important;
  float: none !important;
}
.wp-block-latest-posts__featured-image a,
.wp-block-latest-posts__featured-image img {
  display: block !important;
  width: 100% !important;
}
.wp-block-latest-posts__featured-image img {
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  border-radius: 3px !important;
  max-width: 100% !important;
}
.wp-block-latest-posts__post-title {
  font-family: "Fraunces", Georgia, serif !important;
  font-size: 1.02rem !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
  color: var(--tinta, #1B1A17) !important;
  text-decoration: none !important;
  margin: 0 0 0.4rem 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.wp-block-latest-posts__post-title:hover {
  color: var(--oxido-link, #8F3F1F) !important;
}
.wp-block-latest-posts__post-date {
  font-family: "Source Serif 4", Georgia, serif !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: var(--metal, #6B665D) !important;
  margin-top: auto !important;
}
/* ====== MODO GALERÍA — fondo oscuro (hierro · óxido · espejo) ====== */
:root {
  --hueso: #1A1A18;        /* fondo: grafito profundo, hierro patinado */
  --tinta: #ECE7DC;        /* títulos y texto principal: hueso claro */
  --tinta-suave: #CFC9BC;  /* cuerpo de texto, un punto más tenue */
  --metal: #9C968A;        /* fechas y secundarios */
  --hairline: #34322D;     /* líneas finas sobre el oscuro */
  --oxido: #C8703F;        /* óxido encendido, metal al calor */
  --oxido-link: #CE7A47;
  --oxido-hover: #E2965F;
}
/* ====== Entradas: títulos en hueso (no naranja) + aire ====== */
.entry-content .wp-block-latest-posts__post-title,
.entry-content a.wp-block-latest-posts__post-title {
  color: var(--tinta) !important;
  text-decoration: none !important;
  font-size: 1.05rem !important;
  line-height: 1.22 !important;
}
.entry-content .wp-block-latest-posts__post-title:hover {
  color: var(--oxido-link) !important;
}
ul.wp-block-latest-posts__list,
ul.wp-block-latest-posts {
  margin-top: 3rem !important;
  gap: 2.4rem 1.4rem !important;
}
.wp-block-latest-posts__featured-image {
  margin-bottom: 0.9rem !important;
}
/* ====== Portada: quitar el título "Inicio" + aire ====== */
.home .entry-title { display: none !important; }
.home .entry-content { padding-top: 1.2rem !important; }
/* ====== Portada: compactar y centrar ====== */
.home .entry-header {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.home .entry-content {
  padding-top: 0 !important;
  margin-top: 1rem !important;
}
.home .entry-content img {
  margin-left: auto !important;
  margin-right: auto !important;
}
.home .entry-content > p {
  text-align: center !important;
  max-width: 42ch !important;
  margin-left: auto !important;
  margin-right: auto !important;
}