/*
Theme Name:  La Legislatura de los Chicos (v2, estilo Congreso)
Description: Tema hijo de Astra para el sitio infantil de la Legislatura de Tierra del Fuego. Rediseño del 02/10/2026 que replica la estructura, la tipografía (Open Sans, Nunito, Roboto Condensed) y el sistema de colores por sección de chicos.congreso.gob.ar: encabezado blanco con menú de iconos, carrusel, accesos "Material para el aula" y "ABC", documentos de consulta, novedades y pie oscuro. Cada sección tiñe el logo, el menú, los títulos y los fondos con su color.
Template:    astra
Version:     2.0.18
Author:      Legislatura de Tierra del Fuego
Text Domain: legis-chicos
*/

/* ================================================================== fuentes */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('fuentes/open-sans-400.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('fuentes/open-sans-600.woff2') format('woff2'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('fuentes/open-sans-700.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'); }
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-display: swap; src: url('fuentes/roboto-700.woff2') format('woff2'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; font-display: swap; src: url('fuentes/roboto-condensed-300.woff2') format('woff2'); }
@font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; font-display: swap; src: url('fuentes/roboto-condensed-400.woff2') format('woff2'); }
@font-face { font-family: 'Baloo 2'; font-style: normal; font-weight: 400 800; font-display: swap; src: url('fuentes/baloo2.woff2') format('woff2'); }

/* ================================================================== tokens
   Medidos en chicos.congreso.gob.ar el 02/10/2026 (estilos calculados en Chrome). */
:root {
  --lc-texto: #333333;
  --lc-texto-suave: #65676b;
  --lc-gris: #bdbdbd;
  --lc-banda: #f5f5f5;
  --lc-tarjeta: #f8f8f8;
  --lc-pie: #333333;
  --lc-sombra: 0 3px 5px 0 rgba(105, 105, 105, .25);
  --lc-ancho: 1300px;
  --lc-sans: 'Open Sans', 'Segoe UI', Arial, sans-serif;
  --lc-titulos: 'Nunito', 'Segoe UI', Arial, sans-serif;
  --lc-logo: 'Baloo 2', 'Nunito', sans-serif;
  /* colores de los items del menu (iguales al nacional) */
  --lc-c-juegos: #FFC507;
  --lc-c-videos: #FF0079;
  --lc-c-curiosidades: #20CEB5;
  --lc-c-efemerides: #FB6103;
  --lc-c-malvinas: #1D4E89;
  --lc-c-espacio-literario: #4290FF;
  --lc-c-visitas: #40BA30;
  --lc-c-contacto: #8D40EE;
  --lc-c-contacto-texto: #6160A8;
  --lc-c-libros: #6160A8;
  /* seccion actual (la portada: azul marino del logo) */
  --lc-color: #29306d;
  --lc-pastel: #ffffff;
  --lc-color-oscuro: #1b2048;
}
/* Cada seccion tiñe logo, menu, titulos y fondos. La clase la pone functions.php. */
body.lc-sec-juegos            { --lc-color: #FFC507; --lc-pastel: #FDF2D0; --lc-color-oscuro: #b58a00; }
body.lc-sec-videos            { --lc-color: #FF0079; --lc-pastel: #FFDDEC; --lc-color-oscuro: #b10054; }
body.lc-sec-curiosidades      { --lc-color: #20CEB5; --lc-pastel: #DCF7F2; --lc-color-oscuro: #168f7e; }
body.lc-sec-efemerides        { --lc-color: #FB6103; --lc-pastel: #FFDACA; --lc-color-oscuro: #af4302; }
body.lc-sec-malvinas          { --lc-color: #1D4E89; --lc-pastel: #D6E4F5; --lc-color-oscuro: #12315a; }
body.lc-sec-espacio-literario { --lc-color: #4290FF; --lc-pastel: #DFEBFF; --lc-color-oscuro: #2d63b3; }
body.lc-sec-visitas           { --lc-color: #40BA30; --lc-pastel: #EDF5E9; --lc-color-oscuro: #2c8221; }
body.lc-sec-contacto          { --lc-color: #6160A8; --lc-pastel: #D8DEFF; --lc-color-oscuro: #424175; }
body.lc-sec-novedades         { --lc-color: #6160A8; --lc-pastel: #D8DEFF; --lc-color-oscuro: #424175; }
body.lc-sec-material          { --lc-color: #DA4A54; --lc-pastel: #EAB1B6; --lc-color-oscuro: #98333a; }
body.lc-sec-abc               { --lc-color: #3CB491; --lc-pastel: #AAD7CA; --lc-color-oscuro: #2a7d65; }
body.lc-sec-libros            { --lc-color: #6160A8; --lc-pastel: #D8DEFF; --lc-color-oscuro: #424175; }

/* ================================================================== base */
html { scroll-behavior: smooth; }
body {
  font-family: var(--lc-sans);
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: .5px;
  color: var(--lc-texto);
  background: #fff;
}
body, .ast-single-post .entry-content, .entry-content { font-family: var(--lc-sans); }
h1, h2, h3, h4, h5, h6 { font-family: var(--lc-titulos); color: var(--lc-texto); letter-spacing: .5px; }
h1, h2, h3 { text-wrap: balance; }
a { color: var(--lc-color); text-decoration: none; }
a:hover { color: var(--lc-color-oscuro); }
img { max-width: 100%; height: auto; }
.lc-wrap { max-width: var(--lc-ancho); margin: 0 auto; padding: 0 15px; }
.lc-oculto { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Astra: el contenido ocupa todo el ancho; cada plantilla maneja el suyo */
body.lc-v2 .site-content .ast-container { max-width: 100% !important; padding: 0 !important; }
body.lc-v2 .site-content { padding: 0 !important; }
body.lc-v2 #primary { margin: 0 !important; padding: 0 !important; }
body.lc-v2 .site-content .entry-content, body.lc-v2 .site-content .entry-content > * { max-width: none; }
body.lc-v2 .site-footer .ast-small-footer, body.lc-v2 .ast-footer-copyright { display: none; }
body.lc-v2 #ast-scroll-top { display: none !important; }

/* ================================================================== ENCABEZADO
   Blanco, 150 px de alto, sombra; logo a la izquierda y menu de iconos de
   120 x 150 a la derecha. Igual al nacional. */
.site-header, .ast-primary-header-bar, .main-header-bar {
  background: #fff !important;
  border-bottom: 0 !important;
}
.ast-primary-header-bar { box-shadow: var(--lc-sombra); padding: 0 !important; position: relative; z-index: 20; }
.ast-primary-header-bar > .ast-container,
.main-header-bar > .ast-container,
.site-header .ast-container {
  max-width: var(--lc-ancho) !important;
  margin-inline: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#ast-desktop-header .ast-builder-grid-row { min-height: 150px; }
#ast-desktop-header .site-header-section-left { padding-left: 11px; }

/* logo: la casita a la izquierda del nombre (v2.0.1, pedido de Fabio 02/10/2026:
   "volver a poner la casita al lado del texto"). Tamanos por ancho mas abajo, medidos
   para que el menu de 8 items siga en UNA fila. */
.site-branding .custom-logo-link, .site-logo-img { display: inline-flex !important; align-items: center; padding: 0 !important; margin: 0 !important; line-height: 0; }
.custom-logo-link img.custom-logo, .site-logo-img img { height: 78px !important; width: auto !important; max-width: none !important; max-height: none !important; display: block; }
.site-description { display: none !important; }
.site-branding { display: flex !important; align-items: center; gap: 12px; min-height: 150px; }
.ast-site-title-wrap { display: block; }

/* nombre del sitio como logotipo: letras redondeadas con contorno blanco y
   sombra oscura del color de la seccion (misma idea que el logo nacional) */
.site-title { margin: 0 !important; line-height: 1; font-size: 36px !important; }
.site-title a, .site-title a:hover, .site-title a:focus {
  display: inline-block;
  width: 8.2em;              /* "LA LEGISLATURA" (7.75em) entra; "DE LOS CHICOS" baja de linea (medido: 0.553em por letra) */
  font-family: var(--lc-logo) !important;
  font-weight: 800;
  font-size: 36px;           /* 295 px de ancho: con 8 items de 116 (928) entra en 1300 */
  line-height: .9;
  letter-spacing: .005em;
  text-transform: uppercase;
  color: var(--lc-color) !important;
  -webkit-text-stroke: 6px #fff;
  paint-order: stroke fill;
  text-shadow: 3px 3px 0 var(--lc-color-oscuro);
  transform: skewX(-4deg);
  white-space: normal;
  transition: color .2s ease;
}

/* menu de iconos (el JS pone .lc-menu-icono + .lc-menu-texto) */
.main-header-menu { align-items: stretch; flex-wrap: nowrap !important; }
.main-header-menu > .menu-item { --lc-item: var(--lc-color); width: 116px; flex: 0 0 116px; }
#ast-desktop-header .site-header-primary-section-right { flex: 0 0 auto; }
.main-header-menu > .lc-item-juegos            { --lc-item: var(--lc-c-juegos); }
.main-header-menu > .lc-item-videos            { --lc-item: var(--lc-c-videos); }
.main-header-menu > .lc-item-curiosidades      { --lc-item: var(--lc-c-curiosidades); }
.main-header-menu > .lc-item-efemerides        { --lc-item: var(--lc-c-efemerides); }
.main-header-menu > .lc-item-malvinas          { --lc-item: var(--lc-c-malvinas); }
.main-header-menu > .lc-item-espacio-literario { --lc-item: var(--lc-c-espacio-literario); }
.main-header-menu > .lc-item-visitas           { --lc-item: var(--lc-c-visitas); }
.main-header-menu > .lc-item-contacto          { --lc-item: var(--lc-c-contacto); --lc-item-texto: var(--lc-c-contacto-texto); }
.main-header-menu > .lc-item-libros            { --lc-item: var(--lc-c-libros); }
.main-header-menu > .menu-item > .menu-link {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  height: 150px;
  padding: 20px 4px 0 !important;
  color: var(--lc-item) !important;
  font-family: var(--lc-titulos) !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-align: center;
  border-radius: 0;
  transition: background .15s ease, color .15s ease;
}
.lc-menu-icono { display: block; width: 50px; height: 50px; flex: 0 0 50px; }
.lc-menu-icono svg { width: 100%; height: 100%; display: block; }
.lc-menu-texto { color: var(--lc-item-texto, var(--lc-item)); }
.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item.focus > .menu-link { background: color-mix(in srgb, var(--lc-item) 12%, #fff); }
/* item de la seccion actual: bloque lleno con el color, icono y texto en blanco */
body.lc-sec-juegos .lc-item-juegos > .menu-link,
body.lc-sec-videos .lc-item-videos > .menu-link,
body.lc-sec-curiosidades .lc-item-curiosidades > .menu-link,
body.lc-sec-efemerides .lc-item-efemerides > .menu-link,
body.lc-sec-malvinas .lc-item-malvinas > .menu-link,
body.lc-sec-espacio-literario .lc-item-espacio-literario > .menu-link,
body.lc-sec-visitas .lc-item-visitas > .menu-link,
body.lc-sec-contacto .lc-item-contacto > .menu-link,
body.lc-sec-libros .lc-item-libros > .menu-link {
  background: var(--lc-item) !important;
  color: #fff !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--lc-item) 70%, #000);
}
body.lc-sec-juegos .lc-item-juegos .lc-menu-texto,
body.lc-sec-videos .lc-item-videos .lc-menu-texto,
body.lc-sec-curiosidades .lc-item-curiosidades .lc-menu-texto,
body.lc-sec-efemerides .lc-item-efemerides .lc-menu-texto,
body.lc-sec-malvinas .lc-item-malvinas .lc-menu-texto,
body.lc-sec-espacio-literario .lc-item-espacio-literario .lc-menu-texto,
body.lc-sec-visitas .lc-item-visitas .lc-menu-texto,
body.lc-sec-contacto .lc-item-contacto .lc-menu-texto,
body.lc-sec-libros .lc-item-libros .lc-menu-texto { color: #fff !important; }
.main-header-menu .lc-item-extra { display: none; }
/* las etiquetas del menu nunca se parten a mitad de palabra ("CURIOSIDAD-ES") */
.main-header-menu > .menu-item > .menu-link .lc-menu-texto { overflow-wrap: normal; word-break: keep-all; hyphens: none; }

/* Encabezado en UNA fila con casita + nombre + 9 items (desde el 04/10/2026, con «Libros»).
   Medido en Chrome (medir-9items.js) en 1920/1680/1600/1536/1441/1440/1366/1300/1280/1200/1199/1100/1041/1040/985/930:
   >=1441: contenedor 1440, casita 78, nombre 36px, items 104, etiqueta 11.5px
   1300-1440: contenedor al 100 %, casita 64, nombre 32px, items 96, etiqueta 11px, icono 46
   1200-1299: casita 56, nombre 30px, items 88, etiqueta 10.5px, icono 44
   1041-1199: casita 48, nombre 26px, items 76, etiqueta 9.5px, icono 40
   922-1040:  casita 40, nombre 23px, items 66, etiqueta 8.5px, icono 36 */
@media (min-width: 1441px) {
  .ast-primary-header-bar > .ast-container, .main-header-bar > .ast-container, .site-header .ast-container { max-width: 1440px !important; }
  .main-header-menu > .menu-item { width: 104px; flex-basis: 104px; }
  .main-header-menu > .menu-item > .menu-link { font-size: 11.5px !important; padding-left: 2px !important; padding-right: 2px !important; }
}
@media (min-width: 1300px) and (max-width: 1440px) {
  .ast-primary-header-bar > .ast-container, .main-header-bar > .ast-container, .site-header .ast-container { max-width: 100% !important; }
  .custom-logo-link img.custom-logo, .site-logo-img img { height: 64px !important; }
  .site-branding { gap: 10px; }
  .site-title a { font-size: 32px; }
  .main-header-menu > .menu-item { width: 96px; flex-basis: 96px; }
  .main-header-menu > .menu-item > .menu-link { font-size: 11px !important; padding-left: 2px !important; padding-right: 2px !important; }
  .lc-menu-icono { width: 46px; height: 46px; flex-basis: 46px; }
}
@media (min-width: 1200px) and (max-width: 1299px) {
  .custom-logo-link img.custom-logo, .site-logo-img img { height: 56px !important; }
  .site-branding { gap: 8px; }
  .site-title a { font-size: 30px; }
  .main-header-menu > .menu-item { width: 88px; flex-basis: 88px; }
  .main-header-menu > .menu-item > .menu-link { font-size: 10.5px !important; padding-left: 2px !important; padding-right: 2px !important; }
  .lc-menu-icono { width: 44px; height: 44px; flex-basis: 44px; }
}
@media (min-width: 1041px) and (max-width: 1199px) {
  .custom-logo-link img.custom-logo, .site-logo-img img { height: 48px !important; }
  .site-branding { gap: 7px; }
  .site-title a { font-size: 26px; -webkit-text-stroke-width: 5px; }
  .main-header-menu > .menu-item { width: 76px; flex-basis: 76px; }
  .main-header-menu > .menu-item > .menu-link { font-size: 9.5px !important; letter-spacing: 0; padding-left: 2px !important; padding-right: 2px !important; gap: 14px; }
  .lc-menu-icono { width: 40px; height: 40px; flex-basis: 40px; }
}
@media (min-width: 922px) and (max-width: 1040px) {
  .custom-logo-link img.custom-logo, .site-logo-img img { height: 40px !important; }
  .site-branding { gap: 6px; }
  .site-title a { font-size: 23px; -webkit-text-stroke-width: 4px; text-shadow: 2px 2px 0 var(--lc-color-oscuro); }
  .main-header-menu > .menu-item { width: 66px; flex-basis: 66px; }
  .main-header-menu > .menu-item > .menu-link { font-size: 8.5px !important; letter-spacing: 0; padding-left: 1px !important; padding-right: 1px !important; gap: 12px; }
  .lc-menu-icono { width: 36px; height: 36px; flex-basis: 36px; }
}

/* ---- celular: encabezado de 120 px, logo chico, hamburguesa; el menu se
   despliega como grilla de 3 iconos por fila mas los dos accesos (igual que
   el nacional) ---- */
.ast-header-break-point .ast-primary-header-bar { min-height: 120px; }
.ast-header-break-point #ast-mobile-header .ast-builder-grid-row { min-height: 120px; padding: 0 10px; }
.ast-header-break-point .site-branding { min-height: 120px; padding-left: 15px; gap: 8px; }
.ast-header-break-point .custom-logo-link img.custom-logo, .ast-header-break-point .site-logo-img img, #ast-mobile-header .site-logo-img img { height: 44px !important; }
.ast-header-break-point .site-title a,
#ast-mobile-header .site-title a { font-size: 22px; width: 8.2em; white-space: normal; -webkit-text-stroke-width: 4px; text-shadow: 2px 2px 0 var(--lc-color-oscuro); }
.ast-header-break-point .menu-toggle,
.ast-header-break-point .ast-mobile-menu-trigger-minimal {
  width: 48px; height: 48px;
  color: var(--lc-color) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 1px 6px !important;
}
.ast-header-break-point .menu-toggle .ast-icon svg, .ast-header-break-point .mobile-menu-toggle-icon svg { width: 26px; height: 30px; }
.ast-header-break-point .ast-mobile-header-content { background: #fff; box-shadow: var(--lc-sombra); }
.ast-header-break-point .main-header-bar-navigation,
.ast-header-break-point .ast-mobile-popup-drawer .ast-mobile-popup-inner { background: #fff; }
.ast-header-break-point .main-header-menu,
.ast-mobile-popup-drawer .main-header-menu {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 0;
  padding: 20px 10px 24px !important;
  border: 0 !important;
}
.ast-header-break-point .main-header-menu > .menu-item,
.ast-mobile-popup-drawer .main-header-menu > .menu-item { width: auto; border: 0 !important; }
.ast-header-break-point .main-header-menu > .menu-item > .menu-link,
.ast-mobile-popup-drawer .main-header-menu > .menu-item > .menu-link {
  height: 110px;
  padding: 10px 4px 0 !important;
  gap: 14px;
  border: 0 !important;
  border-radius: 12px;
}
.ast-header-break-point .main-header-menu .lc-item-extra,
.ast-mobile-popup-drawer .main-header-menu .lc-item-extra { display: block; }
.ast-header-break-point .main-header-menu .lc-item-material { grid-column-start: 1; } /* los dos accesos van juntos en su propia fila */
.ast-header-break-point .main-header-menu .lc-item-extra > .menu-link {
  background: #eaeaea !important;
  border-radius: 20px;
  height: 90px;
  margin: 6px 5px 0;
  padding: 5px !important;
  justify-content: center;
}
.ast-header-break-point .main-header-menu .lc-item-extra svg { width: 70px; height: 58px; }
.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap { padding-right: 10px; }

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

/* --- carrusel: banda gris de 568 px con texto a la izquierda e ilustracion
   a la derecha --- */
.lc-slider { position: relative; background: var(--lc-banda); overflow: hidden; }
.lc-slides { display: flex; transition: transform .55s ease; will-change: transform; }
.lc-slide { --lc-slide: #29306d; flex: 0 0 100%; min-width: 100%; box-sizing: border-box; min-height: 568px; padding: 30px 0; }
.lc-slide-int { display: grid; grid-template-columns: 620px 620px; justify-content: space-between; gap: 30px; align-items: start; }
.lc-slide-texto { padding-top: 40px; }
.lc-chapa {
  display: inline-block;
  background: var(--lc-slide);
  color: #fff;
  font-family: 'Roboto', var(--lc-sans);
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 5px 10px;
  margin: 0 0 20px;
}
.lc-slide-titulo {
  font-family: 'Roboto Condensed', var(--lc-sans);
  font-weight: 300;
  font-size: 60px;
  line-height: 66px;
  letter-spacing: -1px;
  text-transform: uppercase;
  color: var(--lc-slide);
  margin: 0 0 18px;
}
.lc-slide-titulo a { color: inherit; }
.lc-slide-bajada {
  margin: 0 0 0 40px;
  padding-left: 20px;
  border-left: 3px solid var(--lc-gris);
  font-size: 15px;
  line-height: 24px;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--lc-texto-suave);
  max-width: 575px;
}
.lc-slide-mas {
  display: inline-block;
  margin: 26px 0 0 60px;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--lc-texto);
}
.lc-slide-mas::before { content: "\203A\00a0"; }
.lc-slide-img { width: 620px; max-width: 100%; height: 460px; margin: 20px auto 0; display: flex; align-items: center; justify-content: center; }
.lc-slide-img img, .lc-slide-img svg { width: 100%; height: 100%; object-fit: contain; display: block; }
/* efeméride con imágenes (las que arma Imprenta): la imagen enmarcada como una foto sobre el círculo del mes, con el
   sol, las estrellitas y un calendario chico con la fecha, igual que la diapositiva dibujada del calendario */
.lc-foto-efe { position: relative; width: 100%; height: 100%; }
.lc-foto-circulo { position: absolute; left: 50%; top: 52%; width: 400px; height: 400px; transform: translate(-50%, -50%); border-radius: 50%; background: var(--efe-pastel); }
.lc-slide-img .lc-foto-efe .lc-foto-deco { position: absolute; inset: 0; width: 100%; height: 100%; }
.lc-slide-img .lc-foto-efe img { position: absolute; left: 50%; top: 52%; width: auto; height: auto; max-width: 76%; max-height: 64%; object-fit: initial; box-sizing: content-box; border: 8px solid #fff; border-radius: 14px; background: #fff; box-shadow: 0 14px 30px rgba(43, 43, 43, .22); }
.lc-slide-img .lc-foto-efe .lc-foto-frente { z-index: 2; transform: translate(-50%, -50%) rotate(-2.5deg); }
.lc-slide-img .lc-foto-efe .lc-foto-atras { z-index: 1; transform: translate(-42%, -64%) rotate(5deg); filter: brightness(.96); }
.lc-slide-img .lc-foto-efe .lc-foto-sello { position: absolute; z-index: 3; left: 3%; top: 4%; width: 100px; height: auto; transform: rotate(-9deg); filter: drop-shadow(0 4px 0 rgba(0, 0, 0, .12)); }
.lc-slider-flecha {
  position: absolute; top: 50%; transform: translateY(-50%);
  width: 43px; height: 50px; padding: 16px 0;
  background: rgba(0, 0, 0, .3); color: #fff;
  border: 0; cursor: pointer; z-index: 2;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s ease;
}
.lc-slider-flecha:hover { background: rgba(0, 0, 0, .5); }
.lc-slider-flecha svg { width: 11px; height: 18px; }
.lc-slider-prev { left: 0; }
.lc-slider-next { right: 0; }
.lc-puntos { display: flex; justify-content: center; gap: 12px; padding: 26px 0 0; }
.lc-puntos button {
  width: 13px; height: 13px; border-radius: 50%;
  background: var(--lc-gris); border: 0; padding: 0; cursor: pointer;
  transition: background .15s ease;
}
.lc-puntos button[aria-current="true"] { background: #5c5f65; }
.lc-slider.lc-sin-js .lc-slide:not(:first-child) { display: none; }

/* --- los dos accesos grandes (Material para el aula / ABC) --- */
.lc-accesos-grandes { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 55px 0 40px; }
.lc-pildora {
  position: relative;
  display: block;
  box-sizing: border-box;
  height: 80px;
  padding: 20px;
  border-radius: 20px;
  background: var(--p-fondo);
  color: var(--p-color) !important;
  font-family: var(--lc-titulos);
  font-weight: 700;
  font-size: 26px;
  line-height: 31px;
  letter-spacing: .5px;
  text-transform: uppercase;
  transition: transform .15s ease, box-shadow .15s ease;
}
.lc-pildora:hover { transform: translateY(-2px); box-shadow: var(--lc-sombra); }
.lc-pildora-material { --p-fondo: #EAB1B6; --p-color: #DA4A54; }
.lc-pildora-abc { --p-fondo: #B9DED3; --p-color: #3DAF8F; }
/* «Libros para leer»: píldora ancha debajo de las dos, con bajada */
/* «Sesión en vivo» (juego 3D): píldora ancha amarilla, con bajada */
.lc-pildora-sesion { --p-fondo: #FDF2D0; --p-color: #a86d00; grid-column: 1 / -1; padding: 13px 160px 13px 20px; line-height: 28px; }
.lc-pildora-sesion em { display: block; font-family: var(--lc-sans); font-style: normal; font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: .3px; text-transform: none; color: #7a4f00; }
.lc-pildora-libros { --p-fondo: #D8DEFF; --p-color: #6160A8; grid-column: 1 / -1; padding: 13px 160px 13px 20px; line-height: 28px; }
.lc-pildora-libros em { display: block; font-family: var(--lc-sans); font-style: normal; font-weight: 600; font-size: 14px; line-height: 18px; letter-spacing: .3px; text-transform: none; color: #424175; }
.lc-pildora svg { position: absolute; right: 20px; top: -24px; width: 119px; height: 98px; }

/* --- documentos de consulta + novedades --- */
.lc-portada-grilla { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: 20px; }
.lc-titulo-bloque {
  font-family: var(--lc-titulos);
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--lc-texto);
  margin: 0 0 20px;
}
.lc-dos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }

/* tapas de los documentos (303 x 320, esquinas de 10 px) */
.lc-tapa {
  position: relative;
  display: block;
  height: 320px;
  border-radius: 10px;
  overflow: hidden;
  color: #fff !important;
  padding: 26px 22px;
  box-sizing: border-box;
  text-align: center;
  transition: transform .15s ease;
}
.lc-tapa:hover { transform: translateY(-3px); }
.lc-tapa-derechos { background: linear-gradient(170deg, #6474c9, #4c5bb8); }
.lc-tapa-constitucion { background: linear-gradient(170deg, #4fbf9e, #3aa98a); }
.lc-tapa-sobre { display: block; font-family: var(--lc-titulos); font-style: italic; font-weight: 700; font-size: 22px; line-height: 1.1; margin-bottom: 4px; }
.lc-tapa strong { display: block; font-family: var(--lc-titulos); font-weight: 900; font-size: 30px; line-height: 1.05; letter-spacing: .01em; text-transform: uppercase; }
.lc-tapa svg { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 190px; display: block; }

/* tarjetas (novedades, curiosidades, juegos) */
.lc-tarjeta {
  background: var(--lc-tarjeta);
  border-radius: 10px;
  box-shadow: var(--lc-sombra);
  padding: 15px;
  display: flex;
  flex-direction: column;
  transition: transform .15s ease;
}
.lc-tarjeta:hover { transform: translateY(-3px); }
.lc-tarjeta-img { display: block; border-radius: 5px; overflow: hidden; aspect-ratio: 273 / 158; background: var(--lc-pastel, #eee); }
.lc-tarjeta-img img, .lc-tarjeta-img svg { width: 100%; height: 100%; object-fit: cover; display: block; }
.lc-tarjeta-titulo {
  font-family: var(--lc-sans);
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--lc-texto);
  margin: 15px 0 0;
}
.lc-tarjeta-titulo a { color: inherit; }
.lc-tarjeta-titulo a:hover { color: var(--lc-color); }
.lc-tarjeta-texto { font-size: 15px; line-height: 24px; margin: 10px 0 0; color: var(--lc-texto-suave); }
.lc-ver-mas {
  display: block;
  text-align: right;
  margin-top: 28px;
  font-weight: 700;
  font-size: 11px;
  line-height: 17.6px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--lc-texto) !important;
}
.lc-ver-mas::before { content: "\203A\00a0"; }
.lc-ver-mas:hover { color: var(--lc-color) !important; }

/* ================================================================== PAGINAS INTERIORES
   Fondo pastel de la seccion, titulo en el color, caja de accesos rapidos
   arriba a la derecha y el contenido en tarjeta blanca. */
.lc-pagina { background: var(--lc-pastel); padding: 0 0 80px; }
body.lc-sec-inicio .lc-pagina { background: var(--lc-banda); }
.lc-cabecera { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px; align-items: start; padding-top: 20px; }
.lc-cabecera h1 {
  font-family: var(--lc-titulos);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: .5px;
  text-transform: uppercase;
  color: var(--lc-color);
  margin: 31px 0 0;
}
.lc-cabecera .lc-chapa { margin: 14px 0 0; }
.lc-accesos { display: flex; background: rgba(255, 255, 255, .4); border-radius: 25px; }
.lc-accesos a { width: 150px; height: 110px; box-sizing: border-box; padding: 16px; border-radius: 16px; display: flex; align-items: center; justify-content: center; transition: background .15s ease; }
.lc-accesos a + a { border-left: 1px solid rgba(255, 255, 255, .8); }
.lc-accesos a:hover { background: rgba(255, 255, 255, .55); }
.lc-accesos svg { width: 105px; height: 86px; }
.lc-cuerpo { margin-top: 50px; }
.lc-caja {
  background: #fff;
  border-radius: 10px;
  box-shadow: var(--lc-sombra);
  padding: 35px 40px 40px;
}
.lc-caja > :first-child { margin-top: 0; }
.lc-caja > :last-child { margin-bottom: 0; }
.lc-cuerpo h2, .lc-caja h2 {
  font-family: var(--lc-titulos);
  font-weight: 700;
  font-size: 24px;
  line-height: 38px;
  text-transform: uppercase;
  color: var(--lc-color);
  margin: 1.6em 0 .5em;
}
.lc-cuerpo h3, .lc-caja h3 {
  font-family: var(--lc-sans);
  font-weight: 700;
  font-size: 18.72px;
  line-height: 1.6;
  text-transform: uppercase;
  color: var(--lc-texto);
  margin: 1.4em 0 .4em;
}
.lc-cuerpo h4, .lc-caja h4 { font-family: var(--lc-sans); font-weight: 700; font-size: 16px; margin: 1.2em 0 .4em; }
.lc-caja p, .lc-caja li { font-size: 16px; line-height: 25.6px; }
.lc-caja a { color: var(--lc-color); font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.lc-caja a:hover { color: var(--lc-color-oscuro); }
.lc-caja img { border-radius: 10px; }
.lc-caja blockquote { background: var(--lc-pastel); border-left: 4px solid var(--lc-color); border-radius: 0 10px 10px 0; padding: 14px 20px; margin: 1.2em 0; }
.lc-caja table { width: 100%; border-collapse: collapse; }
.lc-caja th, .lc-caja td { border: 1px solid #e3e3e3; padding: 8px 12px; font-size: 15px; }
.lc-caja th { background: var(--lc-pastel); text-align: left; }
/* imágenes de las entradas (por ejemplo las efemérides que arma Imprenta): centradas, con su propia sombra; sin la
   sombra de Astra sobre la figura entera, que dejaba un recuadro blanco vacío al costado de la imagen */
.lc-caja .wp-block-image, .lc-caja figure { margin: 1.4em auto; text-align: center; box-shadow: none !important; background: none; }
.lc-caja .wp-block-image img, .lc-caja figure img { display: block; margin: 0 auto; max-width: 100%; height: auto; border-radius: 12px; box-shadow: 0 3px 12px rgba(105, 105, 105, .28); }
.lc-caja hr { border: 0; border-top: 1px solid #e3e3e3; margin: 2em 0; }
.lc-caja .lc-chapa { margin-bottom: 22px; }
.lc-imagen-destacada { margin: 0 0 26px; }
/* dibujo de la efeméride arriba del texto, cuando la entrada no trae imagen (el mismo del carrusel) */
.lc-caja .lc-efe-dibujo { max-width: 520px; margin: 0 auto 22px; }
.lc-caja .lc-efe-dibujo svg { display: block; width: 100%; height: auto; }
/* los dibujos de las efemérides se mueven (como los dibujitos del héroe: SIEMPRE, sin reduced-motion; pedido de
   Fabio 05/10/2026, «dibujos animados»): el sol gira, las estrellitas titilan, el calendario se hamaca y el dibujo flota */
.lc-efe-sol { transform-box: fill-box; transform-origin: center; animation: lc-efe-girar 30s linear infinite; }
.lc-efe-estrella { transform-box: fill-box; transform-origin: center; animation: lc-efe-titilar 2.8s ease-in-out infinite; }
.lc-efe-estrella:nth-of-type(2n) { animation-delay: -1.4s; }
.lc-efe-sello { transform-box: fill-box; transform-origin: 50% 0; animation: lc-efe-hamaca 4.5s ease-in-out infinite; }
.lc-efe-dib { animation: lc-efe-flotar 5s ease-in-out infinite; }
@keyframes lc-efe-girar { to { transform: rotate(360deg); } }
@keyframes lc-efe-titilar { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(.55); opacity: .5; } }
@keyframes lc-efe-hamaca { 0%, 100% { transform: rotate(-3deg); } 50% { transform: rotate(3deg); } }
@keyframes lc-efe-flotar { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
.lc-imagen-destacada img { width: 100%; max-height: 480px; object-fit: cover; border-radius: 10px; }

/* boton generico, estilo "DESCARGAR VIDEO" del nacional */
.lc-boton, .lc-caja .lc-boton,
.wpcf7-form input[type="submit"],
.lc-siguiente, .lc-reiniciar, .lc-pagina .button {
  display: inline-flex; align-items: center; gap: 10px;
  background: var(--lc-color);
  color: #fff !important;
  font-family: var(--lc-sans);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 14px 26px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  transition: background .15s ease, transform .12s ease;
}
.lc-boton:hover, .wpcf7-form input[type="submit"]:hover, .lc-siguiente:hover, .lc-reiniciar:hover {
  background: var(--lc-color-oscuro); transform: translateY(-1px);
}
.lc-boton-linea { background: transparent; color: var(--lc-color) !important; box-shadow: inset 0 0 0 2px var(--lc-color); }
.lc-boton-linea:hover { background: var(--lc-color); color: #fff !important; }
.lc-botones { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }

/* grilla de tarjetas (curiosidades 4 por fila, novedades 2 por fila) */
.lc-grilla { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lc-grilla-2 { grid-template-columns: repeat(2, 1fr); }
.lc-grilla .lc-tarjeta-img { aspect-ratio: 273 / 230; }
.lc-grilla-2 .lc-tarjeta-img { aspect-ratio: 595 / 330; }
.lc-grilla .lc-tarjeta-titulo { flex: 1; }
.lc-paginacion { display: flex; justify-content: center; gap: 8px; margin-top: 40px; flex-wrap: wrap; }
.lc-paginacion .page-numbers {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 42px; height: 42px; padding: 0 12px;
  border-radius: 8px; background: #fff; color: var(--lc-texto);
  font-weight: 700; box-shadow: var(--lc-sombra);
}
.lc-paginacion .page-numbers.current, .lc-paginacion a.page-numbers:hover { background: var(--lc-color); color: #fff; }
.lc-vacio { background: #fff; border-radius: 10px; padding: 40px; text-align: center; box-shadow: var(--lc-sombra); }

/* efemerides por mes (12 columnas de color, como el nacional) */
.lc-meses { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.lc-mes { border-radius: 10px; overflow: hidden; background: var(--mes-pastel); min-height: 350px; padding-bottom: 30px; display: flex; flex-direction: column; }
.lc-mes-cabecera, .lc-cuerpo h2.lc-mes-cabecera {
  background: var(--mes);
  color: #fff;
  font-family: var(--lc-sans);
  font-weight: 700;
  font-size: 25px;
  line-height: 40px;
  letter-spacing: .5px;
  text-transform: uppercase;
  padding: 10px 20px;
  margin: 0;
}
.lc-mes-lista { list-style: none; margin: 0; padding: 0 15px; }
.lc-efe { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 8px; margin-top: 20px; padding: 10px; color: var(--lc-texto) !important; transition: transform .12s ease; }
.lc-efe:hover { transform: translateX(3px); }
.lc-efe-dia {
  flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%;
  background: var(--mes); color: #fff;
  font-family: var(--lc-sans); font-weight: 700; font-size: 20px; line-height: 40px; text-align: center;
}
.lc-efe-dia.lc-efe-sin { font-size: 11px; line-height: 1.1; display: flex; align-items: center; justify-content: center; padding: 2px; }
.lc-efe-texto { font-family: var(--lc-sans); font-weight: 600; font-size: 12px; line-height: 14.4px; text-transform: uppercase; }
.lc-mes-vacio { flex: 1; display: flex; align-items: center; justify-content: center; padding: 30px 20px 0; }
.lc-mes-vacio svg { width: 150px; height: 150px; opacity: .9; }

/* formulario de contacto (Contact Form 7) */
.wpcf7 { max-width: 760px; }
.wpcf7-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
.wpcf7-form > p { margin: 0; }
.wpcf7-form label { display: block; font-weight: 700; font-size: 15px; color: var(--lc-texto); margin-bottom: 4px; }
.wpcf7-form p:has(textarea), .wpcf7-form p:has(input[type="file"]), .wpcf7-form p:has(.wpcf7-acceptance),
.wpcf7-form p:has(input[type="submit"]), .wpcf7-form p:has(input[type="email"]) { grid-column: 1 / -1; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"], .wpcf7-form select, .wpcf7-form textarea {
  width: 100%; box-sizing: border-box;
  font-family: var(--lc-sans); font-size: 16px; color: var(--lc-texto);
  background: #fff; border: 1px solid var(--lc-gris); border-radius: 5px;
  padding: 12px 14px; transition: border-color .15s ease, box-shadow .15s ease;
}
.wpcf7-form textarea { min-height: 140px; resize: vertical; }
.wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus { outline: none; border-color: var(--lc-color); box-shadow: 0 0 0 3px color-mix(in srgb, var(--lc-color) 20%, transparent); }
.wpcf7-form input[type="file"] { width: 100%; box-sizing: border-box; background: var(--lc-pastel); border: 2px dashed var(--lc-color); border-radius: 5px; padding: 14px; }
.wpcf7-form input[type="file"]::file-selector-button { background: var(--lc-color); color: #fff; border: 0; border-radius: 5px; padding: 8px 16px; margin-right: 12px; font-weight: 700; cursor: pointer; }
.wpcf7-form .wpcf7-acceptance { display: block; background: var(--lc-pastel); border-radius: 5px; padding: 12px 16px; }
.wpcf7-form .wpcf7-list-item { margin: 0; }
.wpcf7-form input[type="checkbox"] { width: 20px; height: 20px; accent-color: var(--lc-color); margin-right: 8px; vertical-align: -4px; }
.wpcf7-form input[type="submit"] { justify-self: start; }
.wpcf7-spinner { display: block; margin: 10px auto 0; }
.wpcf7-not-valid-tip { color: #c0392b; font-weight: 700; font-size: 14px; margin-top: 4px; }
.wpcf7-form input.wpcf7-not-valid, .wpcf7-form textarea.wpcf7-not-valid { border-color: #e05656; }
.wpcf7 form .wpcf7-response-output { grid-column: 1 / -1; border: 0 !important; border-radius: 5px; padding: 14px 18px !important; margin: 8px 0 0 !important; font-weight: 700; }
.wpcf7 form.sent .wpcf7-response-output { background: #d9f7ea; color: #14663f; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output { background: #ffe3e3; color: #9c2b2b; }

/* juegos H5P: cada juego en su tarjeta */
.lc-caja .h5p-iframe-wrapper, .lc-caja .h5p-content { background: var(--lc-tarjeta); border-radius: 10px; box-shadow: var(--lc-sombra); padding: 12px; margin: 10px 0 30px; }

/* navegacion entre entradas */
.lc-nav-entradas { display: flex; justify-content: space-between; gap: 16px; margin-top: 24px; flex-wrap: wrap; }
.lc-nav-entradas a { background: #fff; border-radius: 8px; padding: 12px 18px; box-shadow: var(--lc-sombra); font-weight: 700; font-size: 14px; max-width: 48%; }

/* ================================================================== PIE OSCURO */
.lc-pie { background: var(--lc-pie); color: #fff; padding: 40px 0 0; margin: 0; }
.lc-pie-marca { display: flex; align-items: center; gap: 16px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, .55); color: #fff; }
.lc-pie-marca img { height: 66px; width: auto; background: #fff; border-radius: 10px; padding: 4px 8px; }
.lc-pie-marca strong { display: block; font-family: var(--lc-titulos); font-weight: 800; font-size: 18px; line-height: 1.15; letter-spacing: .5px; text-transform: uppercase; }
.lc-pie-marca small { display: block; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; opacity: .9; margin-top: 2px; }
.lc-pie-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 36px 0 44px; }
.lc-pie h3 { font-family: var(--lc-titulos); font-weight: 700; font-size: 18.72px; line-height: 30px; color: #fff; margin: 0 0 18px; }
.lc-pie h3 + h3, .lc-pie a + h3, .lc-pie p + h3 { margin-top: 28px; }
.lc-pie a { display: block; color: #fff !important; font-size: 16px; line-height: 25.6px; letter-spacing: .5px; margin-bottom: 9.4px; }
.lc-pie a:hover { text-decoration: underline; }
.lc-pie p { margin: 0 0 9.4px; font-size: 16px; line-height: 25.6px; }
.lc-pie-logos { display: flex; gap: 30px; align-items: center; }
.lc-pie-logos a { display: inline-flex; align-items: center; gap: 10px; margin: 0; }
.lc-pie-logos img { height: 60px; width: auto; }
.lc-pie-legal { margin: 0; padding: 14px 0; text-align: center; font-size: 12px; letter-spacing: .5px; color: rgba(255, 255, 255, .75); border-top: 1px solid rgba(255, 255, 255, .15); }
.lc-pie-credito { display: inline-block; margin-top: 6px; color: rgba(255, 255, 255, .9); }

/* ================================================================== componentes que siguen
   usando los juegos y la pagina de Malvinas (JS del tema) */
.lc-juego { background: var(--lc-tarjeta); border-radius: 10px; padding: 28px; box-shadow: var(--lc-sombra); margin: 26px 0; }
.lc-juego h3 { margin-top: 0; }
.lc-juego .lc-progreso { font-weight: 700; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--lc-texto-suave); }
.lc-juego .lc-pregunta { font-family: var(--lc-titulos); font-size: 22px; font-weight: 700; margin: 10px 0 18px; }
.lc-opciones { display: grid; gap: 10px; }
.lc-opcion { text-align: left; font-family: var(--lc-sans); font-size: 16px; font-weight: 600; background: #fff; color: var(--lc-texto); border: 1px solid var(--lc-gris); border-radius: 5px; padding: 12px 16px; cursor: pointer; transition: transform .1s ease, background .15s ease; }
.lc-opcion:hover { transform: translateX(4px); background: var(--lc-pastel); }
.lc-opcion.lc-bien { background: #d9f7ea; border-color: #2ec98c; }
.lc-opcion.lc-mal { background: #ffe3e3; border-color: #e05656; }
.lc-opcion:disabled { cursor: default; opacity: .85; }
.lc-explicacion { margin-top: 14px; background: var(--lc-pastel); border-left: 4px solid var(--lc-color); border-radius: 0 8px 8px 0; padding: 12px 16px; }
.lc-vf-botones { display: flex; gap: 12px; }
.lc-vf-botones .lc-opcion { flex: 1; text-align: center; font-weight: 700; }
.lc-juego .lc-final { text-align: center; padding: 10px 0; }
.lc-juego .lc-final .lc-puntaje { font-family: var(--lc-titulos); font-size: 44px; font-weight: 800; color: var(--lc-color); display: block; }
.lc-siguiente, .lc-reiniciar { margin-top: 16px; }

.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: var(--lc-sans); font-weight: 700; font-size: clamp(.7rem, 2.4vw, 1.05rem); background: #fff; color: var(--lc-texto); border: 1px solid #e3e3e3; border-radius: 5px; cursor: pointer; padding: 0; }
.lc-sopa-celda:hover { background: var(--lc-pastel); }
.lc-sopa-celda.lc-sopa-sel { background: #ffe8a6; border-color: #FFC507; }
.lc-sopa-celda.lc-sopa-ok { background: #2ec98c; border-color: #2ec98c; color: #fff; }
.lc-sopa-pistas { columns: 2; font-size: 14px; font-weight: 600; color: var(--lc-texto-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: 700; color: var(--lc-color); text-align: center; margin-top: 8px; }
@media (max-width: 600px) { .lc-sopa-pistas { columns: 1; } }

.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: 8px; backface-visibility: hidden; transition: transform .35s ease; box-shadow: var(--lc-sombra); }
.lc-memo-dorso { background: var(--lc-color); color: #fff; font-family: var(--lc-titulos); font-size: 2rem; font-weight: 800; }
.lc-memo-frente { background: #fff; border: 1px solid #e3e3e3; transform: rotateY(180deg); padding: 6px; }
.lc-memo-frente svg { width: 70%; height: auto; }
.lc-memo-frente small { font-weight: 700; font-size: .6rem; text-transform: uppercase; letter-spacing: .04em; color: var(--lc-texto-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: #2ec98c; background: #eafcf4; }
.lc-memo-intentos { color: var(--lc-color); }

.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: var(--lc-sans); font-size: 1.05rem; font-weight: 700; color: var(--lc-texto); border: 1px solid var(--lc-gris); border-radius: 5px; background: #fff; flex: 0 0 30px; padding: 0; text-transform: uppercase; }
.lc-cruci-celda.lc-cruci-clave { background: #ffe8a6; border-color: #FFC507; }
.lc-cruci-celda.lc-bien { background: #d9f7ea; border-color: #2ec98c; }
.lc-cruci-celda.lc-mal { background: #ffe3e3; border-color: #e05656; }
.lc-cruci-pista { font-size: 13px; font-weight: 600; color: var(--lc-texto-suave); margin-left: 10px; min-width: 180px; }
@media (max-width: 700px) { .lc-cruci-pista { min-width: 130px; } }

.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(0, 0, 0, .25); padding: 0; }
.lc-col-color.lc-col-elegido { outline: 4px solid var(--lc-texto); }
.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-texto); stroke-width: 3; stroke-linejoin: round; cursor: pointer; transition: fill .1s ease; }
.lc-col-dibujo .lc-linea { fill: none; stroke: var(--lc-texto); stroke-width: 3; stroke-linecap: round; pointer-events: none; }
.lc-col-dibujo .lc-sonrisa { transform-origin: 150px 105px; animation: lc-pin-sonreir 2.6s ease-in-out infinite; }
/* pingüino tierno (carrusel, v2.0.5): parpadea, cachetes, pompón y saluda; siempre animado.
   Las animaciones se anclan a la caja de cada pieza (fill-box): valen para cualquier posición y escala. */
.lc-pin .lc-pin-ojos { transform-box: fill-box; transform-origin: 50% 50%; animation: lc-pin-parpadear 4.2s ease-in-out infinite; }
.lc-pin .lc-pin-cachete { animation: lc-pin-cachetes 2.6s ease-in-out infinite; }
.lc-pin .lc-pin-pompon { transform-box: fill-box; transform-origin: 50% 100%; animation: lc-pin-pompon 2.6s ease-in-out infinite; }
.lc-pin .lc-pin-ala { transform-box: fill-box; transform-origin: 8% 100%; animation: lc-pin-saludar 5s ease-in-out infinite; }
@keyframes lc-pin-sonreir { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(1.22, 1.55); } }
@keyframes lc-pin-parpadear { 0%, 90%, 100% { transform: scaleY(1); } 94% { transform: scaleY(.12); } }
@keyframes lc-pin-cachetes { 0%, 100% { opacity: .55; } 50% { opacity: 1; } }
@keyframes lc-pin-pompon { 0%, 100% { transform: rotate(-8deg); } 50% { transform: rotate(8deg); } }
@keyframes lc-pin-saludar { 0%, 70%, 100% { transform: rotate(0); } 78%, 92% { transform: rotate(-18deg); } 85% { transform: rotate(8deg); } }

/* sopas de letras: selector de tema (shortcode [lc_sopa], v2.0.5) */
.lc-sopa-elegir { margin: 10px 0 30px; }
.lc-sopa-tema { margin: 0 0 10px; font-size: 15px; }
.lc-sopa-temas { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px; }
.lc-caja .lc-sopa-boton { display: inline-block; padding: 7px 14px; border-radius: 999px; background: #fff; color: var(--lc-texto) !important; border: 1px solid var(--lc-gris); font-weight: 700; font-size: 13px; letter-spacing: .3px; text-decoration: none !important; transition: border-color .15s ease, color .15s ease; }
.lc-caja .lc-sopa-boton:hover { border-color: var(--lc-color); color: var(--lc-color) !important; }
.lc-caja .lc-sopa-boton.lc-sopa-actual { background: var(--lc-color); border-color: var(--lc-color); color: #fff !important; }
.lc-caja .lc-sopa-boton.lc-sopa-azar { border-style: dashed; }
.lc-col-dibujo .lc-region:hover { stroke-width: 4.5; }

/* camino de la ley y "Segui este proyecto" (Malvinas) */
.lc-camino-caja { background: var(--lc-tarjeta); border-radius: 10px; 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: var(--lc-titulos); font-weight: 800; font-size: 1.35rem; color: #fff; box-shadow: var(--lc-sombra); }
.lc-paso p { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin: 0; }
.lc-paso small { display: block; font-weight: 600; font-size: 12px; color: var(--lc-texto-suave); margin-top: 2px; }
.lc-flecha { align-self: center; font-size: 1.4rem; color: var(--lc-texto-suave); font-weight: 900; padding-top: 14px; }
.lc-seguimiento { background: var(--lc-pastel); border-radius: 10px; padding: 22px 18px 18px; margin: 18px 0 8px; }
.lc-seguimiento .lc-camino { margin-top: 0; }
.lc-seguimiento .lc-paso .lc-globo { background: #b9c6d6; }
.lc-seguimiento .lc-paso.lc-hecho .lc-globo { background: #2ec98c; }
.lc-seguimiento .lc-paso.lc-actual .lc-globo { background: var(--lc-color); box-shadow: 0 0 0 6px color-mix(in srgb, var(--lc-color) 22%, transparent); animation: lc-latido 1.6s ease-in-out infinite; }
.lc-seguimiento .lc-paso.lc-futuro { opacity: .55; }
.lc-seguimiento .lc-estado { text-align: center; margin: 16px 0 0; font-weight: 700; }
.lc-etiqueta { display: inline-block; font-weight: 700; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; padding: 5px 12px; border-radius: 4px; margin-bottom: 12px; background: var(--lc-color); color: #fff; }
.lc-seguimiento .lc-estado .lc-etiqueta { margin: 0 0 8px; }
.lc-seguimiento .lc-actualizado { display: block; text-align: center; font-size: 13px; color: var(--lc-texto-suave); margin-top: 6px; }
@keyframes lc-latido { 50% { transform: scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .lc-seguimiento .lc-paso.lc-actual .lc-globo { animation: none; } }

/* ================================================================== RESPONSIVE */
@media (max-width: 1320px) {
  .lc-slide-int { grid-template-columns: 1fr 1fr; }
  .lc-slide-img { width: 100%; }
}
@media (max-width: 1100px) {
  .lc-slide-titulo { font-size: 48px; line-height: 54px; }
  .lc-grilla { grid-template-columns: repeat(3, 1fr); }
  .lc-meses { grid-template-columns: repeat(3, 1fr); }
  .lc-pildora { font-size: 22px; }
}
@media (max-width: 921px) {
  .lc-slide { min-height: 468px; }
  .lc-slide-int { grid-template-columns: 1fr; gap: 0; }
  .lc-slide-img { order: 1; width: min(360px, 100%); height: auto; aspect-ratio: 1; margin: 20px auto 0; }
  /* las fotos e imágenes con texto (efemérides de Imprenta, novedades) van arriba del cuadro: así el recuadro
     del título, que se monta 100 px sobre la imagen, cae en el espacio vacío y no tapa el texto de la imagen */
  .lc-slide-img img { object-position: 50% 0; }
  .lc-foto-circulo { width: 290px; height: 290px; top: 40%; }
  .lc-slide-img .lc-foto-efe img { max-width: 84%; max-height: 50%; top: 38%; border-width: 6px; }
  .lc-slide-img .lc-foto-efe .lc-foto-sello { width: 64px; left: 1%; top: 3%; }
  .lc-slide-texto {
    order: 2;
    position: relative;
    width: min(332px, calc(100% - 20px));
    box-sizing: border-box;
    margin: -100px auto 0;
    padding: 15px 20px;
    background: rgba(255, 255, 255, .92);
    border-radius: 20px;
    text-align: center;
  }
  .lc-chapa { font-size: 14px; line-height: 22.4px; padding: 1px 10px; margin-bottom: 10px; }
  .lc-slide-titulo { font-size: 25px; line-height: 27.5px; margin: 0; }
  .lc-slide-bajada, .lc-slide-mas { display: none; }
  .lc-slider-flecha { top: 230px; }
  .lc-accesos-grandes { grid-template-columns: 1fr; gap: 20px; margin: 40px 0 30px; }
  .lc-pildora { height: 60px; padding: 15px; border-radius: 10px; font-size: 16px; line-height: 19.2px; text-align: center; }
  .lc-pildora svg { display: none; }
  .lc-pildora-libros { height: auto; min-height: 60px; padding: 12px 15px; line-height: 19.2px; }
  .lc-pildora-libros em { font-size: 12px; line-height: 15px; margin-top: 3px; }
  .lc-pildora-sesion { height: auto; min-height: 60px; padding: 12px 15px; line-height: 19.2px; }
  .lc-pildora-sesion em { font-size: 12px; line-height: 15px; margin-top: 3px; }
  .lc-portada-grilla { grid-template-columns: 1fr; gap: 40px; }
  .lc-tapa { height: 320px; padding: 20px 12px; }
  .lc-tapa strong { font-size: 24px; }
  .lc-tapa-sobre { font-size: 18px; }
  .lc-dos { gap: 20px; }
  .lc-cabecera { grid-template-columns: 1fr; }
  .lc-cabecera h1 { font-size: 30px; line-height: 36px; margin-top: 10px; }
  .lc-accesos { order: -1; justify-content: center; width: max-content; margin: 0 auto; }
  .lc-accesos a { width: 120px; height: 90px; }
  .lc-accesos svg { width: 84px; height: 70px; }
  .lc-cuerpo { margin-top: 30px; }
  .lc-caja { padding: 22px 18px 26px; }
  .lc-grilla, .lc-grilla-2 { grid-template-columns: repeat(2, 1fr); }
  .lc-meses { grid-template-columns: repeat(2, 1fr); }
  .lc-pie-cols { grid-template-columns: 1fr; text-align: center; padding: 30px 0 34px; }
  .lc-pie-marca { justify-content: center; text-align: left; }
  .lc-pie-logos { justify-content: center; }
  .wpcf7-form { grid-template-columns: 1fr; }
  .lc-nav-entradas a { max-width: 100%; }
}
@media (max-width: 560px) {
  .lc-grilla, .lc-grilla-2 { grid-template-columns: 1fr; }
  .lc-meses { grid-template-columns: 1fr; }
  .lc-dos { gap: 20px; }
  .lc-tapa { height: 300px; }
  .lc-slide-titulo { font-size: 22px; line-height: 25px; }
  .lc-cabecera h1 { font-size: 26px; line-height: 32px; }
  /* accesos rápidos de las páginas interiores: en el celular los 4 íconos (4 × 120 px) no entraban y el cuarto
     quedaba afuera de la pantalla, con scroll de costado (Fabio, 06/10/2026). Se reparten el ancho, en una fila. */
  .lc-accesos { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; width: 100%; box-sizing: border-box; }
  .lc-accesos a { width: auto; min-width: 0; height: 78px; padding: 8px 4px; }
  .lc-accesos svg { width: 100%; max-width: 76px; height: 62px; }
}
@media (max-width: 400px) {
  .lc-dos { grid-template-columns: 1fr 1fr; gap: 12px; }
  .lc-tapa { height: 260px; padding: 16px 8px; }
  .lc-tapa strong { font-size: 18px; }
  .lc-tapa-sobre { font-size: 14px; }
}