:root{
  /* Paleta proporcionada */
  --negro-vinilo:   #0B0B0D;
  --guinda:         #7A1E29;
  --oro-ambar:      #D4A045;
  --azul-madrugada: #1A2B3D;
  --gris-humo:      #A6A6A8;
  --verde-botella:  #2B3D34;

  /* controles de intensidad / transparencia */
  --node-alpha: 0.14;
  --link-alpha: 0.10;
  --overlay-alpha: 0.08;
}

body {
  margin: 0;
  background:
    /* Curvas tipo flechas/flujos */
    radial-gradient(circle at 10% 20%, rgba(26,43,61, 0.20), transparent 70%),
    radial-gradient(circle at 80% 40%, rgba(122,30,41, 0.15), transparent 70%),
    radial-gradient(circle at 40% 80%, rgba(180,140,69, 0.14), transparent 80%),  

    /* Enlaces tipo rutas */
    linear-gradient(120deg, rgba(26,43,61, 0.15) 1px, transparent 1px),
    linear-gradient(300deg, rgba(122,30,41, 0.12) 1px, transparent 1px),

    /* 3 - Rejilla muy suave para dar estructura (opcional) */
    linear-gradient(90deg, rgba(166,166,168, calc(var(--overlay-alpha) * 0.4)) 1px, transparent 1px),

    /* 4 - Fondo base (ligeramente degradado) */
    linear-gradient(160deg, rgba(11,11,13,1) 0%, rgba(26,43,61,0.95) 35%, rgba(27,34,40,0.9) 100%);

  background-size:
    400px 400px,
    300px 300px,
    450px 450px,
    40px 40px,
    60px 60px,
    cover;
}

#divContainer,#divMensaje {
  margin-top:20px;
}
#divEncabezado {
  border:1px solid var(--negro-vinilo);
  border-radius:10px;
  background-color:var(--negro-vinilo);
  padding:10px;
}
#divMenu {
  margin-top:20px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius:10px;
  background-color:var(--verde-botella);
  padding:10px;
  color:#ffffff;
  font-family:verdana;    
  text-align:right;
  box-shadow:
    0 2px 4px rgba(0,0,0,0.10),
    0 8px 24px rgba(0,0,0,0.12);
}

#divDazul01,#divDazul02,#divDazul03,#divDazul04,#divDazul05 {  
  margin-top:20px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius:10px;
  background-color:var(--azul-madrugada);
  padding:20px;
  color:#ffffff;
  font-family:verdana;
  box-shadow:
    0 2px 4px rgba(0,0,0,0.10),
    0 8px 24px rgba(0,0,0,0.12);
}
#divDrojo01,#divDrojo02,#divDrojo03,#divDrojo04,#divDrojo05 {
  margin-top:20px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius:10px;
  background-color:var(--verde-botella);
  padding:20px;
  color:#ffffff;
  font-family:verdana;
  box-shadow:
    0 2px 4px rgba(0,0,0,0.10),
    0 8px 24px rgba(0,0,0,0.12);  
}
#divDblanco01,#divDblanco02,#divDblanco03,#divDblanco04,#divDblanco05 {
  margin-top:20px;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius:10px;
  background-color:#ffffff;
  padding:20px;
  color:#334a6f;
  font-family:verdana;
  box-shadow:
    0 2px 4px rgba(0,0,0,0.10),
    0 8px 24px rgba(0,0,0,0.12);
}
#divChat,#divMensaje {
  border: 1px solid rgba(255,255,255,0.07);
  border-radius:10px;
  padding:20px;
  font-family:verdana;
}

.divParticipantes {
  border: 1px solid rgba(255,255,255,0.07);
  border-radius:10px;
  padding:20px;
  font-family:verdana;
  margin-bottom:10px;
}

#divE {
  margin-top:20px;
  border:1px solid var(--negro-vinilo);
  border-radius:10px;
  background-color:var(--negro-vinilo);
  padding:10px;
  color:#ffffff;
  font-family:verdana;
}
#divTopRight{
  text-align:right;
  color:#ffffff;
  font-style:italic;
  font-family:verdana;    
  bottom: 0;
}

.cellico{width:30px;}

td {color:#000000;}
th,h3 {color:var(--verde-botella);font-weight:bold;}