/* ============================================================
   Los Jueves Hispanófilos — hoja de marca (tema hijo TT4)
   Tokens, tipografía Ibarra y componentes.
   Las clases .ljh-* se aplican a bloques con "clase(s) CSS adicional(es)".
   ============================================================ */

:root{
  --ljh-rojo:#C1301A;
  --ljh-rojo-osc:#7C1E12;
  --ljh-oro:#E3A21A;
  --ljh-oro-cla:#F2B705;
  --ljh-negro:#0E0E0E;
  --ljh-tinta:#1B1A18;
  --ljh-hueso:#F6F2EA;
  --ljh-pergamino:#EDE3D0;
  --ljh-piedra:#6E6A63;
  --ljh-niebla:#D9D4CB;
  --ljh-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --ljh-serif:"Ibarra Real Nova",Georgia,"Times New Roman",serif;
  --ljh-radio:10px;
  --ljh-sombra:0 8px 28px rgba(20,15,10,.10);
}

/* ---------- Base tipográfica (refuerza theme.json) ---------- */
body{font-family:var(--ljh-serif);color:var(--ljh-tinta)}
h1,h2,h3,h4,h5,h6,
.wp-block-heading{font-family:var(--ljh-serif);line-height:1.14}
.wp-block-post-title,.wp-block-query-title{font-family:var(--ljh-serif)}

/* Antetítulo: aplica .ljh-eyebrow a un párrafo */
.ljh-eyebrow{font-family:var(--ljh-sans);text-transform:uppercase;letter-spacing:.2em;
  font-size:.74rem;font-weight:600;color:var(--ljh-rojo)}

/* Metadatos / pies en sans pequeña */
.ljh-meta,.wp-block-post-date,.wp-block-post-terms{font-family:var(--ljh-sans);
  font-size:.82rem;color:var(--ljh-piedra)}

/* ---------- Enlaces ---------- */
a{color:var(--ljh-rojo);text-underline-offset:3px}
a:hover{color:var(--ljh-rojo-osc)}

/* ---------- Botones (bloque Botón) ---------- */
.wp-block-button__link{
  font-family:var(--ljh-sans);font-weight:600;letter-spacing:.01em;
  border-radius:8px;padding:12px 24px;border:2px solid transparent;transition:.18s}
.wp-block-button__link{background:var(--ljh-rojo);color:#fff}
.wp-block-button__link:hover{background:var(--ljh-rojo-osc);color:#fff}
/* Variante fantasma: .is-style-ljh-ghost o botón "outline" */
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-ljh-ghost .wp-block-button__link{
  background:transparent;color:var(--ljh-rojo);border-color:var(--ljh-rojo)}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-ljh-ghost .wp-block-button__link:hover{
  background:var(--ljh-rojo);color:#fff}
/* Variante oro: .is-style-ljh-gold */
.wp-block-button.is-style-ljh-gold .wp-block-button__link{background:var(--ljh-oro);color:var(--ljh-negro)}
.wp-block-button.is-style-ljh-gold .wp-block-button__link:hover{background:var(--ljh-oro-cla)}

/* ---------- Cita destacada ---------- */
.wp-block-quote,.wp-block-pullquote{
  border-left:5px solid var(--ljh-oro);background:var(--ljh-pergamino);
  border-radius:0 12px 12px 0;padding:26px 30px;font-style:italic}
.wp-block-quote cite,.wp-block-pullquote cite{
  font-style:normal;font-family:var(--ljh-sans);font-size:.82rem;
  letter-spacing:.04em;color:var(--ljh-rojo-osc);font-weight:600}

/* ---------- Cabecera / pie (plantillas de bloque oscuras) ---------- */
.ljh-bar-dark{background:var(--ljh-negro);color:var(--ljh-hueso)}
.ljh-bar-dark a{color:#e7e3db}
.ljh-bar-dark a:hover{color:var(--ljh-oro)}

/* ---------- Tarjeta de evento (.ljh-event-card en un Grupo) ---------- */
.ljh-event-card{background:#fff;border:1px solid var(--ljh-niebla);
  border-radius:var(--ljh-radio);box-shadow:var(--ljh-sombra);overflow:hidden}
.ljh-date-badge{background:var(--ljh-negro);color:#fff;border-radius:8px;
  text-align:center;padding:7px 12px;line-height:1;font-family:var(--ljh-sans);display:inline-block}
.ljh-date-badge strong{font-size:1.4rem;font-weight:700;display:block}
.ljh-date-badge span{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ljh-oro)}

/* ---------- Chips / etiquetas (.ljh-chip) ---------- */
.ljh-chip,.ljh-chips a{font-family:var(--ljh-sans);font-size:.78rem;font-weight:500;
  padding:6px 14px;border-radius:999px;border:1.5px solid var(--ljh-niebla);
  color:var(--ljh-tinta);background:#fff;text-decoration:none;display:inline-block}
.ljh-chip:hover,.ljh-chip.is-active{background:var(--ljh-rojo);border-color:var(--ljh-rojo);color:#fff}

/* ---------- Banda de cifras (.ljh-stats sobre fondo negro) ---------- */
.ljh-stats{background:var(--ljh-negro);border-radius:14px;color:#cdc9c1}
.ljh-stat-num{font-family:var(--ljh-serif);font-weight:700;font-size:2.6rem;color:var(--ljh-oro);line-height:1}

/* ---------- Velo sobre imágenes de cabecera (cover) ---------- */
.ljh-hero .wp-block-cover__background{opacity:1;
  background:linear-gradient(0deg,rgba(8,8,8,.92),rgba(8,8,8,.30) 60%,rgba(8,8,8,.55))!important}

/* ---------- The Events Calendar: ajustes ligeros de color ---------- */
.tribe-events .tribe-events-c-btn,
.tribe-common .tribe-common-c-btn{background-color:var(--ljh-rojo);border-radius:8px}
.tribe-events .tribe-events-c-btn:hover{background-color:var(--ljh-rojo-osc)}
.tribe-common a{color:var(--ljh-rojo)}

/* ---------- Filete rojo de marca (separador .ljh-rule) ---------- */
.wp-block-separator.ljh-rule{width:80px;max-width:80px;height:4px;background:var(--ljh-rojo);
  border:none;opacity:1;margin-left:0;margin-right:auto}

/* ---------- Listas sin viñetas (pie) ---------- */
.wp-block-list.is-style-none{list-style:none;margin:0;padding-left:0}

/* ---------- Menú de cabecera (sans, hover sutil) ---------- */
.ljh-bar-dark .wp-block-navigation{font-family:var(--ljh-sans)}
.ljh-bar-dark .wp-block-navigation a:hover{color:var(--ljh-oro)}

/* ---------- Recuadro con orla dorada (.ljh-framed) ---------- */
.ljh-framed{position:relative}
.ljh-framed::before{content:"";position:absolute;inset:14px;
  border:1px solid rgba(227,162,26,.35);border-radius:10px;pointer-events:none}

/* ---------- Tarjetas de artículo en la portada (Query Loop) ---------- */
.wp-block-query .wp-block-post-template{gap:24px}
.wp-block-query .wp-block-post-featured-image img{border-radius:10px}