/* Prueba «fondo negro» (13-oct, pedido de Felipe): la opción 3 igual, pero con negro donde había morado oscuro
   (portada, tarjetas, «¿Te suena?», apps, la tabla, la píldora de los equipos, avisos). Lo claro de la página no cambia.
   Se carga encima de c2.css y de los estilos de la opción; para probarla en otra opción basta agregar este archivo y
   class="negro" en <html>. Los botones y la columna de Orquestea siguen en violeta: es el color de la marca. */
.negro {
  --noche: #000000;
  --noche-2: #141416;
}

/* Tarjetas de empleados: se quedan moradas (Felipe, 13-oct: «en esta sección prefiero como se ve el fondo así») */
.negro .tarjeta__visual { background-color: #170e25; }
.negro .pildora { background: #000; }

/* Secciones oscuras: negro de verdad, sin el brillo morado */
.negro .portada { background-image: none; }
.negro .hoy__col--con { background-image: none; }
.negro .dolores { background-image: none; }
.negro .apps, .negro .comparar { background: #000; }
.negro .app-chip { background: #141416; }
.negro .app-chip--pruebas .app-chip__logo::after { box-shadow: 0 0 0 3px #141416; }

/* Lo demás que tenía fondo morado oscuro */
.negro .chip[aria-pressed='true'] { background: #000; border-color: #000; }
.negro .aviso, .negro .tira { background: #0b0b0d; }
.negro .oficina__noche { background: #1b1a20; }
.negro .of-burbuja { background: #0b0b0d; }
.negro .of-burbuja::after { border-top-color: #0b0b0d; }
.negro dialog.hv::backdrop { background: rgba(0, 0, 0, .5); }