/* =========================================================
   FTBZ.LOL V7 — MEXA UNDERGROUND OVERRIDE
   Capa visual. No reemplaza la lógica de V6.
   ========================================================= */
:root{
  --void:#090805;
  --ink:#18120b;
  --panel:#22180f;
  --acid:#f2c230;
  --acid-hot:#ffe26a;
  --green:#118447;
  --purple:#742445;
  --violet:#9f3155;
  --pink:#ee4772;
  --yellow:#f2c230;
  --red:#c52b2f;
  --paper:#f4e4bd;
  --muted:#c8b98f;
  --line:rgba(242,194,48,.64);
  --hard-shadow:5px 5px 0 #090805,0 0 18px rgba(197,43,47,.24);
  --neon-green:0 0 4px #f2c230,0 0 13px rgba(242,194,48,.5);
}
html{background:#090805}
body{
  color:#f7e8c4;
  background-color:#090805;
  background-image:
    radial-gradient(circle at 13% 18%,rgba(242,194,48,.24) 0 1px,transparent 1.8px),
    radial-gradient(circle at 84% 16%,rgba(197,43,47,.26) 0 1px,transparent 1.8px),
    linear-gradient(135deg,rgba(17,132,71,.07) 25%,transparent 25%) -14px 0/28px 28px,
    linear-gradient(225deg,rgba(197,43,47,.065) 25%,transparent 25%) -14px 0/28px 28px,
    linear-gradient(315deg,rgba(242,194,48,.045) 25%,transparent 25%) 0 0/28px 28px,
    linear-gradient(45deg,rgba(242,194,48,.045) 25%,#090805 25%) 0 0/28px 28px;
}
body::before{
  opacity:.13;
  background:
    repeating-linear-gradient(to bottom,rgba(255,244,210,.22) 0,rgba(255,244,210,.22) 1px,transparent 1px,transparent 4px);
}
body::after{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.78) 100%)}

/* Papel picado superior */
.topbar{
  color:#190e09;
  border-bottom:2px solid #111;
  background:
    linear-gradient(135deg,transparent 12px,#f4e4bd 0) left top/36px 100% repeat-x,
    repeating-linear-gradient(90deg,#118447 0 72px,#f4e4bd 72px 144px,#c52b2f 144px 216px);
  box-shadow:0 2px 0 #090805,0 0 16px rgba(242,194,48,.34);
}
.topbar-tag{color:#f4e4bd;border-color:#090805;background:#c52b2f;box-shadow:2px 2px 0 #090805}
.topbar-clock{color:#f4e4bd;border-color:#f2c230;background:#118447;text-shadow:none}
.topbar::after{background:repeating-linear-gradient(90deg,#118447 0 22px,#f4e4bd 22px 44px,#c52b2f 44px 66px);opacity:1}

.sponsor-rail{
  border-color:#f2c230;
  background:
    repeating-linear-gradient(45deg,rgba(17,132,71,.12) 0 8px,transparent 8px 16px),
    #0e0b07;
}
.sponsor-rail-left{box-shadow:inset -1px 0 #c52b2f,3px 0 14px rgba(0,0,0,.5)}
.sponsor-rail-right{box-shadow:inset 1px 0 #118447,-3px 0 14px rgba(0,0,0,.5)}
.sponsor-rail::before{color:#f2c230;border-color:#f2c230;content:"AMIGXS / RED"}
.sponsor-item{color:#f2c230;border-color:#f2c230;outline-color:#c52b2f;background:#100d09}
.sponsor-item:hover,.sponsor-item:focus-visible{color:#0c0a06;background:#f2c230;box-shadow:0 0 15px rgba(242,194,48,.7)}

.hero{
  border-color:#f2c230;outline-color:#c52b2f;
  background:
    radial-gradient(circle at 88% 15%,rgba(242,194,48,.22) 0 65px,transparent 66px),
    linear-gradient(90deg,transparent 49.6%,rgba(244,228,189,.08) 50%,transparent 50.4%),
    linear-gradient(0deg,transparent 49.6%,rgba(244,228,189,.07) 50%,transparent 50.4%),
    linear-gradient(145deg,rgba(17,132,71,.2),transparent 38%),
    linear-gradient(315deg,rgba(197,43,47,.22),transparent 40%),
    #151009;
  box-shadow:0 0 0 5px #090805,0 0 28px rgba(197,43,47,.28);
}
.hero::before,.hero::after{background:repeating-linear-gradient(-45deg,#118447 0 11px,#f4e4bd 11px 22px,#c52b2f 22px 33px);box-shadow:0 0 10px rgba(242,194,48,.45)}
.hero-hazard{border-color:rgba(242,194,48,.62)}
.hero-grid{background:#f2c230;box-shadow:0 0 12px rgba(242,194,48,.7)}
.hero-status{color:#f2c230;text-shadow:none}.status-dot{background:#118447;box-shadow:0 0 10px #118447}
.hero-eyebrow{color:#ee4772;text-shadow:none}
.hero-title{color:#f4e4bd;text-shadow:3px 0 #118447,6px 3px #c52b2f,0 0 10px rgba(242,194,48,.32)}
.glitch::before{color:#c52b2f}.glitch::after{color:#118447}
.hero-domain{color:#f2c230;text-shadow:none}.hero-domain span{color:#ee4772}.hero-tagline{color:#eadbb8}

.mainmenu{border-color:#f2c230;background:rgba(12,9,6,.88);box-shadow:inset 0 0 0 2px #7d241f,0 3px 0 #050403}
.mainmenu-label{color:#f2c230;text-shadow:none}
.nav-link{
  color:#140f09;border-color:#090805;outline-color:#f4e4bd;
  border-radius:2px;
  background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 46%),#f2c230;
  box-shadow:3px 3px 0 #090805,0 0 7px rgba(242,194,48,.25);
}
.nav-link:nth-child(3n+1){background-color:#118447;color:#fff4d6}.nav-link:nth-child(3n+2){background-color:#f4e4bd}.nav-link:nth-child(3n){background-color:#c52b2f;color:#fff4d6}
.nav-link:hover,.nav-link:focus-visible,.nav-link.active{color:#0a0805;outline-color:#f4e4bd;background:#f2c230;box-shadow:3px 3px 0 #118447,6px 6px 0 #c52b2f;transform:translate(-1px,-1px) rotate(-1deg)}

.marquee-strip{border-color:#090805;background:#c52b2f;color:#fff1d0;box-shadow:0 3px 0 #118447}
.block,.marca-block,.envivo-card,.team-card,.link-item,.event-card,.radio-card,.club-login,.club-chat,.profile-shell{
  border-color:#f2c230!important;
  background-color:rgba(27,19,12,.94)!important;
  box-shadow:5px 5px 0 #080604!important;
}
.block::before,.marca-block::before{border-color:#118447!important}
.block-title,.marca-block h3{color:#f4e4bd!important;text-shadow:2px 2px 0 #c52b2f!important}
.block-kicker,.section-index{color:#f2c230!important}
.block-quote{border-left-color:#c52b2f!important;background:rgba(197,43,47,.09)!important}
.about-us-tags span,.team-role,.profile-chip{border-color:#118447!important;background:#10291d!important;color:#f4e4bd!important}

/* Tarjetas de tienda, team y eventos como carteles impresos */
.product-card,.team-card,.event-card,.visual-card,.radio-card{
  position:relative;overflow:hidden;
  border:2px solid #f2c230!important;
}
.product-card::after,.team-card::after,.event-card::after{
  position:absolute;right:-28px;top:11px;content:"FTBZ MX";padding:4px 34px;
  transform:rotate(15deg);background:#c52b2f;color:#fff4d6;font:900 8px/1 var(--mono);letter-spacing:.12em;pointer-events:none;
}
.product-card button,.product-card a,.team-card a,.event-card a,.about-btn,.loading-skip,.tv-sound-btn,.club-login button,.club-compose button{
  border-color:#090805!important;background:#f2c230!important;color:#100c07!important;box-shadow:3px 3px 0 #090805!important;
}
.product-card button:hover,.product-card a:hover,.team-card a:hover,.event-card a:hover,.about-btn:hover{background:#118447!important;color:#fff!important}

/* Galería y ventanas */
.media-window,.visual-card{border-color:#f2c230!important;box-shadow:5px 5px 0 #c52b2f!important}
.media-window-bar{background:#118447!important;color:#fff4d6!important;border-bottom-color:#f2c230!important}
.corner-gif{filter:drop-shadow(3px 3px 0 rgba(0,0,0,.7)) saturate(.95)}

/* Player y señal */
.tv-frame,.live-embed-wrap,.radio-mini-player{border-color:#f2c230!important;box-shadow:4px 4px 0 #118447!important}
.tv-ticker{background:#c52b2f!important;color:#fff4d6!important}
.radio-mini-player{background:#17100a!important;color:#f4e4bd!important}

/* Club */
.club-root{border-color:#c52b2f!important}
.club-note{color:#f2c230!important}.club-status{border-bottom-color:#118447!important}.club-file-label{border-color:#f2c230!important;color:#f2c230!important}

/* Modal / loader */
.loading-screen{background:radial-gradient(circle at 50% 40%,rgba(17,132,71,.24),transparent 32rem),#090805!important}
.loading-card,.transfer-card,.about-modal-card{border-color:#f2c230!important;outline-color:#c52b2f!important;background:#17100a!important;box-shadow:8px 8px 0 #090805!important}
.loading-code,.about-modal-title{color:#f2c230!important}.transfer-progress::after{background:linear-gradient(90deg,#118447,#f4e4bd,#c52b2f)!important}

.footer,.site-footer{border-top-color:#f2c230!important;background:#0c0906!important}
::selection{background:#f2c230;color:#090805}

/* sello mexicano discreto */
.hero-inner::after{
  content:"MÉXICO / CDMX / INTERNET";display:inline-block;margin-top:10px;padding:4px 8px;
  border:1px solid #f2c230;color:#f2c230;background:#0d0a06;font:900 8px/1 var(--mono);letter-spacing:.15em;transform:rotate(-1deg);
}

@media(max-width:900px){
  .hero-inner::after{font-size:7px}
  .nav-link{border-radius:2px}
}
@media(prefers-reduced-motion:reduce){.nav-link:hover,.nav-link:focus-visible,.nav-link.active{transform:none}}

/* =========================================================
   V7.1 — AMBIENTACIÓN TOTAL MÉXICO / CDMX
   La identidad mexicana atraviesa toda la interfaz.
   ========================================================= */
:root{
  --mx-verde:#0b7a45;
  --mx-rojo:#c4272f;
  --mx-crema:#f5e7c6;
  --mx-maiz:#f2bd2e;
  --mx-rosa:#e83e79;
  --mx-azul:#147a9f;
  --mx-negro:#100b08;
  --mx-cafe:#382114;
}

/* Capa de pared/calle: concreto, carteles y tinta impresa */
body{
  background-color:#100b08!important;
  background-image:
    linear-gradient(rgba(8,5,3,.52),rgba(8,5,3,.52)),
    radial-gradient(circle at 18% 24%,rgba(232,62,121,.22) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 64%,rgba(242,189,46,.16) 0 2px,transparent 3px),
    repeating-linear-gradient(0deg,rgba(245,231,198,.028) 0 1px,transparent 1px 5px),
    repeating-linear-gradient(90deg,rgba(196,39,47,.025) 0 1px,transparent 1px 8px),
    linear-gradient(135deg,#130d09 0%,#26170f 47%,#0d1710 100%)!important;
}
#site-backdrop{
  opacity:.18!important;
  filter:sepia(.35) saturate(.9) contrast(1.05)!important;
}

/* Papel picado real a lo largo de la parte superior */
.papel-picado{position:fixed;z-index:900;top:27px;left:0;right:0;height:28px;display:flex;pointer-events:none;overflow:hidden;filter:drop-shadow(0 3px 1px rgba(0,0,0,.55))}
.papel-picado i{display:block;flex:1;min-width:54px;height:24px;clip-path:polygon(0 0,100% 0,100% 72%,82% 72%,74% 100%,64% 72%,47% 72%,39% 100%,29% 72%,0 72%)}
.papel-picado i:nth-child(4n+1){background:var(--mx-verde)}
.papel-picado i:nth-child(4n+2){background:var(--mx-rosa)}
.papel-picado i:nth-child(4n+3){background:var(--mx-maiz)}
.papel-picado i:nth-child(4n){background:var(--mx-rojo)}

/* Calcas callejeras alrededor del viewport */
.mex-street-layer{position:fixed;inset:0;z-index:40;pointer-events:none;overflow:hidden}
.mex-sticker{position:absolute;padding:5px 8px;border:2px solid #0a0705;background:var(--mx-crema);color:#140d08;font:1000 9px/1 var(--mono);letter-spacing:.14em;box-shadow:3px 3px 0 #080503;opacity:.66;text-transform:uppercase}
.mex-sticker-lucha{left:12px;top:16%;background:var(--mx-rosa);color:white;transform:rotate(-9deg)}
.mex-sticker-cdmx{right:15px;top:27%;background:var(--mx-maiz);transform:rotate(7deg)}
.mex-sticker-barrio{left:10px;bottom:22%;background:var(--mx-verde);color:white;transform:rotate(5deg);writing-mode:vertical-rl}
.mex-sticker-ftbz{right:10px;bottom:13%;background:var(--mx-rojo);color:white;transform:rotate(-7deg)}

/* Header como rótulo pintado / arena de lucha */
.hero{position:relative;isolation:isolate;padding-top:42px!important}
.hero::after{content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;background:
  linear-gradient(155deg,transparent 0 58%,rgba(232,62,121,.08) 58% 60%,transparent 60%),
  repeating-radial-gradient(circle at 50% 0,transparent 0 17px,rgba(242,189,46,.08) 18px 19px)!important;box-shadow:none!important}
.hero-title{font-style:italic;letter-spacing:-.06em!important;text-transform:uppercase;transform:skew(-5deg);-webkit-text-stroke:1px #0a0705}
.hero-domain{display:inline-block;background:var(--mx-crema);color:#171009!important;padding:5px 9px;border:2px solid #0a0705;box-shadow:4px 4px 0 var(--mx-rojo);transform:rotate(-1deg)}
.hero-eyebrow::before{content:"★ HECHO EN MÉXICO ★  ";color:var(--mx-maiz)}
.hero-status{border:1px dashed var(--mx-maiz);padding:4px 8px;background:rgba(8,5,3,.56);width:max-content;max-width:100%;margin-inline:auto}

/* Menú como letreros de mercado/metro */
.mainmenu{background:linear-gradient(180deg,#1f130c,#0c0906)!important;border-width:3px!important}
.mainmenu::before{content:"LÍNEA FTBZ  •  TRANSBORDO DIGITAL  •  CDMX";display:block;text-align:center;background:var(--mx-verde);color:#fff7df;padding:4px 8px;border-bottom:2px solid #080604;font:1000 9px/1 var(--mono);letter-spacing:.17em}
.mainmenu-links{gap:8px!important}
.nav-link{font-weight:1000!important;text-transform:uppercase;letter-spacing:.04em!important;clip-path:polygon(0 0,96% 0,100% 16%,100% 100%,4% 100%,0 84%)}
.nav-link::before{content:"◆ ";font-size:.8em}

/* Cada página se siente como un cartel/puesto distinto */
.page{position:relative}
.page::before{position:absolute;top:6px;right:10px;z-index:2;color:rgba(245,231,198,.14);font:1000 clamp(34px,7vw,82px)/1 var(--display);letter-spacing:-.08em;pointer-events:none;transform:rotate(-3deg)}
#inicio::before{content:"BARRIO"}#canal::before{content:"SEÑAL"}#nosotros::before{content:"COLECTIVO"}#marcas::before{content:"TIANGUIS"}#team::before{content:"BANDA"}#envivo::before{content:"DIRECTO"}#sobremi::before{content:"EXPEDIENTE"}#links::before{content:"RUTAS"}#mural::before{content:"MURAL"}#eventos::before{content:"CARTELERA"}#radio::before{content:"SONIDERO"}#club::before{content:"CLUB"}

.block{position:relative;background:
  linear-gradient(90deg,rgba(11,122,69,.05),transparent 28%,rgba(196,39,47,.05)),
  repeating-linear-gradient(0deg,rgba(245,231,198,.018) 0 1px,transparent 1px 4px),#21150e!important}
.block::after{content:"MX";position:absolute;right:14px;bottom:10px;border:2px solid rgba(242,189,46,.23);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:rgba(242,189,46,.25);font:1000 12px/1 var(--mono);transform:rotate(-14deg);pointer-events:none}
.block-title{display:inline-block;padding:4px 8px;background:var(--mx-crema)!important;color:#15100b!important;text-shadow:none!important;border:2px solid #0a0705;box-shadow:5px 5px 0 var(--mx-rojo)!important;transform:rotate(-.5deg)}
.block-kicker{letter-spacing:.16em!important}
.section-index{border-left:6px solid var(--mx-verde);padding-left:8px}

/* Inicio: cartel de vecindad / puesto callejero */
.system-panel{background:repeating-linear-gradient(135deg,var(--mx-maiz) 0 13px,#171009 13px 26px)!important;color:#fff!important;border:2px solid #080604!important;text-shadow:1px 1px 0 #000}
.news-card,.news-item{border-left:5px solid var(--mx-rosa)!important;background:rgba(245,231,198,.06)!important}

/* TV = tele vieja de puesto / pirata */
.tv-unit{position:relative;border:3px solid #080604!important;outline:3px solid var(--mx-maiz);background:#2f1c10!important;box-shadow:9px 9px 0 #070503!important;padding:14px!important}
.tv-unit::before{content:"SEÑAL PIRATA / CANAL 01 / MÉXICO";display:block;background:var(--mx-rojo);color:#fff3d5;padding:5px 8px;margin:-10px -10px 12px;font:1000 9px/1 var(--mono);letter-spacing:.13em}
.tv-screen{border:7px solid #130d08!important;border-radius:12px!important;box-shadow:inset 0 0 0 2px #66513b,0 0 0 2px #060403!important}
.tv-nowplaying{color:var(--mx-maiz)!important}

/* Nosotros: gráfica de stencil y serigrafía */
.about-us-layout{background:linear-gradient(135deg,rgba(11,122,69,.08),transparent 40%,rgba(232,62,121,.07));padding:12px;border:1px dashed rgba(242,189,46,.45)}
.about-us-tags span{border-radius:0!important;transform:rotate(-1deg);box-shadow:2px 2px 0 #080604}
.about-us-tags span:nth-child(even){background:var(--mx-rojo)!important;transform:rotate(2deg)}

/* Tienda = tianguis */
#marcas .block::before{content:"TIANGUIS FTBZ • ROPA • PIEZAS • MÉXICO";display:block;background:var(--mx-maiz);color:#140d08;padding:5px 8px;margin-bottom:14px;font:1000 10px/1 var(--mono);letter-spacing:.13em;border:2px solid #090604;box-shadow:4px 4px 0 var(--mx-verde)}
.marca-block{background:linear-gradient(180deg,#2b1c12,#17100b)!important;outline:1px dashed rgba(245,231,198,.35)}
.product-card{background:var(--mx-crema)!important;color:#1c120c!important;border-color:#090604!important;transform:rotate(-.35deg)}
.product-card:nth-child(even){transform:rotate(.55deg)}
.product-card h4,.product-card p{color:#1c120c!important}
.product-card::before{content:"$ MXN";position:absolute;left:8px;top:8px;background:var(--mx-verde);color:white;padding:3px 6px;font:1000 8px/1 var(--mono);z-index:3;box-shadow:2px 2px 0 #090604}

/* TEAM = cartel de lucha */
#team .team-grid{gap:18px!important}
.team-card{background:linear-gradient(160deg,#1f150e 0 64%,var(--mx-rojo) 64% 68%,#111 68%)!important;outline:2px solid #080604;transform:rotate(-1deg)}
.team-card:nth-child(even){transform:rotate(1deg);background:linear-gradient(160deg,#1f150e 0 64%,var(--mx-verde) 64% 68%,#111 68%)!important}
.team-card::before{content:"LUCHA ESTELAR";display:block;background:var(--mx-maiz);color:#140d08;padding:4px 6px;font:1000 8px/1 var(--mono);letter-spacing:.11em;border-bottom:2px solid #080604}
.team-card img{filter:contrast(1.07) saturate(.92)}

/* Vivo = foro / señal */
.envivo-card::before{content:"● TRANSMITIENDO DESDE MÉXICO";display:block;width:max-content;max-width:100%;background:var(--mx-rojo);color:#fff;padding:5px 8px;margin-bottom:10px;font:1000 9px/1 var(--mono);letter-spacing:.12em;box-shadow:3px 3px 0 #080604}
.live-embed-wrap{background:#090604!important;padding:8px!important;outline:2px dashed var(--mx-maiz)}

/* Sobre mí = expediente / credencial gráfica */
#sobremi .block{background:linear-gradient(110deg,rgba(20,122,159,.08),transparent 42%),#21150e!important}
#sobremi .block::before{content:"ARCHIVO PERSONAL / DISTRITO FEDERAL DIGITAL";display:block;border-bottom:1px dashed var(--mx-maiz);padding-bottom:7px;margin-bottom:10px;color:var(--mx-maiz);font:900 8px/1 var(--mono);letter-spacing:.14em}

/* Links = rutas / transporte */
#links .link-item{border-left:10px solid var(--mx-verde)!important;background:#f1dfb7!important;color:#150f0a!important;box-shadow:4px 4px 0 #080604!important}
#links .link-item:nth-child(3n+2){border-left-color:var(--mx-rosa)!important}#links .link-item:nth-child(3n){border-left-color:var(--mx-maiz)!important}
#links .link-item::before{content:"●";margin-right:8px;color:var(--mx-rojo)}

/* Mural = barda pintada */
#mural .block{background:
  linear-gradient(23deg,transparent 65%,rgba(232,62,121,.09) 66% 70%,transparent 71%),
  linear-gradient(-18deg,transparent 70%,rgba(11,122,69,.12) 71% 75%,transparent 76%),#281a11!important}
.visual-card{background:#17100b!important;outline:3px solid rgba(0,0,0,.8);transform:rotate(-1deg)}
.visual-card:nth-child(even){transform:rotate(1.2deg)}
.visual-card::before{content:"FTBZ / MURAL MX";display:block;background:var(--mx-rosa);color:white;padding:3px 5px;font:900 8px/1 var(--mono)}

/* Eventos = cartelera pegada */
#eventos .event-card{background:var(--mx-crema)!important;color:#140d08!important;transform:rotate(-.6deg);border:3px solid #0a0705!important}
#eventos .event-card:nth-child(even){transform:rotate(.8deg)}
#eventos .event-card::before{content:"CARTELERA CDMX";display:block;background:var(--mx-verde);color:white;padding:4px 6px;margin:-1px -1px 8px;font:1000 8px/1 var(--mono);letter-spacing:.1em}

/* Radio = sonidero */
#radio .block::before{content:"SONIDERO FTBZ / FRECUENCIA DEL BARRIO";display:block;background:linear-gradient(90deg,var(--mx-rojo),var(--mx-rosa));color:white;padding:6px 9px;margin-bottom:12px;border:2px solid #080604;box-shadow:4px 4px 0 var(--mx-maiz);font:1000 10px/1 var(--mono);letter-spacing:.13em}
.radio-card,.radio-mini-player{background:linear-gradient(180deg,#17100b,#090604)!important;outline:2px solid rgba(242,189,46,.48)}
.radio-card::before{content:"♫ SONIDERO ♫";display:block;text-align:center;color:var(--mx-maiz);font:1000 9px/1 var(--mono);letter-spacing:.18em;margin-bottom:8px}

/* Club = salón privado / vecindad digital */
#club .block::before{content:"FTBZ.CLUB / PUERTA TRASERA DEL CANTÓN";display:block;background:var(--mx-rojo);color:#fff;padding:6px 8px;margin-bottom:12px;font:1000 9px/1 var(--mono);letter-spacing:.14em;border:2px solid #080604;box-shadow:4px 4px 0 var(--mx-verde)}
.club-login,.club-chat{outline:2px dashed rgba(245,231,198,.28)}
.club-message{border-left:4px solid var(--mx-verde)!important;background:rgba(245,231,198,.045)!important}
.club-message:nth-child(even){border-left-color:var(--mx-rosa)!important}

/* Ventanas y modales con estética de puesto de reparación / cibercafé */
.media-window{background:#20140d!important;outline:2px solid #080604}
.media-window-bar{background:linear-gradient(90deg,var(--mx-verde),#07542f)!important}
.media-window-bar::after{content:" / CDMX";opacity:.8}
.about-modal-box{background:var(--mx-crema)!important;color:#150f0a!important;border:3px solid #080604!important;box-shadow:8px 8px 0 var(--mx-rojo)!important}
.about-modal-title{color:#150f0a!important;text-shadow:none!important}

/* Loader como boleto / tarjeta de transporte underground */
.loading-window{background:#17100b!important;border:3px solid var(--mx-maiz)!important;box-shadow:9px 9px 0 #050302!important;outline:2px solid var(--mx-rojo)}
.loading-window::before{content:"MÉXICO • CDMX • FTBZ • SEÑAL INDEPENDIENTE";display:block;background:var(--mx-verde);color:white;padding:5px 8px;margin:-1px -1px 12px;font:1000 8px/1 var(--mono);letter-spacing:.13em}
.loading-title{color:var(--mx-crema)!important;text-shadow:3px 2px 0 var(--mx-rojo)}
.loading-skip{transform:rotate(-1deg)}

/* Footer como sello de imprenta */
.footer,.site-footer{position:relative;background:linear-gradient(180deg,#100b08,#070503)!important}
.footer::before,.site-footer::before{content:"HECHO EN MÉXICO • FTBZ.LOL • DEL BARRIO A LA RED";display:block;color:var(--mx-maiz);font:1000 9px/1 var(--mono);letter-spacing:.17em;margin-bottom:8px}
.stats-row{color:var(--mx-crema)!important}.stats-line{color:var(--mx-rosa)!important}

/* Inputs y controles */
input,textarea,select{border:2px solid var(--mx-maiz)!important;background:#110c08!important;color:var(--mx-crema)!important;border-radius:0!important}
button{border-radius:0!important}
:focus-visible{outline:3px solid var(--mx-rosa)!important;outline-offset:2px!important}

/* Móvil: mantener el ambiente sin estorbar */
@media(max-width:900px){
  .papel-picado{top:25px;height:20px}.papel-picado i{min-width:38px;height:18px}
  .mex-sticker{opacity:.35;font-size:7px}.mex-sticker-barrio{display:none}
  .hero{padding-top:30px!important}.mainmenu::before{font-size:7px;letter-spacing:.1em}
  .page::before{font-size:36px;top:8px;right:6px}
  .block-title{box-shadow:3px 3px 0 var(--mx-rojo)!important}
}