/*
Theme Name:  La Legislatura de los Chicos
Description: Tema hijo de Astra para el sitio infantil de la Legislatura de Tierra del Fuego. Paleta celeste/naranja de la identidad oficial, tipografías redondeadas y componentes de la portada (paisaje fueguino, fichas de juegos, camino de la ley).
Template:    astra
Version:     1.0.4
Author:      Legislatura de Tierra del Fuego
Text Domain: legis-chicos
*/

/* ------------------------------------------------------------------ fuentes */
@font-face {
  font-family: 'Baloo 2';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('fuentes/baloo2.woff2') format('woff2');
}
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url('fuentes/nunito.woff2') format('woff2');
}

/* ------------------------------------------------------------------- tokens */
:root {
  --lc-celeste: #00B0F2;
  --lc-cyan: #44abd4;
  --lc-naranja: #FF8B00;
  --lc-naranja-hover: #e97e00;
  --lc-austral: #14304a;
  --lc-nieve: #f4f9fd;
  --lc-tarjeta: #ffffff;
  --lc-tinta: #14304a;
  --lc-tinta-suave: #46617c;
  --lc-aurora: #2ec98c;
  --lc-amarillo: #ffc24b;
  --lc-cielo-arriba: #0095e8;
  --lc-cielo-abajo: #7fd4ff;
  --lc-montania-lejos: #a8dff5;
  --lc-montania-media: #6cc4e8;
  --lc-nieve-suelo: #ffffff;
  --lc-texto-cielo: #ffffff;
  --lc-sombra: 0 6px 24px rgba(20, 48, 74, .12);
  --lc-borde: #dcebf5;
}

/* ------------------------------------------------- tipografia general */
body, .ast-single-post .entry-content {
  font-family: 'Nunito', 'Segoe UI', sans-serif;
}
h1, h2, h3, h4, .site-title, .main-header-menu {
  font-family: 'Baloo 2', 'Segoe UI', sans-serif !important;
}
h1, h2, h3 { text-wrap: balance; }
.entry-content h2 { color: var(--lc-austral); margin-top: 1.6em; }
.entry-content h3 { color: var(--lc-naranja); letter-spacing: .01em; }
body { background: var(--lc-nieve); color: var(--lc-tinta); }

/* =====================================================================
   BARRA SUPERIOR: blanca con iconos de colores (estilo sitio nacional)
   ===================================================================== */
.site-header,
.ast-primary-header-bar,
.main-header-bar {
  background: #ffffff !important;
  border-bottom: 0 !important;
  box-shadow: 0 2px 14px rgba(20, 48, 74, .10);
}
.ast-primary-header-bar { padding: 6px 0 !important; }

/* la casita como logo chico */
.custom-logo-link img.custom-logo,
.site-logo-img img {
  max-height: 56px !important;
  width: auto !important;
}
.site-logo-img { line-height: 1; }

/* titulo del sitio con aire de logo infantil */
.site-title { font-size: 1.3rem; line-height: 1.05; max-width: 200px; }
.site-title a, .site-title a:hover, .site-title a:focus {
  color: var(--lc-celeste) !important;
  text-shadow: 1.5px 1.5px 0 var(--lc-austral);
  letter-spacing: .01em;
}
.site-description { color: var(--lc-tinta-suave) !important; font-weight: 700; font-size: .72rem; }

/* menu de iconos: el JS inserta .lc-menu-icono + .lc-menu-texto */
.main-header-menu .menu-item .menu-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: var(--lc-austral) !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 900 !important;
  font-size: .62rem !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 8px 12px !important;
  border-radius: 16px;
  transition: transform .12s ease, background .15s ease;
}
.lc-menu-icono { display: block; width: 30px; height: 30px; }
.lc-menu-icono svg { width: 100%; height: 100%; display: block; }
.main-header-menu .menu-item .menu-link:hover,
.main-header-menu .menu-item.focus .menu-link {
  color: var(--lc-naranja) !important;
  background: var(--lc-nieve);
  transform: translateY(-2px);
}
.main-header-menu .current-menu-item .menu-link,
.main-header-menu .current_page_item .menu-link {
  color: var(--lc-celeste) !important;
  background: var(--lc-nieve);
}

/* menu movil: boton y panel */
.ast-header-break-point .ast-mobile-menu-trigger-minimal,
.ast-header-break-point .ast-mobile-menu-trigger-outline,
.ast-header-break-point .ast-mobile-menu-trigger-fill,
.menu-toggle {
  color: var(--lc-austral) !important;
  background: transparent !important;
}
.ast-header-break-point .main-header-bar-navigation { background: #fff; }
.ast-header-break-point .main-header-menu .menu-item .menu-link { align-items: center; }

/* =====================================================================
   ILUSTRACIONES DECORATIVAS (cohete, globo, pinguino, estrellas)
   ===================================================================== */
.lc-deco { position: absolute; z-index: 1; pointer-events: none; }
.lc-deco svg { width: 100%; height: 100%; display: block; }
.lc-deco-cohete   { top: 40px; left: 3%; width: 54px; height: 82px; transform: rotate(14deg); }
.lc-deco-globo    { top: 150px; right: 4%; width: 74px; height: 96px; }
.lc-deco-planeta  { top: 36px; right: 26%; width: 56px; height: 40px; transform: rotate(-9deg); }
.lc-deco-estrella1 { top: 110px; left: 44%; width: 22px; height: 22px; }
.lc-deco-estrella2 { top: 250px; left: 2%; width: 16px; height: 16px; }
.lc-deco-estrella3 { top: 60px; right: 14%; width: 15px; height: 15px; }
.lc-deco-pinguino { bottom: 6px; left: 6%; width: 58px; height: 74px; z-index: 3; }
@media (max-width: 900px) {
  .lc-deco-cohete, .lc-deco-planeta, .lc-deco-pinguino { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
  .lc-deco-globo { animation: lc-flotar 6s ease-in-out infinite; }
  .lc-deco-cohete { animation: lc-flotar 8s ease-in-out infinite reverse; }
  @keyframes lc-flotar { 50% { transform: translateY(-14px); } }
}

/* =====================================================================
   DOCUMENTOS DE CONSULTA: tarjetas grandes ilustradas
   ===================================================================== */
.lc-docs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lc-doc {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 10px;
  align-items: center;
  border-radius: 24px;
  padding: 30px 28px;
  color: #fff !important;
  text-decoration: none !important;
  box-shadow: var(--lc-sombra);
  transition: transform .15s ease;
  overflow: hidden;
}
.lc-doc:hover { transform: translateY(-4px) rotate(-.5deg); }
.lc-doc-celeste { background: linear-gradient(135deg, #0095e8, #44abd4); }
.lc-doc-aurora  { background: linear-gradient(135deg, #1fae77, #2ec98c); }
.lc-doc small {
  display: block;
  font-weight: 900; font-size: .72rem;
  letter-spacing: .1em; text-transform: uppercase;
  opacity: .9; margin-bottom: 6px;
}
.lc-doc strong {
  font-family: 'Baloo 2', sans-serif;
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  font-weight: 800;
  line-height: 1.15;
  display: block;
}
.lc-doc span { font-weight: 700; font-size: .88rem; opacity: .95; display: block; margin-top: 8px; }
.lc-doc-arte { width: 100%; max-width: 150px; margin: 0 auto; }
.lc-doc-arte svg { width: 100%; height: auto; display: block; }
@media (max-width: 780px) { .lc-docs { grid-template-columns: 1fr; } }

/* =====================================================================
   PIE OSCURO CON COLUMNAS (estilo sitio nacional)
   ===================================================================== */
.lc-pie {
  background: var(--lc-austral);
  color: #dbe9f5;
  padding: 44px 0 26px;
  margin-top: 60px;
}
.lc-pie-int {
  max-width: 1080px; margin: 0 auto; padding: 0 24px;
  display: grid;
  grid-template-columns: auto 1fr 1fr 1.2fr;
  gap: 34px;
  align-items: start;
}
.lc-pie img { height: 62px; width: auto; background: #fff; border-radius: 12px; padding: 4px 8px; }
.lc-pie h4 {
  font-family: 'Baloo 2', sans-serif;
  color: #fff; font-size: 1rem; margin: 0 0 10px;
}
.lc-pie a { display: block; color: #dbe9f5 !important; text-decoration: none; font-weight: 700; font-size: .88rem; padding: 3px 0; }
.lc-pie a:hover { color: var(--lc-amarillo) !important; }
.lc-pie-legal {
  text-align: center; font-size: .78rem; font-weight: 700;
  color: #9db8cf; margin: 30px auto 0; max-width: 1080px; padding: 0 24px;
}
@media (max-width: 780px) { .lc-pie-int { grid-template-columns: 1fr 1fr; } }

/* Astra: ocultar su pie por defecto (lo reemplaza .lc-pie) */
.site-footer .ast-small-footer, .ast-footer-copyright { display: none; }

/* enlaces y botones al estilo del sitio */
a { color: var(--lc-cyan); }
.entry-content a { font-weight: 700; }

/* =====================================================================
   PORTADA
   ===================================================================== */

/* La portada maneja sus propios anchos: se libera el contenedor del tema
   para que el heroe llegue de borde a borde y las tarjetas usen 1080px. */
body.home .ast-container,
body.home .site-content .ast-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.home .entry-content,
body.home .entry-content > * {
  max-width: none !important;
}
body.home .entry-content { margin-top: 0 !important; }
body.home .site-content { padding-top: 0 !important; }

/* --- heroe: cielo fueguino --- */
.lc-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(var(--lc-cielo-arriba), var(--lc-cielo-abajo));
  border-radius: 0 0 32px 32px;
  color: var(--lc-texto-cielo);
  margin-bottom: 40px;
}
.lc-hero-int {
  max-width: 1080px;
  margin: 0 auto;
  padding: 48px 24px 0;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 24px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.lc-hero .lc-chapa {
  display: inline-block;
  font-weight: 900;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, .22);
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 14px;
}
.lc-hero h1 {
  font-size: clamp(2rem, 4.6vw, 3.2rem);
  font-weight: 800;
  line-height: 1.12;
  color: #fff;
  margin: 0 0 12px;
}
.lc-hero h1 em { font-style: normal; color: var(--lc-amarillo); }
.lc-hero .lc-bajada {
  font-size: 1.1rem;
  font-weight: 700;
  max-width: 36ch;
  color: #fff;
}
.lc-texto-heroe { padding-bottom: 130px; }
.lc-botones { display: flex; gap: 12px; margin-top: 22px; flex-wrap: wrap; }
.lc-boton {
  font-family: 'Baloo 2', sans-serif;
  font-weight: 800;
  font-size: 1.05rem;
  text-decoration: none;
  padding: 12px 26px;
  border-radius: 999px;
  display: inline-block;
  transition: transform .12s ease;
}
.lc-boton:hover { transform: translateY(-2px); }
.lc-boton-lleno { background: var(--lc-naranja); color: #fff !important; box-shadow: 0 4px 0 rgba(0,0,0,.18); }
.lc-boton-lleno:hover { background: var(--lc-naranja-hover); }
.lc-boton-linea { border: 3px solid rgba(255,255,255,.75); color: #fff !important; }
.lc-boton-linea:hover { background: rgba(255,255,255,.15); }

/* la casita enmarcada como figurita */
.lc-casita { text-align: center; padding-bottom: 96px; margin: 0; }
.lc-casita img {
  width: min(100%, 380px);
  height: auto;
  background: #fff;
  border: 8px solid #fff;
  border-radius: 18px;
  box-shadow: var(--lc-sombra);
  transform: rotate(-2deg);
}
.lc-casita figcaption {
  display: inline-block;
  margin-top: 10px;
  background: var(--lc-austral);
  color: #fff;
  font-weight: 900;
  font-size: .76rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  transform: rotate(-2deg);
}

/* montanias al pie del heroe */
.lc-montanias { position: absolute; bottom: -1px; left: 0; width: 100%; z-index: 1; display: block; }
.lc-montanias svg { display: block; width: 100%; height: auto; }

/* sol y nieve */
.lc-sol {
  position: absolute; top: 64px; right: 11%;
  width: 72px; height: 72px; border-radius: 50%;
  background: var(--lc-amarillo);
  box-shadow: 0 0 60px 18px rgba(255, 194, 75, .55);
}
.lc-copo {
  position: absolute; top: -12px;
  border-radius: 50%; background: #fff; opacity: .8;
  animation: lc-caer linear infinite;
}
@keyframes lc-caer { to { transform: translateY(560px); } }
@media (prefers-reduced-motion: reduce) { .lc-copo { animation: none; display: none; } }

/* --- titulos de seccion de la portada --- */
.lc-seccion { max-width: 1080px; margin: 0 auto 46px; padding: 0 24px; }
.lc-seccion-titulo { text-align: center; margin-bottom: 22px; }
.lc-seccion-titulo h2 { font-size: clamp(1.5rem, 3.2vw, 2.05rem); font-weight: 800; margin: 0; }
.lc-seccion-titulo p { color: var(--lc-tinta-suave); font-weight: 700; margin: 6px auto 0; max-width: 58ch; }

/* --- tarjetas de secciones --- */
.lc-tarjetas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
  gap: 16px;
}
.lc-tarjeta {
  background: var(--lc-tarjeta);
  border: 2px solid var(--lc-borde);
  border-radius: 20px;
  padding: 22px 16px;
  text-align: center;
  text-decoration: none !important;
  box-shadow: var(--lc-sombra);
  transition: transform .15s ease;
  color: var(--lc-tinta) !important;
  display: block;
}
.lc-tarjeta:hover { transform: translateY(-4px) rotate(-1deg); }
.lc-tarjeta svg { width: 52px; height: 52px; display: block; margin: 0 auto 10px; }
.lc-tarjeta strong {
  font-family: 'Baloo 2', sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  display: block;
  color: var(--lc-austral);
}
.lc-tarjeta span { font-size: .84rem; color: var(--lc-tinta-suave); font-weight: 700; }

/* --- fichas de juegos --- */
.lc-fichas {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
}
.lc-ficha {
  border-radius: 18px;
  padding: 26px 14px 20px;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 800;
  font-size: 1.05rem;
  line-height: 1.15;
  box-shadow: var(--lc-sombra);
  transition: transform .15s ease;
  display: block;
}
.lc-ficha:hover { transform: scale(1.04) rotate(1deg); }
.lc-ficha small {
  display: block;
  font-family: 'Nunito', sans-serif;
  font-weight: 900;
  font-size: .68rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-top: 8px;
  opacity: .92;
}
.lc-f-celeste { background: var(--lc-celeste); }
.lc-f-naranja { background: var(--lc-naranja); }
.lc-f-aurora  { background: var(--lc-aurora); }
.lc-f-austral { background: #3a6a96; }

/* --- camino de la ley --- */
.lc-camino-caja {
  background: var(--lc-tarjeta);
  border: 2px solid var(--lc-borde);
  border-radius: 24px;
  padding: 30px 24px;
  box-shadow: var(--lc-sombra);
}
.lc-camino {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.lc-paso { text-align: center; flex: 1; min-width: 96px; }
.lc-globo {
  width: 64px; height: 64px; border-radius: 50%;
  margin: 0 auto 8px;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 800; font-size: 1.35rem; color: #fff;
  box-shadow: 0 4px 0 rgba(0,0,0,.15);
}
.lc-paso p { font-weight: 900; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em; margin: 0; }
.lc-paso small { display: block; font-weight: 700; font-size: .75rem; color: var(--lc-tinta-suave); margin-top: 2px; }
.lc-flecha { align-self: center; font-size: 1.4rem; color: var(--lc-tinta-suave); font-weight: 900; padding-top: 14px; }

/* --- paneles dobles (efemeride + curiosidad) --- */
.lc-doble { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lc-panel { border-radius: 24px; padding: 28px; box-shadow: var(--lc-sombra); }
.lc-etiqueta {
  display: inline-block;
  font-weight: 900; font-size: .72rem;
  letter-spacing: .12em; text-transform: uppercase;
  padding: 5px 12px; border-radius: 999px; margin-bottom: 12px;
}
.lc-panel h3 { font-size: 1.4rem; font-weight: 800; margin: 0 0 10px; }
.lc-panel p { font-weight: 700; }
.lc-p-naranja { background: var(--lc-naranja); color: #fff; }
.lc-p-naranja h3, .lc-p-naranja p { color: #fff; }
.lc-p-naranja .lc-etiqueta { background: rgba(255,255,255,.25); color: #fff; }
.lc-p-naranja a { color: #fff !important; font-weight: 900; }
.lc-p-claro { background: var(--lc-tarjeta); border: 2px solid var(--lc-borde); }
.lc-p-claro .lc-etiqueta { background: var(--lc-celeste); color: #fff; }
.lc-p-claro p { color: var(--lc-tinta-suave); }
.lc-p-claro a { color: var(--lc-naranja) !important; font-weight: 900; }

/* =====================================================================
   JUEGOS (trivia y verdadero/falso)
   ===================================================================== */
.lc-juego {
  background: var(--lc-tarjeta);
  border: 2px solid var(--lc-borde);
  border-radius: 24px;
  padding: 28px;
  box-shadow: var(--lc-sombra);
  margin: 26px 0;
}
.lc-juego h3 { margin-top: 0; }
.lc-juego .lc-progreso {
  font-weight: 900; font-size: .78rem; letter-spacing: .1em;
  text-transform: uppercase; color: var(--lc-tinta-suave);
}
.lc-juego .lc-pregunta { font-family: 'Baloo 2', sans-serif; font-size: 1.3rem; font-weight: 800; margin: 10px 0 18px; }
.lc-opciones { display: grid; gap: 10px; }
.lc-opcion {
  text-align: left;
  font-family: 'Nunito', sans-serif;
  font-size: 1rem; font-weight: 700;
  background: var(--lc-nieve);
  color: var(--lc-tinta);
  border: 2px solid var(--lc-borde);
  border-radius: 14px;
  padding: 12px 16px;
  cursor: pointer;
  transition: transform .1s ease, background .15s ease;
}
.lc-opcion:hover { transform: translateX(4px); background: #e8f4fb; }
.lc-opcion.lc-bien { background: #d9f7ea; border-color: var(--lc-aurora); }
.lc-opcion.lc-mal { background: #ffe3e3; border-color: #e05656; }
.lc-opcion:disabled { cursor: default; opacity: .85; }
.lc-explicacion {
  margin-top: 14px;
  background: var(--lc-nieve);
  border-left: 5px solid var(--lc-amarillo);
  border-radius: 0 12px 12px 0;
  padding: 12px 16px;
  font-weight: 700;
}
.lc-vf-botones { display: flex; gap: 12px; }
.lc-vf-botones .lc-opcion { flex: 1; text-align: center; font-family: 'Baloo 2', sans-serif; font-size: 1.1rem; font-weight: 800; }
.lc-juego .lc-final { text-align: center; padding: 10px 0; }
.lc-juego .lc-final .lc-puntaje {
  font-family: 'Baloo 2', sans-serif;
  font-size: 2.6rem; font-weight: 800; color: var(--lc-naranja);
  display: block;
}
.lc-siguiente, .lc-reiniciar {
  font-family: 'Baloo 2', sans-serif;
  font-weight: 800; font-size: 1rem;
  background: var(--lc-celeste); color: #fff;
  border: 0; border-radius: 999px;
  padding: 10px 24px; margin-top: 16px; cursor: pointer;
}
.lc-siguiente:hover, .lc-reiniciar:hover { background: #0095cc; }

/* --- sopa de letras --- */
.lc-sopa-grilla {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 3px;
  max-width: 520px;
  margin: 14px auto;
}
.lc-sopa-celda {
  aspect-ratio: 1;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Baloo 2', sans-serif;
  font-weight: 800; font-size: clamp(.7rem, 2.4vw, 1.05rem);
  background: var(--lc-nieve);
  color: var(--lc-tinta);
  border: 1.5px solid var(--lc-borde);
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
}
.lc-sopa-celda:hover { background: #e8f4fb; }
.lc-sopa-celda.lc-sopa-sel { background: var(--lc-amarillo); border-color: var(--lc-naranja); }
.lc-sopa-celda.lc-sopa-ok { background: var(--lc-aurora); border-color: var(--lc-aurora); color: #fff; }
.lc-sopa-pistas { columns: 2; font-size: .82rem; font-weight: 700; color: var(--lc-tinta-suave); padding-left: 18px; }
.lc-sopa-pistas li.lc-hallada { text-decoration: line-through; opacity: .5; }
.lc-sopa-estado { min-height: 1.6em; font-weight: 900; color: var(--lc-naranja); text-align: center; margin-top: 8px; }
@media (max-width: 600px) { .lc-sopa-pistas { columns: 1; } }

/* --- memotest --- */
.lc-memo-grilla {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  max-width: 480px;
  margin: 14px auto;
}
.lc-memo-carta {
  aspect-ratio: 3/3.4;
  position: relative;
  border: 0; background: none; padding: 0; cursor: pointer;
  perspective: 500px;
}
.lc-memo-carta .lc-memo-frente,
.lc-memo-carta .lc-memo-dorso {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  border-radius: 14px;
  backface-visibility: hidden;
  transition: transform .35s ease;
  box-shadow: 0 3px 10px rgba(20, 48, 74, .15);
}
.lc-memo-dorso {
  background: var(--lc-celeste);
  color: #fff;
  font-family: 'Baloo 2', sans-serif;
  font-size: 2rem; font-weight: 800;
}
.lc-memo-frente {
  background: #fff;
  border: 2px solid var(--lc-borde);
  transform: rotateY(180deg);
  padding: 6px;
}
.lc-memo-frente svg { width: 70%; height: auto; }
.lc-memo-frente small { font-weight: 900; font-size: .6rem; text-transform: uppercase; letter-spacing: .04em; color: var(--lc-tinta-suave); }
.lc-memo-carta.lc-volteada .lc-memo-dorso, .lc-memo-carta.lc-fija .lc-memo-dorso { transform: rotateY(-180deg); }
.lc-memo-carta.lc-volteada .lc-memo-frente, .lc-memo-carta.lc-fija .lc-memo-frente { transform: rotateY(0); }
.lc-memo-carta.lc-fija .lc-memo-frente { border-color: var(--lc-aurora); background: #eafcf4; }
.lc-memo-intentos { color: var(--lc-naranja); }

/* --- crucigrama acrostico --- */
.lc-cruci-grilla { overflow-x: auto; padding-bottom: 6px; }
.lc-cruci-fila { display: flex; align-items: center; gap: 4px; margin-bottom: 6px; }
.lc-cruci-celda {
  width: 30px; height: 34px;
  text-align: center;
  font-family: 'Baloo 2', sans-serif;
  font-size: 1.05rem; font-weight: 800;
  color: var(--lc-tinta);
  border: 2px solid var(--lc-borde);
  border-radius: 8px;
  background: #fff;
  flex: 0 0 30px;
  padding: 0;
  text-transform: uppercase;
}
.lc-cruci-celda.lc-cruci-clave { background: var(--lc-amarillo); border-color: var(--lc-naranja); }
.lc-cruci-celda.lc-bien { background: #d9f7ea; border-color: var(--lc-aurora); }
.lc-cruci-celda.lc-mal { background: #ffe3e3; border-color: #e05656; }
.lc-cruci-pista { font-size: .78rem; font-weight: 700; color: var(--lc-tinta-suave); margin-left: 10px; min-width: 180px; }
@media (max-width: 700px) { .lc-cruci-pista { min-width: 130px; } }

/* --- para colorear --- */
.lc-col-laminas { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; }
.lc-col-laminas .lc-opcion { flex: 0 0 auto; }
.lc-col-paleta { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; margin: 10px 0; }
.lc-col-color {
  width: 34px; height: 34px; border-radius: 50%;
  border: 3px solid #fff; cursor: pointer;
  box-shadow: 0 2px 6px rgba(20, 48, 74, .25);
  padding: 0;
}
.lc-col-color.lc-col-elegido { outline: 4px solid var(--lc-austral); }
.lc-col-dibujo { max-width: 440px; margin: 0 auto; }
.lc-col-dibujo svg { width: 100%; height: auto; }
.lc-col-dibujo .lc-region {
  fill: #ffffff;
  stroke: var(--lc-austral);
  stroke-width: 3;
  stroke-linejoin: round;
  cursor: pointer;
  transition: fill .1s ease;
}
.lc-col-dibujo .lc-region:hover { stroke-width: 4.5; }

/* =====================================================================
   listados (curiosidades / efemerides) un poco mas amables
   ===================================================================== */
.ast-article-post, .ast-article-single {
  border-radius: 20px;
  box-shadow: var(--lc-sombra);
}
.entry-title a { font-family: 'Baloo 2', sans-serif; }

/* ------------------------------------------------------------ responsive */
@media (max-width: 780px) {
  .lc-hero-int { grid-template-columns: 1fr; padding-top: 26px; }
  .lc-texto-heroe { padding-bottom: 10px; text-align: center; }
  .lc-texto-heroe .lc-bajada { margin-inline: auto; }
  .lc-botones { justify-content: center; }
  .lc-casita { padding-bottom: 110px; }
  .lc-doble { grid-template-columns: 1fr; }
  .lc-flecha { display: none; }
}