/* TermoCalc — versión técnica ecológica. Se carga después de tecnica.css:
   papel verdoso, tinta de bosque, ida en ladrillo y retorno en pino; los botones, en musgo. */
:root {
  --papel: #f1f4ec;
  --blanco: #fbfcf7;
  --tinta: #152619;
  --tinta-2: #44564a;
  --tinta-3: #6b7d70;
  --linea: #c6d1c3;
  --linea-suave: #dce4d8;
  --ida: #b9471f;
  --ida-oscura: #96381a;
  --retorno: #2b6a4a;
  --musgo: #2f6b2c;
  --musgo-oscuro: #245422;
  --noche: #152619;
  --noche-texto: #e7ede4;
  --noche-texto-2: #a9b9ab;
}
a { color: var(--retorno); }
a:hover { color: var(--musgo); }
:focus-visible { outline-color: var(--musgo); }
.boton-ida { background: var(--musgo); }
.boton-ida:hover { background: var(--musgo-oscuro); }
.boton-linea:hover { background: var(--musgo); border-color: var(--musgo); color: #fff; }
.marca svg rect { fill: #152619; }
.pestana[aria-selected="true"] { border-bottom-color: #8fbf4a; }
.capitulos button.activo { box-shadow: inset 3px 0 0 #8fbf4a; }
.capitulos button.activo time { color: #b9db86; }
.capitulos button:hover { background: #22382a; }
.pestanas, .capitulos { border-color: #34493a; }
.capitulos li { border-color: #2a3e30; }
.paso::before, .paso-num { border-color: var(--musgo); }
.paso-num { color: var(--musgo); }
.lista li::before { border-color: var(--musgo); }
.cuenta div { border-top-color: var(--musgo); }
.preguntas summary::after { color: var(--musgo); }
.tabla td:last-child { color: var(--retorno); }
.plano .calor { fill: #c98a3c; }
.plano .diam text, .plano text.diam, .plano .ambientes .carga { fill: var(--ida-oscura); }
.respuesta .accion { border-color: var(--musgo); color: var(--musgo); }
.visor { background: rgba(14, 26, 17, .95); }
.visor-cerrar { border-color: #3a4f3f; }