/* ==========================================================================
   fec-extra.css — capa de diseño para el contenido largo (añadido 11-09-2026)
   Reutiliza los tokens del tema: Garamond / KranaFat / Inter, bordes de 2px,
   paleta crema #FFCF95 · verd #70856F · blau #465687 · salmo #E48973 ·
   lila #9F92D9 · blauet #A2D1D1.
   ========================================================================== */

/* ---------- Tipografía de los bloques de texto largo ---------- */
.entry-content{ font-size: 1.12rem; line-height: 1.62; }
.entry-content p{ margin-bottom: 1.15rem; }
.entry-content h2{ font-size: 2rem; line-height: 1.15; margin: 2.6rem 0 1rem; padding-top: 1.2rem; border-top: 2px solid #000; }
.entry-content h2:first-child{ margin-top: 0; padding-top: 0; border-top: 0; }
.entry-content h3{ font-size: 1.35rem; line-height: 1.25; margin: 1.9rem 0 .7rem; }
.entry-content ul, .entry-content ol{ padding-left: 1.3rem; margin-bottom: 1.3rem; }
.entry-content li{ margin-bottom: .55rem; }
.entry-content li::marker{ color: #465687; }
.entry-content table{ width: 100%; border-collapse: collapse; margin: 1.2rem 0 1.6rem; font-size: 1rem; }
.entry-content th, .entry-content td{ border: 2px solid #000; padding: .6rem .8rem; text-align: left; }
.entry-content th{ font-family: 'Inter', sans-serif !important; font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; background: #FFCF95; }
.entry-content blockquote{ border-left: 4px solid #E48973; padding: .2rem 0 .2rem 1.2rem; margin: 1.5rem 0; font-size: 1.25rem; }
.entry-content .fec-lead{ font-size: 1.32rem; line-height: 1.5; }
.entry-content a.link{ text-decoration: none; }
@media (min-width: 992px){ .entry-content{ max-width: 860px; padding: 56px 64px; } }

/* Intro bajo el destacado de los archivos (obra, actividades, noticias) */
.fec-intro-obra, .fec-intro-actividades, .fec-intro-noticias{ font-size: 1.12rem; line-height: 1.62; }
.fec-intro-obra p:last-child, .fec-intro-actividades p:last-child, .fec-intro-noticias p:last-child{ margin-bottom: 0; }

/* Descripción completa de cada actividad en el histórico */
.actividad-descripcion{ font-size: 1.05rem; line-height: 1.55; }
.actividad-descripcion p{ margin-bottom: .9rem; }
.actividad-descripcion div{ margin-bottom: .9rem; }

/* ---------- FAQ plegable ---------- */
.entry-content details.fec-faq{ border-top: 2px solid #000; padding: .9rem 0; }
.entry-content details.fec-faq:last-of-type{ border-bottom: 2px solid #000; }
.entry-content details.fec-faq summary{ cursor: pointer; font-size: 1.2rem; font-weight: 600; list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.entry-content details.fec-faq summary::-webkit-details-marker{ display: none; }
.entry-content details.fec-faq summary::after{ content: '+'; font-family: 'Inter', sans-serif; font-size: 1.4rem; line-height: 1; flex: none; }
.entry-content details.fec-faq[open] summary::after{ content: '–'; }
.entry-content details.fec-faq p{ margin: .8rem 0 0; }

/* ---------- Tarjetas y cifras (home) ---------- */
.fec-cards{ display: grid; grid-template-columns: 1fr; border-top: 2px solid #000; }
.fec-card{ padding: 2.2rem 1.6rem; border-bottom: 2px solid #000; }
.fec-card h3{ font-family: 'KranaFat', serif !important; text-transform: uppercase; font-size: 1.15rem; line-height: 1.25; margin: 1rem 0 .8rem; }
.fec-card p{ font-size: 1.08rem; line-height: 1.55; margin: 0; }
.fec-card .fec-card-num{ font-family: 'Inter', sans-serif; font-size: .75rem; letter-spacing: .08em; text-transform: uppercase; }
@media (min-width: 768px){
  .fec-cards{ grid-template-columns: repeat(3, 1fr); }
  .fec-card{ border-bottom: 0; border-right: 2px solid #000; padding: 3rem 2.4rem; }
  .fec-card:last-child{ border-right: 0; }
}
.fec-cifras{ display: grid; grid-template-columns: repeat(2, 1fr); border-top: 2px solid #000; }
.fec-cifra{ padding: 1.8rem 1rem; text-align: center; border-bottom: 2px solid #000; border-right: 2px solid #000; }
.fec-cifra:nth-child(2n){ border-right: 0; }
.fec-cifra strong{ display: block; font-family: 'KranaFat', serif !important; font-size: 2.6rem; line-height: 1; }
.fec-cifra span{ display: block; font-family: 'Inter', sans-serif; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; margin-top: .6rem; }
@media (min-width: 768px){
  .fec-cifras{ grid-template-columns: repeat(4, 1fr); }
  .fec-cifra{ border-bottom: 0; padding: 2.4rem 1rem; }
  .fec-cifra:nth-child(2n){ border-right: 2px solid #000; }
  .fec-cifra:last-child{ border-right: 0; }
}
.fec-home-texto .fec-resumen{ max-width: 860px; margin: 0 auto; padding: 3rem 1.5rem; font-size: 1.18rem; line-height: 1.6; text-align: center; }
.fec-home-texto .fec-resumen h2{ font-size: 2.4rem; line-height: 1.1; margin-bottom: 1.2rem; }
.fec-home-texto .fec-resumen p{ margin-bottom: 1rem; }
@media (min-width: 992px){ .fec-home-texto .fec-resumen{ padding: 4rem 2rem; } }

/* ---------- Selector de idioma (banderas) ---------- */
.fec-lang{ display: flex; align-items: center; gap: .45rem; margin-left: 1.2rem; }
.fec-lang a{ display: inline-flex; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; border: 2px solid #000; opacity: .55; transition: opacity .18s, transform .18s; }
.fec-lang a:hover{ opacity: 1; transform: translateY(-1px); }
.fec-lang a.is-active{ opacity: 1; box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000; }
.fec-lang svg{ width: 100%; height: 100%; display: block; }
@media (max-width: 991.98px){ .fec-lang{ margin: .8rem 0 0 0; justify-content: center; } }
#navbar .fec-lang a:before, #navbar .fec-lang a:hover:before{ content: none !important; display: none !important; }
#navbar .fec-lang a{ padding: 0; margin: 0; }
#navbar .fec-lang a.is-active{ box-shadow: 0 0 0 2px #fff, 0 0 0 3px #000; }
@media (max-width: 991.98px){
  #navbar .fec-lang{ position: absolute; left: 0; right: 0; bottom: 32px; margin: 0; justify-content: center; gap: .9rem; }
  #navbar .fec-lang a{ width: 40px; height: 40px; }
}
/* Dosier / invitación: rejilla de páginas */
.fec-dossier{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 1rem 0 1.4rem; }
.fec-dossier a{ display: block; border: 2px solid #000; background: #fff; }
.fec-dossier img{ display: block; width: 100%; height: auto; }
@media (min-width: 768px){ .fec-dossier{ grid-template-columns: repeat(3, 1fr); } }
