/*
Theme Name: Kimün Creativo
Theme URI: https://www.kimuncreativo.cl/
Author: Kimün Creativo
Description: Tema del blog de Kimün Creativo. Replica el diseño del sitio principal y carga su hoja de estilos desde la raíz del dominio (/assets/css/styles.css), de modo que header, footer, colores y tipografías se mantienen iguales en ambos.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kimun
*/

/* ==========================================================================
   Estilos propios del blog. Los tokens (--forest, --gold, --cream, etc.),
   .page-hero, .breadcrumb, .btn, .cta-band y el resto vienen de
   /assets/css/styles.css del sitio principal.
========================================================================== */

/* accesibilidad: texto solo para lectores de pantalla (lo usa WordPress) */
.screen-reader-text{
  border:0; clip:rect(1px,1px,1px,1px); clip-path:inset(50%);
  height:1px; width:1px; margin:-1px; overflow:hidden; padding:0;
  position:absolute; word-wrap:normal;
}
.screen-reader-text:focus{
  background:var(--cream); color:var(--ink); clip:auto; clip-path:none;
  height:auto; width:auto; margin:0; padding:.8rem 1.2rem; z-index:100000;
  left:.5rem; top:.5rem; border-radius:var(--radius);
}

/* ---------- listado de notas ---------- */
.post-list{ background: var(--cream); }
.post-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(1.4rem, 3vw, 2.2rem);
}
@media (max-width: 960px){ .post-grid{ grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px){ .post-grid{ grid-template-columns: 1fr; } }

.post-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--line-on-light);
  border-radius: var(--radius);
  overflow:hidden;
  transition: transform .25s var(--ease), border-color .25s var(--ease);
}
.post-card:hover{ transform: translateY(-3px); border-color: var(--gold); }
.post-card__thumb{
  display:block;
  aspect-ratio: 16 / 10;
  background: var(--forest-deep);
  overflow:hidden;
}
.post-card__thumb img{ width:100%; height:100%; object-fit:cover; }
.post-card__thumb--empty{
  display:flex; align-items:center; justify-content:center;
  background: linear-gradient(160deg, var(--forest) 0%, var(--forest-deep) 100%);
}
.post-card__thumb--empty svg{ width:44px; height:44px; opacity:.9; }
.post-card__body{
  display:flex; flex-direction:column; gap:.6rem;
  padding: 1.4rem 1.4rem 1.6rem;
  flex:1;
}
.post-card__meta{ font-size:.8rem; color: var(--ink-soft); }
.post-card__title{
  font-family: var(--font-display);
  font-weight:500;
  font-size:1.25rem;
  line-height:1.25;
}
.post-card__title a:hover{ color: var(--terracotta); }
.post-card__excerpt{ color: var(--ink-soft); font-size:.95rem; }
.post-card__more{ margin-top:auto; padding-top:.4rem; font-weight:600; font-size:.9rem; color: var(--terracotta); }

.post-empty{ max-width: 52ch; color: var(--ink-soft); }
.post-empty .btn{ margin-top: 1.4rem; }

/* paginación */
.pagination .nav-links{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top: 3rem; }
.pagination .page-numbers{
  padding:.5rem .95rem;
  border:1px solid var(--line-on-light);
  border-radius: var(--radius);
  font-size:.92rem;
  font-weight:500;
}
.pagination a.page-numbers:hover{ border-color: var(--gold); }
.pagination .page-numbers.current{ background: var(--forest); border-color: var(--forest); color: var(--cream); }

/* ---------- nota individual / página ---------- */
.entry{ background: var(--cream); }
.entry-wrap{ max-width: 760px; margin: 0 auto; }
.entry-meta{
  display:flex; flex-wrap:wrap; gap:.4rem 1.2rem;
  margin-top: 1.2rem;
  font-size: var(--fs-small);
  color: rgba(247,243,234,0.65);
}
.entry-thumb{
  margin-bottom: 2.4rem;
  border-radius: var(--radius);
  overflow:hidden;
  aspect-ratio: 16 / 9;
  background: var(--forest-deep);
}
.entry-thumb img{ width:100%; height:100%; object-fit:cover; }

.entry-content{ font-size: 1.08rem; line-height: 1.75; color: var(--ink); overflow-wrap: break-word; }
.entry-content > * + *{ margin-top: 1.3rem; }
.entry-content > h2{
  margin-top: 2.6rem;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(1.5rem, 2.6vw, 1.9rem);
  line-height: 1.2;
}
.entry-content > h3{
  margin-top: 2rem;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.25;
}
.entry-content ul, .entry-content ol{ padding-left: 1.4rem; }
.entry-content ul{ list-style: disc; }
.entry-content ol{ list-style: decimal; }
.entry-content li + li{ margin-top: .4rem; }
.entry-content a{ color: var(--terracotta); text-decoration: underline; text-underline-offset: 3px; }
.entry-content a:hover{ color: var(--forest); }
.entry-content blockquote{
  margin-left:0; margin-right:0;
  padding-left: 1.2rem;
  border-left: 3px solid var(--gold);
  color: var(--ink-soft);
  font-style: italic;
}
.entry-content img{ border-radius: var(--radius); height:auto; }
.entry-content figure{ margin-left:0; margin-right:0; }
.entry-content figcaption, .wp-caption-text{ margin-top:.5rem; font-size:.85rem; color: var(--ink-soft); }
.entry-content table{ width:100%; border-collapse:collapse; font-size:.96rem; }
.entry-content th, .entry-content td{ padding:.6rem .8rem; border:1px solid var(--line-on-light); text-align:left; }
.entry-content th{ background: var(--cream-2); }
.entry-content pre{ overflow-x:auto; padding:1rem; background: var(--forest-deep); color: var(--cream); border-radius: var(--radius); font-size:.9rem; }
.entry-content code{ font-size:.92em; }
.alignleft{ float:left; margin: .3rem 1.4rem 1rem 0; }
.alignright{ float:right; margin: .3rem 0 1rem 1.4rem; }
.aligncenter{ display:block; margin-left:auto; margin-right:auto; }
.entry-content::after{ content:""; display:block; clear:both; }

.entry-tags{ margin-top: 2.4rem; display:flex; flex-wrap:wrap; gap:.5rem; }
.entry-tags a{
  font-size:.82rem;
  padding:.3rem .8rem;
  border:1px solid var(--line-on-light);
  border-radius:999px;
  color: var(--ink-soft);
}
.entry-tags a:hover{ border-color: var(--gold); color: var(--ink); }

.entry-cta{
  margin-top: 3.2rem;
  padding: clamp(1.6rem, 4vw, 2.4rem);
  background: var(--forest);
  color: var(--cream);
  border-radius: var(--radius);
}
.entry-cta h2{ font-family: var(--font-display); font-weight:500; font-size: 1.5rem; line-height:1.2; }
.entry-cta p{ margin-top:.7rem; color: rgba(247,243,234,0.72); max-width:46ch; }
.entry-cta .btn{ margin-top: 1.3rem; }

.search-form{ display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1.6rem; max-width: 460px; }
.search-form input[type="search"]{
  flex:1; min-width: 200px;
  font: inherit; padding:.75rem .9rem;
  border:1px solid var(--line-on-light); border-radius: var(--radius); background:#fff; color: var(--ink);
}


/* ==== Ajustes 20-oct-2026: cabecera de notas ==== */
.single .breadcrumb{ display:none; }
.single .page-hero{ padding-top: 56px; padding-bottom: 40px; }
.single .page-hero + .entry{ padding-top: 40px; }
.single .entry-meta{ color: #D9B579; font-size: .9rem; letter-spacing: .02em; }
@media (max-width: 700px){ .single .page-hero{ padding-top: 36px; padding-bottom: 28px; } .single .page-hero + .entry{ padding-top: 28px; } }