/* Tema Manga: tinta negra, rojo carmesi e indigo sobre papel con trama de puntos (screentone). Misma lista de
   variables que Cocina; solo cambian los valores. */
:root {
  --ink:#16131a; --muted:#5a5560; --soft:#4d4853;
  --red:#d81f3a; --salmon:#ff7a8a; --green:#2f4bb3;
  --bg:#f7f4ec; --card:#ffffff; --line:rgba(22,19,26,.06);
  --tinte:#fdecef; --tinte-fuerte:#fbd3da; --portada-fin:#c9d3ff;
  --fuente-titulos:Bangers, "Comic Sans MS", system-ui, sans-serif; --fuente-texto:Nunito, system-ui, sans-serif;
  /* Paleta extendida por uso (--<uso>[-hover|-activo]-<tono>[-a<alfa>]). Las hojas la usan como var(--nombre, valor de
     Cocina): un tema nuevo solo redefine las que cambian. */
  --base-blanco:#ffffff;
  --base-cafe-2:#4a4550;
  --base-crema:#efede9;
  --base-crema-2:#f2f0ec;
  --base-morado:#6d28d9;
  --base-morado-claro:#f5f1ff;
  --base-rojo-claro:#fbd3da;
  --base-rosa:#be185d;
  --base-salmon:#c9d3ff;
  --base-cafe:#433e48;
  --base-cafe-3:#3b3741;
  --base-tinta-a06:rgba(22,19,26,.06);
  --borde-activo-rojo:#b3122c;
  --borde-activo-rojo-a4:rgba(255,122,138,.4);
  --borde-activo-rojo-a7:rgba(216,31,58,.7);
  --borde-activo-rojo-a7-2:rgba(255,122,138,.7);
  --borde-activo-rojo-a8:rgba(216,31,58,.8);
  --borde-activo-rojo-a8-2:rgba(255,122,138,.8);
  --borde-crema:#f1e6de;
  --borde-negro-a05:rgba(0,0,0,.05);
  --borde-rojo:#ff7a8a;
  --borde-rojo-a28:rgba(217,74,51,.28);
  --borde-salmon:#c2410c;
  --borde-salmon-claro:#e7d8cf;
  --borde-salmon-claro-2:#eadfd6;
  --color-negro:#000;
  --color-negro-a55:rgba(0,0,0,.55);
  --fondo-activo-blanco-a9:rgba(255,255,255,.9);
  --fondo-activo-rojo-a22:rgba(216,31,58,.22);
  --fondo-activo-rojo-claro:#fff5f5;
  --fondo-activo-salmon-claro:#fff6ef;
  --fondo-ambar:#fbbf24;
  --fondo-ambar-2:#fde68a;
  --fondo-ambar-claro:#fff7e6;
  --fondo-arena:#b8a59d;
  --fondo-arena-2:#c9bcb3;
  --fondo-azul:#1d4ed8;
  --fondo-azul-claro:#eef0fb;
  --fondo-azul-claro-2:#eef5ff;
  --fondo-blanco:#fff;
  --fondo-blanco-a72:rgba(255,255,255,.72);
  --fondo-blanco-a75:rgba(255,255,255,.75);
  --fondo-blanco-a92:rgba(255,255,255,.92);
  --fondo-blanco-a94:rgba(255,255,255,.94);
  --fondo-cafe:#806a62;
  --fondo-crema:#e8ecfb;
  --fondo-crema-10:#f7f4ec;
  --fondo-crema-11:#f8f3ef;
  --fondo-crema-12:#faf6f2;
  --fondo-crema-13:#fbf6f1;
  --fondo-crema-2:#eee6e1;
  --fondo-crema-3:#efe6df;
  --fondo-crema-4:#f1e6df;
  --fondo-crema-5:#f3e9e4;
  --fondo-crema-6:#f3ebe4;
  --fondo-crema-7:#f1efeb;
  --fondo-crema-8:#f3ece7;
  --fondo-crema-9:#f6e7e1;
  --fondo-crema-a9:rgba(247,244,236,.9);
  --fondo-hover-blanco-a7:rgba(255,255,255,.7);
  --fondo-hover-blanco-a8:rgba(255,255,255,.8);
  --fondo-hover-crema:#efe5de;
  --fondo-hover-crema-2:#f1e9e3;
  --fondo-hover-crema-3:#faf6f3;
  --fondo-hover-rojo-claro:#fde8e8;
  --fondo-hover-rojo-claro-2:#ffe3dd;
  --fondo-hover-rojo-claro-3:#fff3f0;
  --fondo-hover-salmon-claro:#fff6f3;
  --fondo-negro-a04:rgba(0,0,0,.04);
  --fondo-negro-a18:rgba(0,0,0,.18);
  --fondo-negro-a86:rgba(10,9,12,.86);
  --fondo-negro-a9:rgba(10,9,12,.9);
  --fondo-rojo:#d81f3a;
  --fondo-rojo-2:#ff0000;
  --fondo-rojo-3:#ff6a5c;
  --fondo-rojo-4:#ffb3a8;
  --fondo-rojo-a32:rgba(255,122,138,.32);
  --fondo-rojo-claro:#fdecef;
  --fondo-rojo-claro-a28:rgba(255,196,184,.28);
  --fondo-rosa-claro:#fdf2f8;
  --fondo-salmon:#d9cbc5;
  --fondo-salmon-2:#f08a4b;
  --fondo-salmon-claro:#efe6dc;
  --fondo-salmon-claro-2:#fff1e6;
  --fondo-salmon-claro-3:#fff6eb;
  --fondo-salmon-claro-4:#fff7f4;
  --fondo-salmon-claro-5:#fff8f6;
  --fondo-salmon-claro-6:#fffaf6;
  --fondo-salmon-claro-7:#fffaf7;
  --fondo-salmon-claro-a92:rgba(255,250,245,.92);
  --fondo-tinta:#121015;
  --fondo-tinta-2:#16131a;
  --fondo-tinta-3:#26222b;
  --fondo-tinta-a0:rgba(22,19,26,0);
  --fondo-tinta-a45:rgba(22,19,26,.45);
  --fondo-tinta-a62:rgba(22,19,26,.62);
  --fondo-tinta-a78:rgba(22,19,26,.78);
  --fondo-tinta-a86:rgba(22,19,26,.86);
  --fondo-verde:#4f6fd8;
  --fondo-verde-a22:rgba(198,232,208,.22);
  --fondo-verde-claro:#eef1fd;
  --fondo-verde-oscuro:#2f4bb3;
  --sombra-activo-rojo-a55:rgba(216,31,58,.55);
  --sombra-activo-tinta-a04:rgba(22,19,26,.04);
  --sombra-activo-tinta-a05:rgba(22,19,26,.05);
  --sombra-activo-tinta-a08:rgba(22,19,26,.08);
  --sombra-activo-tinta-a55:rgba(22,19,26,.55);
  --sombra-hover-rojo-a10:rgba(216,31,58,.10);
  --sombra-hover-tinta-a04:rgba(22,19,26,.04);
  --sombra-hover-cafe-a06:rgba(22,19,26,.06);
  --sombra-hover-cafe-a08:rgba(22,19,26,.08);
  --sombra-hover-cafe-a12:rgba(22,19,26,.12);
  --sombra-hover-tinta-a2:rgba(22,19,26,.2);
  --sombra-tinta-a08:rgba(20,10,8,.08);
  --sombra-negro-a12:rgba(0,0,0,.12);
  --sombra-negro-a14:rgba(0,0,0,.14);
  --sombra-negro-a15:rgba(0,0,0,.15);
  --sombra-negro-a25:rgba(0,0,0,.25);
  --sombra-negro-a28:rgba(0,0,0,.28);
  --sombra-negro-a35:rgba(0,0,0,.35);
  --sombra-negro-a4:rgba(0,0,0,.4);
  --sombra-negro-a45:rgba(0,0,0,.45);
  --sombra-rojo-a06:rgba(216,31,58,.06);
  --sombra-rojo-a12:rgba(216,31,58,.12);
  --sombra-rojo-a18:rgba(216,31,58,.18);
  --sombra-rojo-a35:rgba(216,31,58,.35);
  --sombra-rojo-a45:rgba(216,31,58,.45);
  --sombra-rojo-a55:rgba(255,122,138,.55);
  --sombra-tinta-a12-2:rgba(22,19,26,.12);
  --sombra-tinta-a2-2:rgba(22,19,26,.2);
  --sombra-tinta-a03:rgba(22,19,26,.03);
  --sombra-cafe-a03:rgba(22,19,26,.03);
  --sombra-cafe-a035:rgba(22,19,26,.035);
  --sombra-cafe-a04:rgba(22,19,26,.04);
  --sombra-tinta-a05:rgba(22,19,26,.05);
  --sombra-tinta-a06:rgba(22,19,26,.06);
  --sombra-tinta-a08-2:rgba(22,19,26,.08);
  --sombra-tinta-a08-3:rgba(22,19,26,.08);
  --sombra-cafe-a08:rgba(22,19,26,.08);
  --sombra-tinta-a1:rgba(22,19,26,.1);
  --sombra-tinta-a12:rgba(22,19,26,.12);
  --sombra-tinta-a14:rgba(22,19,26,.14);
  --sombra-tinta-a14-2:rgba(22,19,26,.14);
  --sombra-cafe-a15:rgba(113,63,18,.15);
  --sombra-cafe-a16:rgba(22,19,26,.16);
  --sombra-tinta-a18:rgba(22,19,26,.18);
  --sombra-tinta-a18-2:rgba(22,19,26,.18);
  --sombra-tinta-a18-3:rgba(22,19,26,.18);
  --sombra-cafe-a18:rgba(22,19,26,.18);
  --sombra-tinta-a2:rgba(22,19,26,.2);
  --sombra-tinta-a25:rgba(22,19,26,.25);
  --sombra-verde-oscuro-a0:rgba(47,75,179,0);
  --sombra-verde-oscuro-a5:rgba(47,75,179,.5);
  --texto-arena:#a8948c;
  --texto-arena-2:#b09c95;
  --texto-arena-3:#cbbcb5;
  --texto-cafe-5:#4d4853;
  --texto-cafe-7:#5a5560;
  --texto-cafe-8:#7a6a60;
  --texto-cafe-11:#8f7a73;
  --texto-rojo:#9b1c1c;
  --texto-rojo-2:#b4141f;
  --texto-rojo-3:#b4232f;
  --texto-rojo-4:#b91c1c;
  --texto-rojo-5:#c0172a;
  --texto-tinta:#2b2730;
  --texto-cafe:#36323b;
  --texto-cafe-2:#423d47;
  --texto-cafe-3:#45404a;
  --texto-cafe-4:#6b4a12;
  --texto-cafe-6:#713f12;
  --texto-cafe-9:#7c2d12;
  --texto-cafe-10:#8a3b12;
  --texto-cafe-12:#9a3412;
  --texto-verde-oscuro:#1e2f78;
  --texto-verde-oscuro-2:#23388f;
  --texto-verde-oscuro-3:#2a42a3;
  /* Tonos de secciones, menus y avatares (js/index.js TONOS) */
  --tono-rojo-fondo:#fdecef; --tono-rojo-texto:#b91c1c; --tono-verde-fondo:#eef1fd; --tono-verde-texto:#23388f;
  --tono-naranja-fondo:#fff6eb; --tono-naranja-texto:#c2410c; --tono-rosa-fondo:#fdf2f8; --tono-rosa-texto:#be185d;
  --tono-morado-fondo:#f5f1ff; --tono-morado-texto:#6d28d9; --tono-azul-fondo:#eef5ff; --tono-azul-texto:#1d4ed8;
  --tono-cafe-fondo:#f2f0ec; --tono-cafe-texto:#3b3741; --tono-tinta-fondo:#efede9; --tono-tinta-texto:#16131a;
  /* Avatares de iniciales (fondo/letra), en el mismo orden que tema.json -> avatares */
  --avatar-1-fondo:#d81f3a; --avatar-1-texto:#ffffff;
  --avatar-2-fondo:#16131a; --avatar-2-texto:#ffffff;
  --avatar-3-fondo:#ff7a8a; --avatar-3-texto:#16131a;
  --avatar-4-fondo:#2f4bb3; --avatar-4-texto:#ffffff;
  --avatar-5-fondo:#6d28d9; --avatar-5-texto:#ffffff;
  --avatar-6-fondo:#fdecef; --avatar-6-texto:#b0122b;
  /* Degradado de los botones principales (.btn): 3 tonos que ya son de este tema (carmesi, morado e indigo); letra blanca >= 4.5:1 */
  --boton-1:#d81f3a; --boton-2:#6d28d9; --boton-3:#2f4bb3;
}

/* Papel de manga: trama de puntos muy suave en el fondo (sin imagen, no pesa ni bloquea). */
body {
  background:
    radial-gradient(rgba(22,19,26,.07) 1px, transparent 1.2px) 0 0 / 9px 9px,
    radial-gradient(900px 420px at 0% -12%, rgba(216,31,58,.10), transparent 64%),
    radial-gradient(760px 380px at 100% -18%, rgba(47,75,179,.10), transparent 60%),
    var(--bg);
}
/* Bangers es una sola mayuscula condensada: un poco de aire entre letras para leerla bien. */
h1, h2, h3 { letter-spacing: .02em; }
/* Portada de la comunidad (ilustracion 16:9 con las caras en la franja media): el recorte del banner se ancla al 30 % de
   la altura para que no se corten las cabezas y el logo redondo del centro caiga en la parte baja, sin caras. */
.grupo .portada-comunidad { background-position:50% 30%; }
.grupo .portada-comunidad > .portada-img { object-position:50% 30%; }
/* El icono chevron de este tema apunta a la derecha: las flechas del nucleo (css.css) lo giran -90deg para partir de arriba. */
:root { --giro-chevron:-90deg; }

/* v42 cursores del tema (PNG 32x32; punto activo en la punta; si no carga queda el cursor del sistema) */
html, body { cursor: url("cursores/flecha.png") 3 2, auto; }
:root :is(a[href], button:not(:disabled), [role="button"], [role="tab"], [role="menuitem"], [role="radio"], [role="checkbox"], [role="option"], label[for], select, summary, input[type="checkbox"], input[type="radio"], input[type="submit"], input[type="button"], input[type="range"], [data-compartir]) { cursor: url("cursores/mano.png") 12 2, pointer; }
:root :is(input:not([type]), input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], input[type="number"], textarea, [contenteditable="true"]) { cursor: url("cursores/texto.png") 16 16, text; }