/* Módulo 8 — Tipos de reactor (8 de octubre de 2026).
   Va DESPUÉS de reactor.css: la página usa la misma maqueta, los mismos mandos
   y los mismos colores del Reactor PWR. Aquí solo lo nuevo: el selector de
   tipo, los dibujos propios de cada central, la tarjeta del escenario
   histórico y la tabla comparativa. */

:root {
  --t-grafito: #3b3f45;
  --t-grafito-borde: #565b63;
  --t-pesada: #1d6b7a;
  --t-piscina: rgba(70, 150, 210, 0.28);
}

/* --- Selector de tipo: como el selector de modo, pero con enlaces --- */
.tipos-selector { margin-bottom: 0.6rem; flex-wrap: wrap; }
.tipos-selector a {
  color: var(--texto-2); text-decoration: none; font-size: 0.9rem; font-weight: 600;
  padding: 0.35rem 0.8rem; border-radius: calc(var(--r-m) - 2px);
}
.tipos-selector a:hover { color: var(--texto); }
.tipos-selector a[aria-current="page"] { background: var(--acento-suave); color: var(--acento-texto, var(--acento)); }
/* La flecha es decoración: con texto alternativo vacío, el lector de pantalla no la lee. */
.tipos-selector a[data-tipo-enlace="pwr"]::after { content: " ↗" / ""; font-weight: 400; color: var(--texto-3); }

/* --- Aviso de versión en pruebas, bajo la entrada --- */
.tipos-beta {
  margin: 0 0 0.8rem; max-width: 90ch; padding: 0.45rem 0.7rem; border-left: 4px solid #e0b400;
  border-radius: var(--r-m); background: rgba(224, 180, 0, 0.08); font-size: var(--fs-nota); color: var(--texto-2); line-height: 1.4;
}
.tipos-beta__etiqueta {
  display: inline-block; margin-right: 0.3rem; padding: 0 0.45rem; border-radius: 999px; background: #e0b400; color: #1a1400;
  font-size: 0.75rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
}

/* --- Bancos que entran por abajo (BWR) y zonas líquidas: el deslizador va al revés --- */
.banco__deslizador--invertido { direction: rtl; }
.banco--Q .banco__letra { color: #46c2ff; }
:root[data-tema="claro"] .banco--Q .banco__letra { color: #0a6fa8; }
.banco--Q .banco__deslizador { accent-color: #46c2ff; direction: rtl; }
/* El sentido de las flechas en este tipo, a lo ancho de los bancos. */
.mandos-sentido { grid-column: 1 / -1; margin: 0 0 0.3rem; font-size: var(--fs-nota); color: var(--texto-2); line-height: 1.35; }
.banco__valor { white-space: normal; text-align: center; }
/* 1.7 beta: la palabra bajo cada flecha («sacar», «meter», «llenar»…), porque
   ▲ mete en el BWR y saca en el RBMK (B4 de la estudiante, C4 del operador). */
.banco__mover--palabra { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: auto; min-width: 40px; max-width: 100%; height: auto; min-height: 36px; padding: 2px 5px; line-height: 1.05; gap: 1px; }
.banco__mover-flecha { font-size: 0.8rem; }
.banco__mover-palabra { font-size: 0.66rem; font-weight: 600; letter-spacing: 0.01em; }
.banco__mover--palabra:disabled .banco__mover-palabra { opacity: 0.7; }
/* Aviso del bloqueo de retirada o del ATWS, a lo ancho de los bancos. */
.mandos-bloqueo { grid-column: 1 / -1; margin: 0.3rem 0 0; padding: 0.35rem 0.55rem; border-radius: var(--r-s, 6px); border-left: 4px solid #e0b400; background: color-mix(in srgb, #e0b400 14%, transparent); font-size: var(--fs-nota); line-height: 1.35; color: var(--texto); }
.mandos-bloqueo[hidden] { display: none; }
/* La consigna del control automático: ▼ 100 % ▲. */
.mandos-consigna { display: flex; align-items: center; gap: 0.4rem; margin: 0.2rem 0 0.3rem 1.6rem; font-size: var(--fs-nota); }
.mandos-consigna[hidden] { display: none; }
.mandos-consigna__etiqueta { color: var(--texto-2); }
.mandos-consigna__valor { min-width: 3.2em; text-align: center; }
.mandos-consigna__boton { width: 34px; height: 30px; }
/* En los de ebullición no hay turbina que montar ni presión del secundario: sin el hueco reservado (C12 de la estudiante). */
body[data-familia="ebullicion"] #panel-turbina:empty { min-height: 0; }
body[data-familia="ebullicion"] #vapor-estado:empty { min-height: 0; margin: 0; }

/* --- Escena: piezas nuevas --- */
.esc-agua-fria { fill: #2e7ad6; }
.esc-agua-caliente { fill: #e8963e; }
.esc-grafito { fill: var(--t-grafito); stroke: var(--t-grafito-borde); stroke-width: 1.5; }
.esc-raya-grafito { stroke: rgba(255, 255, 255, 0.12); stroke-width: 3; }
.esc-losa { fill: var(--r-acero-oscuro); stroke: var(--r-acero-borde); stroke-width: 1.5; }
.esc-separador { fill: var(--r-acero); stroke: var(--r-acero-borde); stroke-width: 1; }
.esc-secador { fill: none; stroke: var(--r-acero-borde); stroke-width: 3; }
.esc-chorro-bomba { fill: var(--r-acero-oscuro); stroke: var(--r-acero-borde); }
/* Núcleo al descubierto: vapor gris semitransparente, para que se sigan viendo las barras calientes. */
.esc-vapor-descubierto { opacity: 0.75; }
.esc-linea-vapor-tubo { stroke: var(--r-vapor) !important; }
.esc-linea-alivio { fill: none; stroke: #ffffff; stroke-width: 4; stroke-dasharray: 6 5; stroke-dashoffset: var(--desfase, 0); opacity: 0; }
.esc-toro .esc-carcasa { fill: var(--r-acero-oscuro); }
.esc-agua-piscina { fill: var(--t-piscina); stroke: none; }
.esc-piscina { fill: none; stroke: var(--r-acero-borde); stroke-width: 6; }
.esc-contencion { fill: var(--r-acero-oscuro); stroke: var(--r-acero-borde); stroke-width: 2; }
.esc-chimenea { fill: none; stroke: var(--r-acero-borde); stroke-width: 3; }
.esc-helicoidal .esc-tubo-u { stroke: #e0b400; stroke-width: 2.5; }
.esc-linea-dhrs { fill: none; stroke: #46c2ff; stroke-width: 5; stroke-dasharray: 6 4; stroke-dashoffset: var(--desfase, 0); }
.esc-canal-control { fill: none; stroke: #9aa3ad; stroke-width: 1.5; }
.esc-desplazador { stroke: #8a9099; stroke-width: 0.8; }
.esc-agua-canal { fill: #2e7ad6; opacity: 0.85; }
.esc-zona-agua { fill: #46a4ff; stroke: #9fd8ff; stroke-width: 1; }
.esc-tubo-calandria { fill: rgba(30, 40, 50, 0.55); stroke: var(--r-acero-borde); stroke-width: 1; }
.esc-moderador-pesada { fill: var(--t-pesada); }
.esc-alimentador { fill: none; stroke: #e8963e; stroke-width: 2; opacity: 0.8; }
.esc-alimentador--frio { stroke: #2e7ad6; }
.esc-linea-sds2 { fill: none; stroke: #c48bff; stroke-width: 6; stroke-dasharray: 5 4; stroke-dashoffset: var(--desfase, 0); opacity: 0; }
.esc-hueco { fill: rgba(235, 242, 250, 0.9); opacity: 0; pointer-events: none; }
/* Rótulos sobre la losa o el acero oscuro: claros en los dos temas (en el claro, el gris del tema no se leía). */
.esc-dato-oscuro { fill: #e8eef6; }
/* Texto sobre el vapor gris de la vasija: oscuro en los dos temas (contraste ≥ 4,5 con el gris). */
.escena-tipo .esc-texto.esc-sobre-vapor { fill: #0b0f14; }
/* Texto sobre el agua azul (separadores del BWR, presionador y chimenea del SMR): blanco, 6:1. */
.escena-tipo .esc-texto.esc-sobre-agua { fill: #ffffff; }
/* Letras de banco en la capa de rótulos, sobre su pastilla (los colores de reactor.css iban por el grupo de la barra). */
.esc-letra-fondo { fill: var(--superficie); opacity: 0.92; }
.esc-letra-banco--R { fill: #22b8a5; }
.esc-letra-banco--A { fill: #4a90e2; }
:root[data-tema="claro"] .esc-letra-banco--R { fill: var(--r-letra-r, #0f7f72); }
:root[data-tema="claro"] .esc-letra-banco--A { fill: var(--r-letra-a, #2a6cb8); }
/* Avisos de accidente: blanco con un halo rojo oscuro, legibles sobre vapor, losa o agua. */
.escena-tipo .esc-texto--alerta { fill: #ffffff; paint-order: stroke; stroke: #8b1a12; stroke-width: 5px; stroke-linejoin: round; }
.esc-rcic .esc-carcasa { fill: var(--r-acero-oscuro); }
.escena-tipo .esc-texto--dato.esc-dato-oscuro { font-size: 15px; }
.man-zona--sinMargen { stroke: #8b0000; }
.man-valor[data-zona="sinMargen"] { fill: #ff6b6b; }
.zonas__aguja[data-zona="sinMargen"] { background: #ff6b6b; }

/* --- El indicador propio (margen operativo del RBMK, nivel del BWR) --- */
.indicador-propio:empty { display: none; }
.indicador-propio { margin: 0.5rem 0 0.4rem; }
.indicador-propio .zonas__pista { margin-top: 0.3rem; }
.indicador-propio .vapor__valor[data-tono="grave"] { color: var(--r-rojo); }
.indicador-propio .vapor__valor[data-tono="aviso"] { color: var(--r-amarillo-texto); }

/* --- Escenario histórico --- */
.escenario { margin: 0 0 1rem; border-left: 4px solid #e0b400; }
.escenario__cabeza { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 1rem; }
.escenario__titulo { margin: 0; font-size: 1.15rem; }
.escenario__hora { font-family: var(--fuente-datos); color: var(--r-amarillo-texto); font-weight: 700; }
:root[data-tema="claro"] .escenario__hora { color: #7a5a00; }
.escenario__titulo:focus { outline: none; }
.escenario__titulo:focus-visible { outline: 2px solid var(--acento); outline-offset: 3px; }
/* «Siguiente» mientras corre el paso: a la vista, pero en espera. */
.escenario__siguiente--espera { opacity: 0.75; cursor: progress; }
.escenario__salir { margin-left: auto; }
.escenario__texto { margin: 0.6rem 0; max-width: 90ch; line-height: 1.5; min-height: 4.5lh; }
.escenario__acciones { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.escenario__alternativas { display: flex; flex-wrap: wrap; gap: 0.4rem; }
/* Sin alternativas en el paso, la caja vacía ni cuenta: añadía el hueco de una línea más (8 px) bajo «Siguiente». */
.escenario__alternativas:empty { display: none; }
.escenario__pasos { margin: 0.4rem 0 0; padding-left: 1.2rem; font-size: var(--fs-nota); color: var(--texto-3); }
.escenario__paso--hecho { color: var(--texto-2); }
.escenario__paso--actual { color: var(--texto); font-weight: 700; }
/* Los pasos hechos son botones tenues para volver a ellos (1.4 beta): del
   tamaño de la lista, sin cambiar sus colores (los del sistema). Al menos
   24 px de alto para el dedo (WCAG 2.5.8). */
.escenario__paso--hecho .escenario__volver { font-size: inherit; padding: 0.15rem 0.4rem; margin-left: -0.4rem; min-height: 24px; text-align: left; }
.escenario__volver-icono { font-size: 1.05em; }
.escenario__nota-pasos { margin: 0.4rem 0 0; font-size: var(--fs-nota); color: var(--texto-2); }
.boton-escenario { width: 100%; text-align: left; }
/* LA TARJETA COMPACTA (Accidentes 1.2 beta, 8 de octubre de 2026, petición de
   los autores: «veo un espacio en la ficha… que quede mucho más compacto»). El
   texto del paso se cortaba en 90ch y dejaba un tercio de la tarjeta vacío a la
   derecha, y «Siguiente» y «Cronología» iban cada uno en su fila: a 1440 px la
   tarjeta medía 253 px; ahora, de 141 a 216 px según el paso.
   · En todos los anchos: «Salir» y «Siguiente» más bajos y los botones con el
     texto partido en líneas (las alternativas de Fukushima son largas).
   · Desde 960 px, dos columnas: el texto con todo el ancho que queda y, a su
     derecha, «Siguiente», las alternativas y la cronología, una encima de otra
     (abierta, la cronología crece hacia abajo en su columna). Desde 760 px el
     texto se quedaba en 330 px y la tarjeta crecía: 368 px a 800 px de ancho.
   · Por debajo, una columna, con «Siguiente» a lo ancho. */
.escenario__salir { font-size: var(--fs-nota); padding: 0.2rem 0.65rem; min-height: 28px; }
.escenario__siguiente { padding: 0.45rem 0.9rem; font-size: 0.95rem; line-height: 1.3; }
.escenario__acciones .boton { white-space: normal; text-align: left; }
/* Las alternativas son botones tenues: apiladas en su columna se leían como texto suelto. Con borde, se ve que se pulsan. */
.escenario__alternativas .boton { border-color: var(--borde-fuerte, var(--borde)); }
@media (min-width: 960px) {
  .escenario {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, 21rem);
    grid-template-areas: "cabeza cabeza" "texto acciones" "texto crono";
    grid-template-rows: auto auto 1fr;
    column-gap: 1.25rem;
    align-items: start;
  }
  .escenario__cabeza { grid-area: cabeza; }
  .escenario__texto { grid-area: texto; max-width: none; }
  .escenario__acciones { grid-area: acciones; flex-direction: column; align-items: stretch; margin-top: 0.4rem; }
  .escenario__acciones .boton { margin-left: 0; }
  .escenario__alternativas { flex-direction: column; }
  .escenario > .plegable { grid-area: crono; margin-top: 0.35rem; }
  .escenario__pasos { padding-left: 1.1rem; }
}
@media (max-width: 959px) {
  .escenario__acciones .boton { margin-left: 0; flex: 1 1 100%; }
}
/* Durante un escenario, en pantallas anchas, la tarjeta se queda fija arriba y
   compacta: se baja a la escena sin perder el texto ni «Siguiente» (revisión de
   diseño: a 1280 × 800 el dibujo quedaba entero bajo el pliegue). La franja de
   k y potencia baja lo que mide la tarjeta (--alto-escenario, lo pone el módulo). */
@media (min-width: 1001px) {
  /* Nunca más de un 45 % de la ventana (QA de la 1.2: a 1280 × 800, con las
     dos alternativas del tsunami, tarjeta y franja llegaban al 55 %). */
  .en-escenario #escenario { position: sticky; top: 64px; z-index: 21; box-shadow: 0 8px 20px rgb(0 0 0 / 0.28); padding-block: 0.7rem; max-height: calc(45vh - 32px); overflow-y: auto; overscroll-behavior: contain; }
  /* flex-shrink 0: con la cronología abierta, la tarjeta (flex en columna, alto
     limitado) encogía el texto del paso hasta 0 px; ahora se desplaza la tarjeta
     (1.4 beta, al hacer de la cronología el sitio para volver a un paso). */
  .en-escenario .escenario__texto { min-height: 0; max-height: 6lh; overflow-y: auto; margin: 0.4rem 0; flex-shrink: 0; }
  .en-escenario .escenario__alternativas .boton { font-size: var(--fs-nota); padding-block: 0.25rem; }
  .en-escenario .reactor-mini { top: calc(64px + var(--alto-escenario, 0px) + 6px); }
}
/* Hasta la 1.1 beta de Accidentes, en ventanas de 900 px de alto o menos el
   texto se cortaba en 4 líneas. Con el texto a todo lo ancho y «Siguiente» a su
   lado, la tarjeta con 6 líneas (unos 215 px) ya es más baja que la de antes con
   4 (253 px), y en el tsunami de Fukushima la columna de las alternativas medía
   más que 4 líneas: el texto se cortaba dejando hueco debajo. */
/* Abriendo un escenario por enlace, su tarjeta tiene el alto reservado desde el principio (antes empujaba la página, CLS 0,1). */
.con-escenario #escenario[hidden] { display: block; visibility: hidden; min-height: 278px; }
.explica-volver { margin-top: 0.6rem; }

/* --- Tabla comparativa --- */
.tabla-desplazable { overflow-x: auto; }
.tabla-comparar { min-width: 640px; font-size: var(--fs-nota); }
.tabla-comparar th, .tabla-comparar td { vertical-align: top; }
.tabla-comparar .actual { background: var(--acento-suave); }
.tabla-comparar caption { text-align: left; font-size: var(--fs-nota); color: var(--texto-2); padding-bottom: 0.3rem; }
/* La primera columna (qué se compara) queda fija al desplazar la tabla en el móvil. */
.tabla-comparar tbody th, .tabla-comparar thead th:first-child { position: sticky; left: 0; background: var(--superficie, var(--fondo)); z-index: 1; }

@media (max-width: 560px) {
  .tipos-selector a { padding: 0.3rem 0.55rem; font-size: 0.82rem; }
  .escenario__salir { margin-left: 0; }
}

/* --- La ficha del accidente (Chernóbil y Fukushima; 8 de octubre de 2026,
   ui/tipos-accidente.js): bajo el dibujo, con la sala o el edificio en corte
   (un dibujo nocturno, igual en los dos temas) y los medidores que explican el
   desastre, con sus zonas en color y su cifra. --- */
.accidente { margin-top: 1rem; border-left: 4px solid #e0453a; }
.accidente[hidden] { display: none; }
.accidente__entrada { margin: 0 0 0.6rem; max-width: 90ch; font-size: var(--fs-nota); color: var(--texto-2); }
.accidente__aviso { margin: 0 0 0.7rem; padding: 0.45rem 0.7rem; border-radius: var(--r-m); background: color-mix(in srgb, #e0453a 16%, transparent); font-size: 0.9rem; font-weight: 600; color: var(--texto); }
.accidente__aviso[hidden] { display: none; }
.accidente__cuerpo { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 1rem; align-items: start; }
@media (max-width: 720px) { .accidente__cuerpo { grid-template-columns: minmax(0, 1fr); } }
.acc-svg { display: block; width: 100%; height: auto; border-radius: var(--r-m); background: #0b0f14; }
.accidente__medidores { display: grid; gap: 0.55rem; margin: 0; padding: 0; list-style: none; }
.acc-medidor__cab { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5rem; }
.acc-medidor__titulo { font-size: var(--fs-nota); color: var(--texto-2); }
.acc-medidor__valor { font-size: 0.92rem; color: var(--texto); text-align: right; }
.acc-medidor__valor[data-zona="malo"] { color: var(--estado-peligro, #e0453a); }
.acc-medidor__valor[data-zona="aviso"] { color: var(--r-amarillo-texto, #b38600); }
:root[data-tema="claro"] .acc-medidor__valor[data-zona="aviso"] { color: #7a5a00; }
.acc-medidor__barra { position: relative; height: 10px; margin-top: 0.55rem; border-radius: 5px; background: var(--superficie-2); }
.acc-medidor__zona { position: absolute; top: 0; bottom: 0; opacity: 0.6; }
.acc-zona--bien { background: #2f9e5b; }
.acc-zona--aviso { background: #e0b400; }
.acc-zona--malo { background: #e0453a; }
.acc-zona--malo2 { background: #8f1d14; }
.acc-zona--frio { background: #2e7ad6; }
.acc-medidor__marca { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--texto-2); }
.acc-medidor__aguja {
  position: absolute; top: -9px; width: 0; height: 0; margin-left: -6px;
  border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid var(--texto);
  transition: left 0.15s linear;
}
.acc-medidor__escala { position: relative; height: 1.25em; margin-top: 0.15rem; font-size: var(--fs-min); color: var(--texto-3); }
.acc-medidor__escala span { position: absolute; white-space: nowrap; }
.acc-medidor__nota { margin: 0.1rem 0 0; font-size: var(--fs-min); line-height: 1.35; color: var(--texto-3); }
.acc-medidor__nota:empty { display: none; }
/* El xenón, con su perfil a lo alto del núcleo (arriba ↔ abajo), a la derecha. */
.acc-medidor--con-perfil { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 0.7rem; }
.acc-medidor--con-perfil > :not(.acc-perfil-caja) { grid-column: 1; }
.acc-medidor--con-perfil > .acc-perfil-caja { grid-column: 2; grid-row: 1 / span 4; }
.acc-perfil-caja { display: flex; align-items: stretch; gap: 0.3rem; }
.acc-perfil { display: flex; flex-direction: column; width: 16px; height: 70px; border: 1px solid var(--borde-fuerte); border-radius: 3px; overflow: hidden; }
.acc-perfil__celda { flex: 1; }
.acc-perfil__rotulos { display: flex; flex-direction: column; justify-content: space-between; font-size: var(--fs-min); color: var(--texto-3); }
.acc-luces__fila { display: flex; flex-wrap: wrap; gap: 0.3rem 0.9rem; margin-top: 0.3rem; }
.acc-luz { display: inline-flex; align-items: center; gap: 0.35rem; font-size: var(--fs-nota); color: var(--texto); }
.acc-luz__punto { flex: none; width: 11px; height: 11px; border-radius: 50%; background: var(--texto-3); }
.acc-luz[data-estado="si"] .acc-luz__punto { background: #2fd27a; box-shadow: 0 0 6px #2fd27a; }
.acc-luz[data-estado="no"] .acc-luz__punto { background: #e0453a; box-shadow: 0 0 6px #e0453a; }
.acc-luz[data-estado="na"] { color: var(--texto-3); }
/* 1.7 beta: el balance de agua de Fukushima (lo que hierve frente a lo que entra) y «Ver otra vez». */
.acc-balance__fila { display: grid; grid-template-columns: minmax(6.5em, auto) minmax(0, 1fr) auto; align-items: center; gap: 0.45rem; margin-top: 0.3rem; font-size: var(--fs-nota); }
.acc-balance__clave { color: var(--texto-2); }
.acc-balance__pista { position: relative; height: 9px; border-radius: 5px; background: var(--superficie-2); overflow: hidden; }
.acc-balance__barra { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 5px; transition: width 0.2s linear; }
.acc-balance__barra--hierve { background: #e8963e; }
.acc-balance__barra--entra { background: #2e7ad6; }
.acc-balance__valor { font-size: 0.88rem; text-align: right; }
.accidente__dibujo { position: relative; }
.accidente__otra-vez { position: absolute; right: 0.4rem; bottom: 0.4rem; font-size: var(--fs-nota); padding: 0.2rem 0.6rem; }
.accidente__otra-vez[hidden] { display: none; }
.acc-texto { padding: 0.35rem 0.55rem; border-radius: var(--r-s); background: var(--superficie-2); font-size: var(--fs-nota); color: var(--texto-2); }
.acc-texto[data-zona="malo"] { background: color-mix(in srgb, #e0453a 22%, transparent); font-weight: 600; color: var(--texto); }
.acc-texto[data-zona="aviso"] { background: color-mix(in srgb, #e0b400 18%, transparent); color: var(--texto); }
/* El dibujo: colores fijos, de noche, como la escena. */
.acc-cielo { fill: #0b0f14; }
.acc-suelo { fill: #2a2f36; }
.acc-edificio { fill: #161b22; stroke: #4a5361; stroke-width: 1.5; }
.acc-techo { fill: #5b6573; stroke: #8a939e; stroke-width: 1; }
.acc-forjado { fill: #4a5361; }
.acc-acero { fill: #7c8590; stroke: #a7afb9; stroke-width: 1; }
.acc-rail { stroke: #4a5361; stroke-width: 2; }
.acc-hormigon { fill: #3a3f46; stroke: #5a616b; stroke-width: 1; }
.acc-grafito { fill: #2b2f35; }
.acc-canal { stroke: #4b525b; stroke-width: 1; }
.acc-nucleo-brillo { fill: #ff8a1f; }
.acc-losa-cuerpo { fill: #8a939e; stroke: #c4cbd3; stroke-width: 1; }
.acc-tubito { stroke: #a7afb9; stroke-width: 2; }
.acc-roca { fill: #2b2f35; stroke: #ff8a1f; stroke-width: 0.8; }
.acc-humo { fill: #6b7480; }
.acc-vapor { fill: #dfe6ee; }
.acc-h2 { fill: #9fe0ff; stroke: #e8f8ff; stroke-width: 0.5; }
.acc-nube-h2 { fill: #9fe0ff; }
.acc-armazon { fill: none; stroke: #8a939e; stroke-width: 1.5; stroke-dasharray: 3 2; }
.acc-pozo-seco { fill: #232a33; stroke: #8a939e; stroke-width: 1.5; }
.acc-vasija { fill: #1a2028; stroke: #a7afb9; stroke-width: 1.5; }
.acc-agua { fill: #2e7ad6; opacity: 0.85; }
.acc-combustible { fill: #b77d0e; stroke: #f2b433; stroke-width: 1; }
.acc-corio { fill: #ff6a1a; }
.acc-toro { fill: #1f5f9a; stroke: #8a939e; stroke-width: 1.2; }
.acc-tubo { stroke: #8a939e; stroke-width: 2; }
.acc-chimenea { fill: #3a414a; stroke: #6b7480; stroke-width: 1; }
.acc-linea-venteo { fill: none; stroke: #9fe0ff; stroke-width: 2; stroke-dasharray: 4 3; }
.acc-rotulo { fill: #e8eef6; font-size: 9px; font-weight: 600; paint-order: stroke; stroke: #0b0f14; stroke-width: 3px; stroke-linejoin: round; }
.acc-rotulo--claro { fill: #b8c2cc; font-weight: 500; }
.acc-rotulo--alerta { fill: #fff; font-size: 11px; font-weight: 800; stroke: #8b1a12; stroke-width: 4px; }
.acc-rotulo--fuego { fill: #ffd23f; font-size: 10px; }
.acc-rotulo--h2 { fill: #9fe0ff; }