/* ==========================================================================
   ALEXANDRIA - EL FORO TIENE SU PROPIO COLOR
   ==========================================================================
   Este archivo SOLO se carga en la pagina del foro.
   Al salir del foro, se carga la web normal y todo vuelve a como estaba.

   Tema: verde de la Legion Ardiente (el color del video de fondo).
   ========================================================================== */

:root {
  --foro-verde:      #7cf23a;
  --foro-verde-osc:  #2e7d0e;
  --foro-verde-claro:#c8ff9e;
}

/* ------------------- EL VIDEO DE FONDO, FIJO DETRAS DE TODO ------------------- */
.foro-video-fondo {
  position: fixed;
  inset: 0;
  z-index: -3;
  overflow: hidden;
  background: #030704;
}
.foro-video-fondo video {
  position: absolute;
  top: 50%; left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto; height: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.foro-video-velo {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(46,125,14,.30), transparent 65%),
    linear-gradient(180deg, rgba(3,7,4,.86) 0%, rgba(3,7,4,.90) 40%, rgba(3,7,4,.96) 100%);
}

/* ------------------- LOS COLORES DEL FORO ------------------- */
body {
  background: #030704 !important;
}
body::before { display: none !important; }
body::after  { display: none !important; }

/* La cabecera, verde */
.cabecera {
  background: linear-gradient(180deg, rgba(6,18,8,.98), rgba(3,10,4,.95)) !important;
  border-bottom: 1px solid rgba(124,242,58,.45) !important;
  box-shadow: 0 6px 30px rgba(0,0,0,.7), 0 1px 0 rgba(124,242,58,.25) !important;
}
.marca-texto strong { color: var(--foro-verde) !important; text-shadow: 0 0 20px rgba(124,242,58,.5) !important; }
.navegacion a {
  color: #9dd47a !important;
}
.navegacion a:hover { color: #fff !important; background: rgba(124,242,58,.14) !important; }
.navegacion a.activo { color: var(--foro-verde-claro) !important; text-shadow: 0 0 14px rgba(124,242,58,.6) !important; }

/* El boton de entrar, verde */
.boton-principal {
  background: linear-gradient(180deg, #ccff9e 0%, #9cf05a 30%, #7cf23a 62%, #4fbf14 100%) !important;
  border-color: #e2ffc4 !important;
  color: #0b1a03 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 0 18px rgba(124,242,58,.55), 0 6px 22px rgba(60,150,10,.4) !important;
}
.boton-secundario { border-color: rgba(124,242,58,.5) !important; color: #c8ff9e !important; }
.boton-secundario:hover { background: rgba(124,242,58,.12) !important; border-color: #7cf23a !important; }
.usuarioBoton { border-color: rgba(124,242,58,.4) !important; }

/* Los titulos, verdes */
h1, h2, h3 { color: #eaffe0 !important; }
.titulo-seccion::after {
  background: linear-gradient(90deg, var(--foro-verde), rgba(124,242,58,0)) !important;
  box-shadow: 0 0 16px rgba(124,242,58,.65) !important;
}
.nota, .subtitulo { color: #93b884 !important; }
p { color: #cfe6c4 !important; }

/* Las tarjetas y los temas */
.tarjeta, .tema, .seccionForo, .grupoTemas, .mensajeForo, .barraForo, .ventanaCuentaCaja {
  background: linear-gradient(180deg, rgba(10,26,12,.92), rgba(5,14,6,.94)) !important;
  border-color: rgba(124,242,58,.32) !important;
}
.tarjeta::before, .tema::before {
  background: linear-gradient(90deg, transparent, var(--foro-verde), transparent) !important;
}
.tarjeta:hover, .tema:hover, .seccionForo:hover {
  border-color: var(--foro-verde) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.6), 0 0 24px rgba(124,242,58,.25) !important;
}
.tarjeta::after, .tema::after {
  background-image:
    linear-gradient(135deg, rgba(200,255,158,.95) 0 2px, transparent 2px),
    linear-gradient(45deg,  rgba(200,255,158,.95) 0 2px, transparent 2px),
    linear-gradient(315deg, rgba(200,255,158,.95) 0 2px, transparent 2px),
    linear-gradient(225deg, rgba(200,255,158,.95) 0 2px, transparent 2px) !important;
}

/* Los enlaces y los filtros */
a { color: var(--foro-verde) !important; }
a:hover { color: var(--foro-verde-claro) !important; }
.filtro { border-color: rgba(124,242,58,.35) !important; color: #a8d68c !important; }
.filtro:hover { border-color: var(--foro-verde) !important; color: #fff !important; }
.filtro.activo, .pestanaClasificacion.activa {
  background: linear-gradient(180deg, #ccff9e, #7cf23a) !important;
  border-color: #e2ffc4 !important;
  color: #0b1a03 !important;
}
.barraForo input[type="search"] {
  background: rgba(3,10,4,.9) !important;
  border-color: rgba(124,242,58,.35) !important;
}
.barraForo input[type="search"]:focus { border-color: var(--foro-verde) !important; }

/* Los mensajes del foro */
.mensajeForo { border-left: 3px solid var(--foro-verde) !important; }
.cabeceraMsg strong, .autorForo { color: var(--foro-verde-claro) !important; }
.tituloGrupoTemas {
  color: var(--foro-verde) !important;
  border-bottom-color: rgba(124,242,58,.3) !important;
}
.etiquetaGM.gm  { background: rgba(124,242,58,.16) !important; border-color: rgba(124,242,58,.55) !important; color: #c8ff9e !important; }
.etiquetaGM.admin { background: rgba(200,255,158,.16) !important; border-color: #c8ff9e !important; color: #eaffe0 !important; }

/* El pie, verde */
.pie {
  background: linear-gradient(180deg, rgba(4,10,5,.97), rgba(2,6,3,.99)) !important;
  border-top: 1px solid rgba(124,242,58,.32) !important;
}
.pie h4 { color: var(--foro-verde) !important; }
.pie a { color: #93b884 !important; }
.pie a:hover { color: var(--foro-verde) !important; }

/* Los avisos */
.aviso { border-left-color: var(--foro-verde) !important; background: rgba(124,242,58,.07) !important; }
code { color: var(--foro-verde) !important; }

/* El formulario de responder */
textarea, input[type="text"], input[type="password"] {
  background: rgba(3,10,4,.9) !important;
  border-color: rgba(124,242,58,.32) !important;
  color: #eaffe0 !important;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
  border-color: var(--foro-verde) !important;
  box-shadow: 0 0 0 3px rgba(124,242,58,.16) !important;
}
/* ==========================================================================
   EL VIDEO SE VE MAS, Y EL VERDE ES MAS SUAVE
   ==========================================================================
   Antes: el velo tapaba el video y el verde era muy fuerte.
   Ahora: el video manda y el verde solo se nota en los detalles.
   ========================================================================== */

/* --- EL VIDEO: a plena vista --- */
.foro-video-fondo video {
  filter: brightness(1.15) saturate(1.1) !important;
  opacity: 1 !important;
}

/* --- EL VELO: mucho mas suave (solo para que el texto se lea) --- */
.foro-video-velo {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(30,80,10,.12), transparent 70%),
    linear-gradient(180deg,
      rgba(3,7,4,.55) 0%,
      rgba(3,7,4,.62) 45%,
      rgba(3,7,4,.80) 100%) !important;
}

/* --- EL VERDE: mas suave, sin chillar --- */
:root {
  --foro-verde:      #8fd96a;   /* antes #7cf23a, mas flojo */
  --foro-verde-claro:#d3f0bd;
}

/* Los titulos, en verde suave */
.marca-texto strong {
  color: #a8e08a !important;
  text-shadow: 0 0 14px rgba(140,217,106,.35) !important;
}
.navegacion a.activo { color: #c3eaa9 !important; text-shadow: 0 0 10px rgba(140,217,106,.35) !important; }
.navegacion a { color: #b9cfa8 !important; }

/* Los bordes, mas discretos */
.tarjeta, .tema, .seccionForo, .grupoTemas, .mensajeForo, .barraForo, .ventanaCuentaCaja {
  background: linear-gradient(180deg, rgba(10,18,10,.72), rgba(5,10,6,.78)) !important;
  border-color: rgba(140,217,106,.24) !important;
}
.tarjeta::before, .tema::before {
  background: linear-gradient(90deg, transparent, rgba(140,217,106,.6), transparent) !important;
}
.tarjeta:hover, .tema:hover {
  border-color: rgba(140,217,106,.75) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.6), 0 0 18px rgba(140,217,106,.16) !important;
}
.tarjeta::after, .tema::after {
  background-image:
    linear-gradient(135deg, rgba(211,240,189,.8) 0 2px, transparent 2px),
    linear-gradient(45deg,  rgba(211,240,189,.8) 0 2px, transparent 2px),
    linear-gradient(315deg, rgba(211,240,189,.8) 0 2px, transparent 2px),
    linear-gradient(225deg, rgba(211,240,189,.8) 0 2px, transparent 2px) !important;
}

/* Los botones, mas tranquilos */
.boton-principal {
  background: linear-gradient(180deg, #e4f7d4 0%, #bfe9a0 30%, #9ddc78 62%, #74b854 100%) !important;
  border-color: #eaf8de !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 0 12px rgba(140,217,106,.35), 0 5px 18px rgba(60,120,30,.3) !important;
}
.boton-secundario { border-color: rgba(140,217,106,.4) !important; color: #cfe6c0 !important; }

/* Los titulos de seccion */
.titulo-seccion::after {
  background: linear-gradient(90deg, #9ddc78, rgba(140,217,106,0)) !important;
  box-shadow: 0 0 10px rgba(140,217,106,.4) !important;
}
h1, h2, h3 { color: #eef7e6 !important; }
p { color: #d6e3cd !important; }
.nota, .subtitulo { color: #a8bda0 !important; }
a { color: #9ddc78 !important; }
a:hover { color: #d3f0bd !important; }

/* Los filtros */
.filtro.activo { background: linear-gradient(180deg, #e4f7d4, #9ddc78) !important; border-color: #eaf8de !important; color: #14260a !important; }

/* El pie */
.pie {
  background: linear-gradient(180deg, rgba(4,8,5,.86), rgba(2,4,3,.92)) !important;
  border-top: 1px solid rgba(140,217,106,.22) !important;
}
.pie h4 { color: #9ddc78 !important; }

/* La cabecera */
.cabecera {
  background: linear-gradient(180deg, rgba(6,12,6,.94), rgba(3,7,4,.90)) !important;
  border-bottom: 1px solid rgba(140,217,106,.32) !important;
}

/* El fondo de la pagina: que se vea el video, no un color plano */
body { background: transparent !important; }