/* WAR ROOM · corte f4. Va después de warroom.css. El marco sigue en ónix, rosa y platino; la escena (lo que explica)
   gana color propio y con sentido: rojo señal = lo falso, menta = lo verificado, ámbar = lo que no se sabe,
   azul = los medios. Cada color va con palabra o forma, nunca solo. Contraste ≥ 4.5:1 sobre ónix. */
#metodo{--wr-rojo:#e5484d;--wr-menta:#7fd6b0;--wr-ambar:#f0b54a;--wr-azul:#86b3ff}

/* 0 · El video falso se contagia: la cuenta en rojo señal y el «Rec» de la cámara también */
#metodo .wr-n{color:var(--wr-rojo)}
#metodo .wr-play{border-left-color:var(--wr-rojo)}
#metodo .wr-rec span{background:var(--wr-rojo)}

/* 1 · Separar: real (menta), falsa (rojo), no se sabe (ámbar) */
#metodo .wr-v-real{color:var(--wr-menta)}
#metodo .wr-v-falso{color:var(--wr-rojo)}
#metodo .wr-v-nose{color:var(--wr-ambar)}
#metodo .wr-cuadros rect{stroke:var(--wr-menta)}
#metodo .wr-onda rect.mal{fill:var(--wr-rojo)}
#metodo .wr-onda .caja{stroke:var(--wr-rojo)}
#metodo .wr-duda::after{color:var(--wr-ambar)}

/* 2 · Decidir: callar se apaga en gris, negar se enciende en rojo, mostrar se calma en menta */
#metodo .wr-c-negar{stroke:var(--wr-rojo)}
#metodo .wr-c-mostrar{stroke:var(--wr-menta)}
#metodo .wr-c-n-negar{fill:var(--wr-rojo)!important}
#metodo .wr-c-n-mostrar{fill:var(--wr-menta)!important}

/* 3 · Decir: las tres pruebas, con el sello verde de lo verificado */
#metodo .wr-pruebas span{border-color:rgb(127 214 176/.6)}

/* 5 · Responder: cada círculo, su público */
#metodo .wr-aro2{stroke:var(--wr-ambar)}
#metodo .wr-aro3{stroke:var(--wr-azul)}
#metodo .wr-orden li:nth-child(2) span{color:var(--wr-ambar)}
#metodo .wr-orden li:nth-child(3) span{color:var(--wr-azul)}
#metodo .wr-orden b{font-size:clamp(17px,4.6vw,22px)}

/* Las tarjetas: titular + una línea, con aire */
#metodo .wr-paso{gap:12px}
#metodo .wr-lectura{color:var(--rosa-perla,#f3dde4)}