/* Tarjetas de descargas (cliente de Windows offline y app): las comparten descargas.html y su ventana en el juego
   (splash.ts initLegalPopup + descargas.js). Todo con prefijo dl- para no chocar con las clases del juego. */
.dl-root:not([data-dl-lang='es']) [data-lang='es'], .dl-root:not([data-dl-lang='en']) [data-lang='en'], .dl-root:not([data-dl-lang='zh-TW']) [data-lang='zh-TW'] { display: none !important; }

.dl-lead { margin: 0 0 14px; }
.dl-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.dl-opt { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: 12px; background: #fff; border: 1px solid #d3dbef; box-shadow: 0 2px 10px rgba(36, 65, 142, 0.08); }
/* fuera de Windows, la app primero (el instalador no sirve en un móvil o un Mac) */
.dl-not-windows .dl-app { order: -1; }
.dl-head { display: flex; align-items: center; gap: 12px; }
.dl-icon { flex: none; width: 52px; height: 52px; border-radius: 12px; display: grid; place-items: center; overflow: hidden; background: #eaeff9; border: 1px solid #d3dbef; color: #3a5bb4; }
.dl-icon img { width: 100%; height: 100%; }
.dl-opt h2 { margin: 0; font-size: 18px; font-weight: 900; color: #24418e; line-height: 1.2; }
.dl-opt h2 small { display: block; font-size: 13px; font-weight: 800; color: #6c7896; }
.dl-opt ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 5px; flex: 1; }
.dl-opt li { position: relative; margin: 0; padding-left: 22px; font-size: 14px; line-height: 1.45; }
.dl-opt li::before { content: ''; position: absolute; left: 4px; top: 7px; width: 9px; height: 9px; border-radius: 50%; background: #6f8fd8; }
.dl-opt li.dl-no { color: #6c7896; }
.dl-opt li.dl-no::before { background: #c7cfe3; }

.dl-btn { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; column-gap: 8px; row-gap: 0; min-height: 48px; padding: 10px 18px; border: 0; border-radius: 12px; cursor: pointer; text-align: center; text-decoration: none; font: inherit; font-size: 17px; font-weight: 900; color: #fff; background: linear-gradient(180deg, #8eaaf0, #3a5bb4); box-shadow: 0 3px 0 #2f4a8a; }
.dl-btn:hover { filter: brightness(1.06); }
.dl-btn:active { transform: translateY(2px); box-shadow: 0 1px 0 #2f4a8a; }
.dl-btn span, .dl-btn small { white-space: nowrap; }
.dl-btn small { font-size: 13px; font-weight: 800; opacity: 0.9; }
.dl-btn[aria-disabled='true'], .dl-btn:disabled { cursor: default; filter: grayscale(0.6); opacity: 0.6; transform: none; box-shadow: 0 3px 0 #6b7ba8; }
.dl-btn.dl-done { background: linear-gradient(180deg, #7fd1a0, #2f9a5b); box-shadow: 0 3px 0 #23744a; cursor: default; filter: none; opacity: 1; }
.dl-meta { margin: 0; text-align: center; font-size: 13px; color: #6c7896; }
.dl-meta:empty { display: none; }
.dl-note { margin: 0; padding: 8px 12px; border-radius: 10px; background: #eaeff9; border: 1px solid #d3dbef; font-size: 13px; line-height: 1.45; }
.dl-note b { color: #24418e; }
.dl-hidden { display: none !important; }
.dl-foot { margin: 16px 0 0; font-size: 13px; color: #6c7896; }

@media (max-width: 680px) { .dl-options { grid-template-columns: 1fr; } }