/* Saber Vivo — página de entrada: lectura, recetas, compartir e imprimir. */
.entrada-pagina { padding-top: 32px; }
.entrada__meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.entrada__cientifico { margin: 0 0 6px; color: var(--tinta-2); font-size: 17px; }
.entrada .entrada__resumen { margin: 18px 0 22px; }
.entrada h3 { font-size: 18px; margin-top: 1.4em; }
.entrada ol { padding-left: 1.3em; }
.entrada ol li { margin-bottom: 8px; padding-left: 4px; }
.entrada ol li::marker { font-family: var(--f-mano); font-size: 19px; color: var(--terracota-osc); }
.entrada code { font: 600 .92em ui-monospace, monospace; background: rgba(43, 36, 32, .07); padding: 1px 6px; border-radius: 6px; }
.entrada .tabla-envoltura { margin: 16px 0; }
.entrada .tabla { font-size: 14.5px; }
.entrada .tabla td, .entrada .tabla th { padding: 10px 12px; }
.entrada a { overflow-wrap: anywhere; }

/* Complete, uncropped artwork; captions and methods remain readable without JS. */
.entrada .entrada__arte--horizontal { max-width: none; }
.entrada__ampliar { display: block; border-radius: 3px; }
.entrada__ampliar:focus-visible { outline: 3px solid var(--terracota-osc); outline-offset: 5px; }
.entrada .lamina img { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.entrada .lamina figcaption { font: 400 14px/1.6 var(--f-texto); padding: 12px 0; }
.entrada__arte-nota { display: block; margin-top: 6px; font-size: 11px; letter-spacing: .035em; color: var(--tinta-2); }
.entrada__secuencia { margin: 24px 0 32px; display: grid; gap: 24px; }
.entrada__escena { margin: 0; min-width: 0; }
@media (min-width: 700px) {
  .entrada__secuencia:has(> :nth-child(2)) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
.entrada__secuencia.entrada__secuencia--planos { grid-template-columns: minmax(0, 1fr); }
.entrada .entrada__diagrama { max-width: none; }
.entrada .entrada__diagrama img { mix-blend-mode: normal; }

.cuidado {
  margin: 18px 0; padding: 14px 16px 14px 18px; border-radius: 12px;
  background: #FBEDE3; border-left: 5px solid var(--terracota-osc); color: var(--tinta); font-size: 15.5px;
}

.compartir { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 18px 0 26px; }
.compartir .btn { min-height: 44px; padding: 9px 18px; font-size: 14.5px; }
.compartir__estado { font-size: 14px; font-weight: 600; color: var(--verde-profundo); }

/* proporciones por volumen, dibujadas en baldes */
.baldes { list-style: none; margin: 8px 0 28px; padding: 18px; display: flex; flex-wrap: wrap; gap: 14px 28px; background: var(--papel); border: 1.5px dashed rgba(122, 78, 45, .4); border-radius: var(--radio); }
.baldes li { margin: 0; display: flex; flex-direction: column; gap: 4px; font-size: 15px; max-width: 220px; }
.baldes li strong { font: 400 26px/1 var(--f-mano); color: var(--terracota-osc); }
.baldes__dibujo { display: flex; flex-wrap: wrap; gap: 4px; }
.baldes svg { width: 30px; height: 32px; fill: #E9B97A; stroke: var(--tierra); stroke-width: 2; stroke-linejoin: round; }

.relacionadas { display: flex; flex-wrap: wrap; gap: 8px; }
.chip--enlace { text-decoration: none; background: rgba(200, 88, 43, .12); color: var(--terracota-osc); padding: 9px 14px; font-size: 14px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.chip--enlace:hover { background: rgba(200, 88, 43, .22); color: var(--terracota-osc); }
.entrada__cierre { margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--linea); }

/* índice: emblema para las entradas que aún no tienen lámina */
.saber-emblema { width: 100%; height: 260px; padding: 60px 0; fill: none; stroke: var(--tierra); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.saber-emblema circle { fill: rgba(200, 88, 43, .08); stroke: none; }
.indice-saber [hidden] { display: none; }

@media print {
  .nido-header, .nido-footer, .compartir, .regreso, .saltar, .entrada__cierre .pequeno + .compartir { display: none !important; }
  body { background: #fff; font-size: 11.5pt; }
  .entrada-pagina { padding: 0; }
  .entrada, .nido-interior .entrada { padding: 0; border: 0; }
  .entrada__placa { max-width: 220px; margin: 0 0 12px 18px; float: right; }
  .entrada .entrada__placa.entrada__arte--horizontal { max-width: 300px; }
  .entrada__secuencia { display: block; clear: both; margin: 12px 0; }
  .entrada__escena { max-width: 340px; margin: 12px auto; break-inside: avoid; }
  .entrada .entrada__diagrama { max-width: 470px; }
  .entrada .lamina figcaption { font-size: 9pt; }
  .nido-interior .entrada .lamina img { mix-blend-mode: normal; }
  .entrada__placa { break-inside: avoid; }
  .entrada__ampliar::after { content: none !important; }
  .entrada h2 { break-after: avoid; margin-top: 1.1em; }
  .cuidado, .baldes, .tabla-envoltura, li { break-inside: avoid; }
  .entrada a { color: inherit; text-decoration: none; }
  .entrada a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; word-break: break-all; }
  .entrada__cierre::after { content: "Saber Vivo · Alianza Nido · espejodeagua.org/nido/saber-vivo"; display: block; margin-top: 10px; font-size: 9pt; color: #555; }
}

/* ¿Cuánto cuesta un nido? */
.costos__cabecera { margin: 20px 0 8px; }
.costos__cabecera .cifra__valor { font-size: clamp(24px, 3.2vw, 32px); }
.costos__modo { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 10px; }
.costos__nota { margin-bottom: 18px; }
.costos__tabla th.num, .costos__tabla td.num { text-align: right; white-space: nowrap; }
.costos__tabla td small { display: block; color: var(--tinta-3); font-size: 12.5px; margin-top: 3px; }
.costos__tabla td .chip { margin-bottom: 4px; font-size: 11.5px; }
.costos__aporte { color: var(--verde-profundo); }
.costos__fila--aporta td { background: rgba(95, 125, 69, .07); }
.costos__fila--aporta s { color: var(--tinta-3); }
.costos__capitulo { border: 1px solid var(--linea); border-radius: var(--radio); background: var(--papel); margin: 10px 0; padding: 0 16px; }
.costos__capitulo summary { display: flex; justify-content: space-between; gap: 12px; padding: 14px 0; cursor: pointer; font-weight: 700; list-style: none; }
.costos__capitulo summary::-webkit-details-marker { display: none; }
.costos__capitulo summary::before { content: "+"; font: 400 20px/1 var(--f-mano); color: var(--terracota-osc); margin-right: 10px; }
.costos__capitulo[open] summary::before { content: "–"; }
.costos__capitulo summary .num { font-variant-numeric: tabular-nums; color: var(--terracota-osc); white-space: nowrap; }
.costos__capitulo .tabla-envoltura { margin-bottom: 16px; }
@media print { .costos__modo, [data-csv], [data-abrir] { display: none !important; } .costos__capitulo { break-inside: auto; } }
/* la entrada de costos necesita ancho para sus tablas */
.contenedor.angosto:has([data-costos]) { max-width: var(--ancho); }
.entrada:has([data-costos]) .entrada__placa { max-width: 420px; }
.costos__tabla { font-size: 14px; }
.costos__tabla th:first-child { min-width: 170px; }