@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Mono:wght@400;700&display=swap');

:root {
    --negro:  #000000;
    --blanco: #ffffff;
    --rojo:   #CC0000;
    --verde:  #00ff41;
    --gris:   #f0f0f0;
    --gris2:  #111111;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; }

body {
    background: var(--gris);
    color: var(--negro);
    font-family: 'Space Mono', 'Courier New', monospace;
    display: flex;
    justify-content: center;
    padding: 0 0 40px;
    min-height: 100vh;
}

.container {
    width: 100%;
    max-width: 480px;
    background: var(--blanco);
    border-left: 2px solid var(--negro);
    border-right: 2px solid var(--negro);
}

/* ── NAVEGACIÓN ── */
.nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 3px solid var(--negro);
    position: sticky;
    top: 0;
    background: var(--blanco);
    z-index: 100;
}
.nav-logo { height: 36px; display: block; }
.nav-links { display: flex; gap: 12px; }
.nav-links a {
    font-size: 9px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: underline;
    color: var(--negro);
    cursor: pointer;
}

/* ── SECCIONES ── */
.sec { padding: 20px 16px; border-bottom: 2px solid var(--negro); }
.sec:last-child { border-bottom: none; }

/* ── HERO ── */
.hero-pregunta {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: clamp(46px, 13vw, 58px);
    line-height: 0.95;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.hero-pregunta .rojo { color: var(--rojo); }
.hero-sub {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #555;
    border-left: 3px solid var(--rojo);
    padding-left: 10px;
}

/* ── STATS ── */
.stats {
    background: var(--negro);
    display: flex;
    border-bottom: 2px solid var(--negro);
}
.stat-item {
    flex: 1;
    padding: 14px 8px;
    text-align: center;
    border-right: 1px solid #333;
}
.stat-item:last-child { border-right: none; }
.stat-num {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 32px;
    color: var(--blanco);
    line-height: 1;
    display: block;
}
.stat-num.rojo { color: var(--rojo); }
.stat-lbl {
    font-size: 9px;
    letter-spacing: 2px;
    color: #888;
    text-transform: uppercase;
    display: block;
    margin-top: 3px;
}
.stat-sub {
    font-size: 8px;
    letter-spacing: 1px;
    color: #555;
    text-transform: uppercase;
    display: block;
}

/* ── FOTO PREMIO ── */
.premio-franja {
    position: relative;
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-bottom: 2px solid var(--negro);
}
.premio-franja img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center 25%;
}
.premio-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: rgba(0,0,0,0.85);
    padding: 10px 16px;
    z-index: 2;
}
.premio-nombre {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 18px;
    color: var(--blanco);
    letter-spacing: 1px;
    display: block;
    margin-bottom: 4px;
}
.badge-nueva {
    display: inline-block;
    color: #fff;
    font-size: 9px;
    padding: 3px 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
}

/* ── BARRA PARTICIPACIONES ── */
.barra-lbl {
    font-size: 9px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #555;
    margin-bottom: 8px;
    display: block;
}
.barra-wrap {
    width: 100%;
    height: 36px;
    background: #ccc;
    border: 2px solid var(--negro);
    position: relative;
}
.barra-fill {
    height: 100%;
    background: rgba(0,0,0,0.88);
    transition: width .6s ease, background .4s;
    display: flex;
    align-items: center;
    padding-left: 12px;
    font-size: 12px;
    font-weight: 700;
    color: var(--blanco);
    white-space: nowrap;
    min-width: 100px;
}

/* ── CRONÓMETRO ── */
.crono-zone {
    background: var(--gris);
    border: 2px solid var(--negro);
    padding: 16px;
}
.crono-lbl {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 16px;
    color: var(--negro);
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}
.crono-meta {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 17px;
    color: var(--rojo);
    margin-bottom: 12px;
    letter-spacing: 1px;
}
.crono-meta span { color: var(--negro); font-size: 13px; }
#display {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: clamp(56px, 16vw, 72px);
    text-align: center;
    letter-spacing: 4px;
    padding: 12px 8px;
    border: 2px solid var(--negro);
    margin-bottom: 10px;
    cursor: pointer;
    background: var(--blanco);
    transition: background .15s, color .15s;
}
#display.display-idle   { color: #ccc; }
#display.display-activo { background: var(--negro); color: var(--verde); }
#display.display-done   { color: var(--negro); }

.input-group { display: flex; flex-direction: column; gap: 8px; margin-bottom: 0; }
input[type="text"] {
    width: 100%;
    padding: 14px 12px;
    border: 2px solid var(--negro);
    font-family: inherit;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    background: var(--blanco);
    outline: none;
}
input[type="text"]:focus { border-color: var(--rojo); }
input[type="text"]:disabled { background: #eee; color: #aaa; }

#mainBtn {
    width: 100%;
    background: var(--negro);
    color: var(--blanco);
    border: none;
    padding: 16px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background .2s;
    min-height: 56px;
}
#mainBtn.btn-stop { background: var(--rojo); }
#mainBtn.btn-disabled { background: #555; cursor: not-allowed; }

.estado-msg {
    font-size: 11px;
    min-height: 1.4em;
    padding: 8px 0 0;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.estado-error  { color: var(--rojo); }
.estado-ok     { color: #007a00; }
.estado-activo { color: var(--negro); font-weight: 700; }
.estado-info   { color: #555; }

/* ── RESULTADO ── */
.resultado-box {
    background: var(--negro);
    border: 2px solid var(--blanco);
    padding: 20px;
    margin-top: 12px;
    display: none;
}
.resultado-box.visible { display: block; }
.res-display {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 64px;
    color: var(--verde);
    text-align: center;
    letter-spacing: 4px;
    border: 2px solid #333;
    padding: 10px;
    margin-bottom: 16px;
    background: #0a0a0a;
}
.res-dato {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #222;
}
.res-dato:last-of-type { border-bottom: none; }
.res-label {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 16px;
    color: #666;
    letter-spacing: 2px;
    width: 120px;
    flex-shrink: 0;
}
.res-valor {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 20px;
    color: var(--blanco);
    letter-spacing: 1px;
}
.res-valor.verde { color: var(--verde); }
.res-valor.rojo  { color: var(--rojo); }

/* BARRA DESTREZA */
.destreza-barra-bg { background: #222; height: 8px; width: 100%; margin: 6px 0 16px; }
.destreza-barra-fill { background: var(--verde); height: 8px; transition: width 1s ease; }

/* ── COMPARTIR ── */
.share-box {
    background: #111;
    border-top: 3px solid var(--rojo);
    padding: 16px;
    margin-top: 0;
    display: none;
}
.share-box.visible { display: block; }
.share-title {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 20px;
    color: var(--blanco);
    margin-bottom: 12px;
    letter-spacing: 1px;
}
.share-fecha {
    font-size: 11px;
    color: #888;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 700;
}
.share-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.share-btn {
    flex: 1;
    min-width: 80px;
    padding: 10px 8px;
    border: 2px solid var(--negro);
    font-family: inherit;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 1px;
    text-align: center;
    display: block;
}
.share-wa  { background: #25D366; color: #fff; border-color: #128C7E; }
.share-fb  { background: #1877F2; color: #fff; border-color: #0d5fcc; }
.share-tw  { background: #000; color: #fff; border-color: #333; }
.share-copy { background: var(--blanco); color: var(--negro); border-color: var(--negro); }

/* ── POPUP ── */
.popup-wrap { display: none; background: rgba(0,0,0,0.6); }
.popup-wrap.active { display: block; }
.popup {
    background: var(--negro);
    border: 3px solid var(--rojo);
    margin: 12px;
    padding: 24px;
}
.popup-title {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 30px;
    color: var(--blanco);
    line-height: 1.0;
    margin-bottom: 16px;
}
.popup-title span { color: var(--rojo); }
.popup-body {
    font-size: 12px;
    color: #aaa;
    line-height: 1.9;
    margin-bottom: 20px;
    border-left: 2px solid #333;
    padding-left: 12px;
}
.popup-body strong { color: var(--blanco); }
.popup-comprar {
    display: block;
    background: var(--rojo);
    color: var(--blanco);
    padding: 16px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-decoration: none;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-cerrar {
    display: block;
    color: #555;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid #333;
}

/* ── COUNTDOWN ── */
.countdown {
    background: var(--negro);
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--negro);
}
.cd-titulo {
    font-size: 11px;
    color: #aaa;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
}
.cd-num {
    font-family: 'Space Mono', 'Courier New', monospace;
    font-size: 18px;
    font-weight: 700;
    color: var(--verde);
    letter-spacing: 2px;
}

/* ── BTN COMPRAR ── */
.btn-comprar {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--rojo);
    color: var(--blanco);
    border: none;
    padding: 18px 16px;
    text-align: center;
    font-family: inherit;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 56px;
    border-bottom: 2px solid var(--negro);
}

/* ── SECCIÓN COLAPSABLE ── */
.sec-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.sec-title {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 3px solid var(--negro);
    padding-bottom: 3px;
}
.sec-toggle { font-size: 12px; color: var(--rojo); font-weight: 700; }
.sec-content { margin-top: 12px; display: none; }
.sec-content.open { display: block; }

/* ── TOP 10 ── */
.top-row {
    display: flex;
    justify-content: space-between;
    padding: 6px 4px;
    border-bottom: 1px solid #eee;
    font-size: 12px;
}
.top-row.gold { background: var(--verde); font-weight: 700; }
.top-nota {
    font-size: 10px;
    color: #888;
    margin-top: 10px;
    border-left: 2px solid #ccc;
    padding-left: 8px;
    line-height: 1.7;
}

/* ── FAQ ── */
.faq-item { border-bottom: 1px solid var(--negro); padding: 10px 0; cursor: pointer; }
.faq-item:last-child { border-bottom: none; }
.faq-q { display: flex; justify-content: space-between; font-size: 12px; font-weight: 700; gap: 8px; }
.faq-arrow { color: var(--rojo); font-weight: 900; flex-shrink: 0; }
.faq-a {
    font-size: 11px;
    color: #555;
    line-height: 1.8;
    padding-top: 8px;
    display: none;
    border-left: 2px solid var(--rojo);
    padding-left: 10px;
    margin-top: 6px;
}
.faq-a.open { display: block; }

/* ── REMATE ── */
.remate {
    background: var(--negro);
    padding: 24px 16px;
    border-top: 3px solid var(--rojo);
}
.remate-line {
    font-family: 'Space Mono', 'Courier New', monospace;
    font-size: 13px;
    font-weight: 700;
    color: var(--blanco);
    line-height: 1.7;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.remate-line .verde { color: var(--verde); }
.remate-line .rojo  { color: var(--rojo); }
.remate-sub {
    display: block;
    background: var(--blanco);
    color: var(--negro);
    padding: 14px;
    text-align: center;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-top: 16px;
}

/* ── ORIGEN ── */
.origen-foto {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--negro);
    float: left;
    margin: 0 16px 8px 0;
}
.origen-nombre {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
.origen-cargo {
    font-size: 10px;
    color: #555;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.origen-texto {
    font-size: 12px;
    line-height: 1.9;
    color: #333;
    clear: both;
}
.origen-firma {
    font-size: 11px;
    color: #555;
    letter-spacing: 1px;
    margin-top: 12px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    font-style: italic;
}

/* ── TÉRMINOS ── */
.terminos-content {
    font-size: 11px;
    line-height: 1.8;
    color: #444;
}
.terminos-content strong {
    font-size: 11px;
    color: var(--negro);
    display: block;
    margin-top: 12px;
    margin-bottom: 2px;
    letter-spacing: 1px;
}

/* ── FOOTER ── */
.footer {
    background: var(--negro);
    color: #888;
    padding: 20px 16px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    line-height: 2;
}
.footer span { color: var(--rojo); }
.footer .tagline {
    font-size: 10px;
    color: #555;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 4px;
}
.cierre-aviso {
    font-size: 10px;
    text-align: center;
    color: #555;
    padding: 8px 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* ── 2 INTENTOS EN STATS ── */
.stat-intentos {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 16px;
    color: var(--rojo);
    letter-spacing: 2px;
    display: block;
    margin-top: 2px;
}

/* ── REMATE FINAL ── */
.remate-final {
    background: var(--negro);
    padding: 20px 16px;
    text-align: center;
    font-family: 'Space Mono', 'Courier New', monospace;
    font-size: 13px;
    font-weight: 700;
    color: var(--verde);
    letter-spacing: 3px;
    text-transform: uppercase;
    border-top: 3px solid var(--verde);
}

/* ── CERRAR botón más visible ── */
.popup-cerrar {
    display: block;
    color: #fff !important;
    padding: 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    cursor: pointer;
    border: 2px solid #444;
    margin-top: 4px;
    font-family: 'Space Mono', 'Courier New', monospace;
}

/* ── SHARE CORNER ── */
.share-corner {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    background: var(--negro);
    border: 2px solid var(--negro);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    color: var(--blanco);
}
.share-corner svg { width: 18px; height: 18px; }
.share-corner:hover { background: var(--rojo); border-color: var(--rojo); }

.share-dropdown {
    display: none;
    position: absolute;
    top: 52px;
    right: 12px;
    background: var(--negro);
    border: 2px solid #333;
    z-index: 50;
    min-width: 180px;
    flex-direction: column;
}
.share-dropdown.open { display: flex; }
.share-drop-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--blanco);
    background: transparent;
    border: none;
    border-bottom: 1px solid #222;
    cursor: pointer;
    text-align: left;
    width: 100%;
}
.share-drop-btn:last-child { border-bottom: none; }
.share-drop-btn:hover { background: #111; }
.share-drop-wa:hover { background: #128C7E; }
.share-drop-fb:hover { background: #1877F2; }
.share-drop-ig:hover { background: #C13584; }

/* ── SHARE DROPDOWN ICONOS SOLO ── */
.share-dropdown {
    display: none !important;
    position: absolute;
    top: 52px;
    right: 12px;
    background: var(--negro);
    border: 2px solid #333;
    z-index: 50;
    flex-direction: row !important;
    padding: 6px;
    gap: 4px;
}
.share-dropdown.open { display: flex !important; }
.share-drop-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #222;
    border: none;
    cursor: pointer;
    border-radius: 0;
    padding: 0;
    text-decoration: none;
    transition: background .2s;
}
.share-drop-btn svg { width: 22px; height: 22px; }
.share-drop-wa:hover  { background: #128C7E; }
.share-drop-fb:hover  { background: #1877F2; }
.share-drop-tw:hover  { background: #333; }
.share-drop-copy:hover { background: #444; }

/* ── 3 PASOS ── */
.pasos-wrap {
    display: flex;
    background: #000;
    border-bottom: 2px solid #000;
    margin: -14px -14px 14px;
}
.paso-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 6px;
    border-right: 1px solid #222;
    gap: 4px;
}
.paso-item:last-child { border-right: none; }
.paso-num {
    font-size: 9px;
    color: #555;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.paso-icono {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 22px;
    color: #00ff41;
    line-height: 1;
}
.paso-txt {
    font-size: 9px;
    color: #aaa;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.5;
}

/* ── OBJETIVO BAR ── */
.objetivo-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8f8f8;
    border: 2px solid #000;
    padding: 12px 14px;
    margin-bottom: 12px;
    gap: 8px;
}
.obj-label {
    font-size: 9px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #555;
    font-weight: 700;
    display: block;
    margin-bottom: 2px;
}
.obj-num-wrap { display: flex; align-items: baseline; gap: 6px; }
.obj-num {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 48px;
    color: #CC0000;
    line-height: 1;
    letter-spacing: 2px;
}
.obj-unit {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 16px;
    color: #000;
    padding-bottom: 4px;
}
.obj-gana {
    font-size: 10px;
    color: #555;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: right;
    line-height: 1.7;
    flex-shrink: 0;
}
.obj-gana strong {
    color: #000;
    display: block;
    font-size: 11px;
}

/* ── STATS ACTUALIZADOS ── */
.stat-num.verde { color: #00ff41; }
.stat-lbl.verde { color: #00ff41; }
.stat-intentos {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 18px;
    color: #00ff41;
    letter-spacing: 2px;
    display: block;
    margin-top: 2px;
}

/* ── PASOS TEXTO ESTILO BARRA ── */
.paso-num {
    font-family: 'Space Mono', 'Courier New', monospace !important;
    font-size: 9px !important;
    color: #555 !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
}
.paso-txt {
    font-family: 'Space Mono', 'Courier New', monospace !important;
    font-size: 9px !important;
    color: #aaa !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* ── STATS LABELS ESTILO BARRA ── */
.stat-lbl {
    font-family: 'Space Mono', 'Courier New', monospace !important;
    font-size: 9px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #888 !important;
    display: block;
}
.stat-lbl.verde { color: #00ff41 !important; }

/* ── SHARE CORNER sin position absolute ── */
.objetivo-bar { position: relative; }

/* ── PASOS TEXTO ACTUALIZADO ── */
.paso-num {
    font-family: 'Space Mono', 'Courier New', monospace !important;
    font-size: 11px !important;
    color: #fff !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
}
.paso-txt {
    font-family: 'Space Mono', 'Courier New', monospace !important;
    font-size: 11px !important;
    color: #fff !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-align: center !important;
}

/* ── STAT LABELS BLANCOS Y MÁS GRANDES ── */
.stat-lbl {
    font-family: 'Space Mono', 'Courier New', monospace !important;
    font-size: 11px !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    display: block !important;
}
.stat-lbl.verde { color: #00ff41 !important; }

/* ── BARRA BOLETOS — gris claro con texto negro ── */
.barra-fill {
    height: 100%;
    background: #e0e0e0 !important;
    transition: width .6s ease, background .4s;
    display: flex;
    align-items: center;
    padding-left: 12px;
    font-size: 12px;
    font-weight: 700;
    color: #000 !important;
    white-space: nowrap;
    min-width: 100px;
}

/* ── PREMIO OVERLAY — más delgado ── */
.premio-overlay {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    background: rgba(0,0,0,0.75);
    padding: 6px 12px;
    z-index: 2;
}
.premio-nombre {
    font-family: 'Bebas Neue', Impact, sans-serif;
    font-size: 15px;
    color: var(--blanco);
    letter-spacing: 1px;
    display: block;
}

/* ── STAT LABEL BLANCO ── */
.stat-lbl {
    color: #fff !important;
}