/* ============================================================================
   TEMA "LA CIUDAD NUNCA DUERME" — se aplica a TODO el sitio.
   Se carga después de las hojas de cada página (lo inserta includes/tema.php),
   así que solo redefine colores, letras y los componentes compartidos.
   Para apagarlo: sitio_config → tema_ciudad = 0.
   ============================================================================ */

:root{
  /* Paleta del tema */
  --cd-cream:#efe3c8; --cd-ink:#141414; --cd-orange:#e0622e; --cd-orange-luz:#ff8a4c; --cd-gold:#ffd700;
  --cd-blue:#45b8e6; --cd-green:#86d15e; --cd-yellow:#f3cf3f; --cd-red:#e5484d;
  --cd-tex:url(/uploads/noticias/city-never-sleeps/textura-grano.jpg);
  --cd-logo:'Bowlby One','Titan One',Impact,sans-serif;   /* ← fuente del logotipo */
  --cd-titulo:'Titan One','Bowlby One',Impact,sans-serif;

  /* Variables que ya usa todo el sitio, con los colores nuevos */
  --bg-deep:#0b0f0e; --bg-card:#141b1a; --bg-card-hover:#1a2423; --bg-surface:#1f2a29;
  --cyan:#ff8a4c; --cyan-dim:#e0622e; --cyan-glow:rgba(224,98,46,.16); --cyan-border:rgba(239,227,200,.34);
  --bronze:#c9a25a; --bronze-light:#efd9a0; --bronze-dim:#7d6436; --bronze-glow:rgba(239,217,160,.14);
  --text-primary:#efe9dc; --text-muted:#a9b3b0; --text-dim:#7c8784;
  --border:rgba(239,227,200,.14); --border-bronze:rgba(239,227,200,.3);
  --font-head:'Jost','Rajdhani','Arial Narrow',Arial,sans-serif;
  --font-body:'Jost','Exo 2','Segoe UI',Arial,sans-serif;
  --radius-sm:6px; --radius-md:10px; --radius-lg:16px;
}

/* ── Fondo ── */
body{background:var(--bg-deep);font-family:var(--font-body);}
body::before{background:
  radial-gradient(ellipse 80% 50% at 80% 0%,rgba(224,98,46,.10) 0%,transparent 60%),
  radial-gradient(ellipse 90% 55% at 10% 0%,rgba(239,227,200,.05) 0%,transparent 60%)!important;}
.skyline-win{background:#ffcf7a!important;box-shadow:0 0 6px rgba(255,190,90,.7)!important;}
::-webkit-scrollbar-thumb{background:rgba(239,227,200,.35);}
::selection{background:var(--cd-orange);color:var(--cd-ink);}
a{color:var(--cd-orange-luz);} a:hover{color:var(--cd-gold);}

/* ── Títulos: letra de rótulo ── */
h1,h2{font-family:var(--cd-titulo)!important;font-weight:400!important;letter-spacing:.4px!important;line-height:1.08;text-wrap:balance;}
h1{text-shadow:3px 3px 0 #000;}
h2{text-shadow:2px 2px 0 rgba(0,0,0,.85);}
h3,h4,h5{font-family:var(--font-head);font-weight:800;letter-spacing:.2px;}
.section-header h2{color:var(--cd-cream);font-size:clamp(28px,5vw,44px);}
.section-header .subtitle{color:var(--text-muted);}
/* La etiqueta sobre cada título pasa a ser una placa inclinada */
.section-tag{display:inline-block;background:var(--cd-cream);color:var(--cd-ink)!important;font-family:var(--cd-titulo);font-size:12.5px;letter-spacing:1px;
  padding:5px 12px 4px;transform:rotate(-2deg);box-shadow:4px 4px 0 rgba(0,0,0,.5);margin-bottom:14px;text-shadow:none;}
.section-tag svg,.section-tag img{filter:none;}
.text-cyan{color:var(--cd-orange-luz);} .text-bronze{color:var(--bronze-light);}

/* ── Botones ── */
.btn{font-family:var(--font-head);font-weight:800;letter-spacing:.3px;text-transform:none;border-radius:10px;font-size:15px;}
.btn::before{display:none;}
.btn-primary{background:var(--cd-orange);color:var(--cd-ink)!important;border:0;box-shadow:4px 4px 0 rgba(0,0,0,.55);text-shadow:none;}
.btn-primary:hover{background:var(--cd-orange);filter:brightness(1.08);transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(0,0,0,.55);color:var(--cd-ink)!important;}
.btn-primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 rgba(0,0,0,.55);}
.btn-secondary{background:var(--cd-cream);color:var(--cd-ink)!important;border:0;box-shadow:4px 4px 0 rgba(0,0,0,.55);}
.btn-secondary:hover{background:var(--cd-cream);filter:brightness(1.05);transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(0,0,0,.55);color:var(--cd-ink)!important;}
.btn-ghost{background:transparent;border:2px solid rgba(239,227,200,.38);color:var(--cd-cream);}
.btn-ghost:hover{border-color:var(--cd-cream);background:rgba(239,227,200,.1);color:var(--cd-cream);}
.btn-sm{font-size:13.5px;padding:7px 14px;border-radius:8px;}
.btn-sm.btn-primary,.btn-sm.btn-secondary{box-shadow:3px 3px 0 rgba(0,0,0,.5);}
.btn-lg{font-size:17px;padding:14px 28px;}
.btn[disabled],.btn:disabled{box-shadow:none;}

/* ── Tarjetas y cajas ── */
.card{background:var(--bg-card) var(--cd-tex) center/cover;background-blend-mode:soft-light;border:1px solid rgba(239,227,200,.16);border-radius:16px;
  box-shadow:0 12px 28px rgba(0,0,0,.3);}
.card::before{display:none;}
.card:hover{border-color:rgba(239,227,200,.34);background-color:var(--bg-card-hover);box-shadow:0 14px 30px rgba(0,0,0,.4);transform:none;}
.card-bronze{border-color:rgba(255,215,0,.35);} .card-bronze:hover{border-color:rgba(255,215,0,.6);box-shadow:0 14px 30px rgba(0,0,0,.4);}
.divider{background:linear-gradient(90deg,transparent,rgba(239,227,200,.3),transparent);}

/* ── Insignias ── */
.badge{font-family:var(--font-head);font-weight:800;letter-spacing:.5px;border-radius:20px;}
.badge-cyan{background:var(--cd-cream);color:var(--cd-ink);border-color:var(--cd-cream);}
.badge-bronze{background:rgba(239,227,200,.12);color:var(--cd-cream);border-color:rgba(239,227,200,.3);}
.badge-green{background:rgba(134,209,94,.14);color:var(--cd-green);border-color:rgba(134,209,94,.45);}
.badge-gold{background:rgba(255,215,0,.12);color:var(--cd-gold);border-color:rgba(255,215,0,.45);}
.badge-red{background:rgba(229,72,77,.14);color:#ff8d90;border-color:rgba(229,72,77,.5);}

/* ── Formularios ── */
.input,select.input,textarea.input{background:#0e1514;border:2px solid rgba(239,227,200,.26);color:var(--cd-cream);border-radius:10px;font-family:var(--font-body);}
.input:focus{border-color:var(--cd-gold);box-shadow:0 0 0 3px rgba(255,215,0,.16);}
.input::placeholder{color:#7c8784;}
.form-label,.form-hint{font-family:var(--font-head);}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--cd-orange);}
.alert{border-radius:12px;border-width:2px;font-weight:600;}

/* ── Barra de navegación ── */
.navbar{background:#0b0f0e;border-bottom:3px solid var(--cd-cream);box-shadow:0 6px 0 rgba(0,0,0,.35);}
.navbar::before{display:none;}
.navbar.scrolled{border-bottom-color:var(--cd-cream);box-shadow:0 6px 0 rgba(0,0,0,.45),0 14px 30px rgba(0,0,0,.5);}
.navbar-nav a{font-family:var(--font-head);font-weight:700;font-size:13.5px;letter-spacing:.2px;text-transform:none;color:#c9d0ce;border-radius:8px;}
.navbar-nav a:hover{color:var(--cd-cream);background:rgba(239,227,200,.1);}
.navbar-nav a.active{color:var(--cd-ink);background:var(--cd-cream);}
.navbar-nav a.active::after{display:none;}
.navbar-nav a.active svg,.navbar-nav a.active img{filter:brightness(0);}
.navbar-mobile{background:#0b0f0e;border-bottom:3px solid var(--cd-cream);}
.navbar-mobile nav a{font-family:var(--font-head);font-weight:700;text-transform:none;letter-spacing:.2px;color:#dfe6e4;}
.navbar-mobile nav a:hover{color:var(--cd-ink);background:var(--cd-cream);}
.navbar-burger span{background:var(--cd-cream);}

/* ── LOGOTIPO: "DEADLOCK" en letra de rótulo + placa "MX" ── */
.navbar-logo{gap:10px;}
.navbar-logo-text,.footer-logo{font-family:var(--cd-logo);font-weight:400;text-transform:uppercase;letter-spacing:.5px;line-height:1;
  background:none;-webkit-text-fill-color:var(--cd-cream);color:var(--cd-cream);
  -webkit-text-stroke:0;text-shadow:2px 2px 0 var(--cd-orange),3px 3px 0 #000;white-space:nowrap;}
.navbar-logo-text{font-size:22px;}
.navbar-logo-text span,.footer-logo span{display:inline-block;-webkit-text-fill-color:var(--cd-ink);color:var(--cd-ink);background:var(--cd-orange);
  padding:2px 7px 1px;margin-left:3px;transform:rotate(-4deg);text-shadow:none;box-shadow:2px 2px 0 #000;font-size:.82em;vertical-align:1px;}
.navbar-logo-sub{font-family:var(--font-head);font-weight:800;font-size:9.5px;letter-spacing:.34em;color:#c9d0ce;margin-top:5px;}
.navbar-logo-sub::before,.navbar-logo-sub::after{background:rgba(239,227,200,.4);}
.navbar-logo:hover .navbar-logo-icon{filter:drop-shadow(0 0 8px rgba(255,138,76,.6));}
.navbar-logo:hover .navbar-logo-text span{transform:rotate(3deg) scale(1.06);transition:transform .15s;}
.footer-logo{font-size:26px;}

/* ── Pie de página ── */
.footer{background:#0b0f0e;border-top:3px solid var(--cd-cream);}
.footer-col-title{font-family:var(--cd-titulo);font-weight:400;font-size:14px;letter-spacing:.8px;color:var(--cd-cream);text-transform:uppercase;}
.footer-links a{color:#b9c2c0;font-family:var(--font-body);font-weight:500;}
.footer-links a:hover{color:var(--cd-orange-luz);}
.footer-desc,.footer-copy{color:#8f9a97;}
.footer-bottom{border-top-color:rgba(239,227,200,.14);}

/* ── Tablas y listas ── */
table th{font-family:var(--font-head);}
code{font-family:var(--font-mono);}
.rank-diamond{color:var(--cd-blue);}

/* ── Colores de marca que no deben cambiar ── */
.dl-share-btn{color:#dfe6e4;}

/* ── Títulos que usaban letras con degradado: ahora color sólido del tema ── */
h1,h2,h1 span,h2 span,h1 em,h2 em{background-image:none!important;-webkit-text-fill-color:currentColor!important;}
h1,h2{color:var(--cd-cream);}
h1 span[style*="background-clip"],h2 span[style*="background-clip"],.cls-h1 span,.inv-h1 .g,.rt-h1 .g{color:var(--cd-orange-luz)!important;}
.cls-h1{color:var(--cd-cream)!important;}

/* ── PORTADA (inicio): la ciudad de fondo y el nombre como rótulo ── */
.hero{isolation:isolate;border-bottom:3px solid var(--cd-cream);}
.hero-bg{background:linear-gradient(180deg,rgba(11,15,14,.55),rgba(11,15,14,.82) 70%,#0b0f0e),
  radial-gradient(ellipse 70% 60% at 30% 30%,rgba(224,98,46,.30),transparent 65%),
  url(/uploads/torneos/flyer/ciudad.webp) center 30%/cover!important;filter:none;}
.hero-bg::after{content:"";position:absolute;inset:0;background:var(--cd-tex) center/cover;mix-blend-mode:overlay;opacity:.35;}
.hero-scan,.hero-candles,.hero-smoke,.hero-logo-watermark,.hero-ornament{display:none!important;}
.hero-tag{font-family:var(--cd-titulo);font-size:12.5px;letter-spacing:1px;background:var(--cd-cream);color:var(--cd-ink);border:0;border-radius:0;padding:6px 14px 5px;
  transform:rotate(-2deg);box-shadow:4px 4px 0 rgba(0,0,0,.5);}
.hero-title{letter-spacing:0!important;line-height:.95;text-shadow:none!important;margin-bottom:18px;}
.hero-title .line-1{font-family:var(--cd-logo)!important;letter-spacing:1px;color:var(--cd-cream)!important;filter:none!important;
  text-shadow:.04em .04em 0 var(--cd-orange),.08em .08em 0 #000,.1em .14em .2em rgba(0,0,0,.6);}
.hero-title .line-2{display:inline-block!important;font-family:var(--cd-logo)!important;letter-spacing:2px!important;color:var(--cd-ink)!important;background:var(--cd-orange)!important;
  background-image:none!important;font-size:.48em;padding:.12em .5em .06em;margin-top:.2em;transform:rotate(-3deg);box-shadow:.12em .12em 0 #000;filter:none!important;}
.hero-subtitle{color:#e9e2d0;font-weight:500;text-shadow:1px 1px 0 rgba(0,0,0,.7);}
.hero-stat-number{font-family:var(--cd-titulo)!important;color:var(--cd-gold)!important;}
.hero-stat-number.bronze{color:var(--cd-cream)!important;}
.hero-stat-label{font-family:var(--font-head);font-weight:700;color:#c9d0ce;}

/* ── Páginas de entrar / registro ── */
.auth-container{background:var(--bg-card) var(--cd-tex) center/cover;background-blend-mode:soft-light;border:2px solid rgba(239,227,200,.22);border-radius:16px;}
.auth-header h1{color:var(--cd-cream);}
.auth-footer a,.auth-header a{color:var(--cd-orange-luz);}

/* ── Restos de azul neón en las hojas de cada sección ── */
.input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(255,215,0,.55);}
.card.card-cyan:hover{border-color:rgba(239,227,200,.4);box-shadow:0 14px 30px rgba(0,0,0,.4);}
.animate-glow{animation:none;}
.tournament-banner{background:var(--bg-card) var(--cd-tex) center/cover;background-blend-mode:soft-light;border:2px solid rgba(239,227,200,.3);}
.thread-general{background:rgba(239,227,200,.12);}
.cta-section::before,.footer::before{display:none;}
.foro-cat-card{border-radius:14px;}
.foro-cat-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.4);border-color:rgba(239,227,200,.4);}
.foro-post.post-principal{border:2px solid rgba(239,227,200,.4);box-shadow:6px 7px 0 rgba(0,0,0,.4);}
.foro-post.post-principal .foro-post-sidebar{background:rgba(239,227,200,.05);border-right-color:rgba(239,227,200,.25);}
.foro-post.post-principal .foro-post-avatar{border-color:var(--cd-cream);box-shadow:none;}
.foro-post-op-badge{background:var(--cd-cream);color:var(--cd-ink);border-color:var(--cd-cream);font-family:var(--font-head);font-weight:800;}
.ft-btn:hover{background:rgba(239,227,200,.1);color:var(--cd-cream);}
.foro-editor:focus{border-color:var(--cd-gold);box-shadow:0 0 0 3px rgba(255,215,0,.16);}
.foro-editor blockquote,.foro-post-texto blockquote,.articulo-contenido blockquote{border-left-color:var(--cd-orange);background:rgba(239,227,200,.06);}
.ranking-fila.es-yo{background:rgba(255,215,0,.07);border-left-color:var(--cd-gold);}
.torneo-card.torneo-live{border-color:var(--cd-blue);box-shadow:none;}
.perfil-animas-number{color:var(--cd-gold);text-shadow:none;font-family:var(--cd-titulo);}
.perfil-avatar{border-color:var(--cd-cream);}
.edsim-btn.active{background:rgba(239,227,200,.12);color:var(--cd-cream);}
.articulo-contenido table th{background:rgba(239,227,200,.1);color:var(--cd-cream);}
.articulo-contenido h2{color:var(--cd-cream);}
/* El acento con tilde de la placa "MÉXICO" necesita aire arriba */
.hero-title .line-2{line-height:1.15;padding:.26em .5em .04em;margin-top:.05em;}