@charset "utf-8";
/*
Theme Name: JazzPandaAPP
Theme URI: https://jazzpandaapp.com/
Author: JazzPandaAPP
Author URI: https://jazzpandaapp.com/
Description: Mobile-first WordPress theme for Android app and game download libraries.
Version: 1.0
Release Date: 2026-06-18
Text Domain: jazzpandaapp
*/

:root {
  --gold: #f5c518;
  --gold-dark: #c9900a;
  --gold-dim: #7a5808;
  --bg-base: #0d0800;
  --bg-deep: #060400;
  --bg-card: #130f00;
  --bg-card-2: #1a1300;
  --bg-nav: #0a0700;
  --border: #2d2000;
  --border-hi: #c9900a;
  --text-main: #f0e8cc;
  --text-soft: #cdbb7b;
  --text-muted: #8a7040;
  --text-dim: #4a3a18;
  --green-bg: #0a1a04;
  --green-txt: #78ca31;
  --green-brd: #2a5500;
  --blue-bg: #001220;
  --blue-txt: #2aadda;
  --blue-brd: #004466;
  --danger: #fb3737;
  --shadow-gold: 0 0 40px rgba(200, 144, 10, .15);
}

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

html {
  scrollbar-width: thin;
  scrollbar-color: var(--gold-dark) transparent;
}

body {
  margin: 0;
  background: var(--bg-deep);
  color: var(--text-main);
  font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.nav_res {
  overflow-x: hidden;
}

a {
  color: var(--gold);
  text-decoration: none;
}

a:hover {
  color: #ffe37a;
}

img {
  max-width: 100%;
  height: auto;
}

ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

ul,
ol,
li {
  list-style: none;
}

button,
input,
select,
textarea {
  font: inherit;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
  color: var(--text-soft);
  font-size: 12px;
}

th,
td {
  border: 1px solid var(--border);
  padding: 9px 10px;
  text-align: left;
}

th {
  background: #1a1200;
  color: var(--gold);
}

td {
  background: rgba(255, 255, 255, .02);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: var(--gold-dark);
}

::-webkit-scrollbar-track {
  background: transparent;
}

.jpa-shell {
  max-width: 620px;
  min-height: 100vh;
  margin: 0 auto;
  background: var(--bg-base);
  box-shadow: var(--shadow-gold);
}

.jpa-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 18px;
  background: linear-gradient(135deg, #1a1000 0%, #2a1c00 50%, #1a1000 100%);
  border-bottom: 2px solid var(--gold-dark);
}

.jpa-brand {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 10px;
  color: inherit;
}

.jpa-logo {
  width: 46px;
  height: 46px;
  border: 1.5px solid var(--gold-dark);
  border-radius: 12px;
  overflow: hidden;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
  color: var(--bg-base);
  font-weight: 800;
}

.jpa-logo img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.jpa-logo-fallback {
  font-size: 16px;
  letter-spacing: 0;
}

.jpa-site-title {
  color: var(--gold);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.15;
  text-shadow: 0 0 12px rgba(245, 197, 24, .3);
  white-space: nowrap;
}

.jpa-site-sub {
  color: var(--gold-dim);
  font-size: 10px;
  margin-top: 3px;
  white-space: nowrap;
}

.jpa-nav {
  display: flex;
  justify-content: space-around;
  gap: 2px;
  padding: 8px 0;
  background: var(--bg-nav);
  border-bottom: 1px solid var(--border);
}

.jpa-nav-item {
  display: flex;
  min-width: 0;
  flex: 1 1 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 6px 4px;
  border-radius: 8px;
  color: var(--text-dim);
  font-size: 10px;
  font-weight: 700;
  transition: color .2s ease, background .2s ease;
}

.jpa-nav-item i {
  font-size: 16px;
  line-height: 1;
}

.jpa-nav-item span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jpa-nav-item:hover,
.jpa-nav-item.active {
  color: var(--gold);
  background: rgba(200, 144, 10, .1);
}

.jpa-main {
  min-height: 60vh;
}

#main-site > .container,
#main-site .container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 14px;
  display: block;
  position: relative;
}

#sidebar,
.sidebar,
#subheader,
#featured_posts,
#menu-mobile {
  display: none !important;
}

.sections,
.app-p,
.app-s {
  width: 100%;
  min-width: 0;
}

.jpa-home .sections {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.main-title {
  margin: 0 0 10px;
  color: var(--gold);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 16px rgba(245, 197, 24, .25);
}

.promo-section,
.ct_description,
.app-description,
.box,
.blog-section,
.extended-section,
.widget {
  background: linear-gradient(135deg, #130f00, #1e1600);
  border: 1px solid var(--border);
  border-left: 3px solid var(--gold-dark);
  border-radius: 8px;
  color: var(--text-muted);
}

.promo-section {
  padding: 10px 12px;
  margin-bottom: 14px;
}

.promo-text {
  color: var(--text-muted);
  font-size: 11px;
  line-height: 1.65;
}

.section {
  margin: 0 0 14px;
}

.section .title-section,
.box .box-title,
.comments-title,
#reply-title,
.related-games h3 {
  margin: 0 0 12px;
  padding: 0 0 0 10px;
  border-left: 3px solid var(--gold-dark);
  color: var(--gold);
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
  text-transform: none;
}

.section .title-section {
  text-align: left;
}

.section .title-section .icop {
  margin-right: 5px;
}

.section .baps,
.rlat .baps,
.games-list {
  display: flex !important;
  flex-direction: column;
  flex-wrap: nowrap !important;
  gap: 8px;
  margin: 0;
}

.jpa-shell .section .baps .bav,
.jpa-shell .rlat .baps .bav {
  width: 100% !important;
  padding: 0 !important;
  flex: none;
}

.game-card,
.section .bav1 > a,
.section .bav2 > a,
.rlat .bav1 > a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 68px;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-card);
  color: var(--text-main);
  box-shadow: none;
  transition: border-color .2s ease, background .2s ease, transform .15s ease;
}

.game-card::before,
.section .bav1 > a::before,
.section .bav2 > a::before,
.rlat .bav1 > a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: linear-gradient(180deg, var(--gold-dark), transparent);
}

.game-card:hover,
.section .bav1 > a:hover,
.section .bav2 > a:hover,
.rlat .bav1 > a:hover {
  border-color: var(--gold-dim);
  background: var(--bg-card-2);
  transform: translateY(-1px);
}

.featured-card {
  background: linear-gradient(135deg, #1e1500, #2a1c00);
  border-color: var(--gold-dark);
}

.star-badge,
.num-badge,
.bloque-status,
.b-type {
  border-radius: 5px;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.star-badge {
  position: absolute;
  top: 7px;
  right: 8px;
  padding: 4px 6px;
  color: var(--bg-base);
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
}

.num-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  border: 1px solid var(--gold-dim);
  color: var(--gold-dim);
  background: #1a1000;
}

.game-icon-wrap,
.section .bav1 .bloque-imagen,
.section .bav2 .bloque-imagen,
.rlat .bav1 .bloque-imagen {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #1a1000;
  padding: 0;
  position: relative;
}

.game-icon-wrap .bloque-imagen {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
}

.game-icon-wrap img,
.section .bav1 .bloque-imagen img,
.section .bav2 .bloque-imagen img,
.rlat .bav1 .bloque-imagen img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.game-info,
.bap-c {
  min-width: 0;
  flex: 1 1 auto;
}

.game-name,
.section .bav1 .title,
.section .bav2 .title,
.rlat .bav1 .title {
  display: block;
  margin: 0 0 5px;
  overflow: hidden;
  color: var(--text-main);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.badge,
.version,
.developer,
.app-date {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  padding: 3px 7px;
  overflow: hidden;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bonus-badge,
.version {
  border: 1px solid var(--green-brd);
  color: var(--green-txt);
  background: var(--green-bg);
}

.withdraw-badge,
.developer,
.app-date {
  border: 1px solid var(--blue-brd);
  color: var(--blue-txt);
  background: var(--blue-bg);
}

.version .b-type,
.app-spe .b-type {
  margin-right: 4px;
  padding: 3px 5px;
  color: var(--bg-base);
  background: var(--gold);
}

.dl-btn {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 42px;
  min-width: 104px;
  padding: 8px 12px;
  border-radius: 8px;
  color: var(--bg-base);
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
  font-size: 11px;
  font-weight: 900;
  line-height: 1.12;
  text-align: center;
  transition: opacity .2s ease, transform .15s ease;
}

.dl-btn i {
  font-size: 14px;
}

.dl-btn span {
  max-width: 78px;
  overflow-wrap: anywhere;
}

.dl-btn:hover {
  color: var(--bg-base);
  opacity: .9;
  transform: scale(1.04);
}

.px-postmeta {
  color: var(--text-muted);
  font-size: 11px;
}

.box-rating {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text-muted);
}

.box-rating .rating {
  position: relative;
  display: inline-block;
  width: 75px;
  height: 15px;
  overflow: hidden;
  background-color: #3b3213;
  mask-image: url(images/star.svg);
  mask-repeat: repeat-x;
  mask-size: 15px;
  -webkit-mask-image: url(images/star.svg);
  -webkit-mask-repeat: repeat-x;
  -webkit-mask-size: 15px;
}

.box-rating .stars,
.box-rating .ratings-click .rating-click.active {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 15px;
  background: var(--gold);
}

.box-rating .ratings-click {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
}

.box-rating .ratings-click .rating-click {
  width: 15px;
  height: 15px;
}

.rating-average b {
  color: var(--gold);
}

.rating-text {
  color: var(--text-muted);
}

.app-s .box,
.app-p .box,
#comments,
#box-report {
  margin: 0 0 14px;
  padding: 14px;
}

.app-s .box::before,
.app-s .box::after {
  display: none;
}

.jpa-app-hero {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#breadcrumbs,
#breadcrumbs li {
  color: var(--text-dim);
  font-size: 11px;
}

#breadcrumbs {
  margin-bottom: 4px;
}

#breadcrumbs a {
  color: var(--gold-dim);
}

.app-header {
  text-align: center;
}

.app-icon,
.app-s .s1 .bloque-imagen {
  width: 82px;
  height: 82px;
  margin: 0 auto 12px;
  overflow: hidden;
  border: 1px solid var(--border-hi);
  border-radius: 16px;
  background: #1a1000;
  box-shadow: 0 4px 15px rgba(0, 0, 0, .35);
}

.app-icon .bloque-imagen,
.app-s .s1 .bloque-imagen {
  width: 82px;
  height: 82px;
  padding: 0;
}

.app-icon img,
.app-s .s1 .bloque-imagen img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.app-name {
  color: var(--text-main);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.25;
}

.app-version-line {
  margin-top: 5px;
  color: var(--gold-dim);
  font-size: 11px;
  font-weight: 700;
}

.app-stats,
.app-s .data-app {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  padding: 9px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #0a0700;
}

.stat-item,
.app-s .data-app span {
  min-width: 0;
  padding: 8px 5px;
  border: 1px solid #231900;
  border-radius: 8px;
  background: #130f00;
  text-align: center;
}

.stat-value,
.app-s .data-app span b {
  display: block;
  overflow: hidden;
  color: var(--gold);
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stat-label,
.app-s .data-app span {
  color: var(--text-muted);
  font-size: 10px;
  font-weight: 700;
}

.action-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.btn,
.buttond,
#comments input[type="submit"],
.br-submit,
.section a.more,
.app-s .readmore,
.app-card-button,
#dasl:not([disabled]) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  padding: 11px 14px;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  color: var(--bg-base);
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
  font-size: 13px;
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}

.btn:hover,
.buttond:hover,
#comments input[type="submit"]:hover,
.br-submit:hover,
.section a.more:hover,
.app-s .readmore:hover {
  color: var(--bg-base);
  opacity: .9;
}

.btn-secondary,
.buttond.t,
#dl-telegram {
  border: 1px solid var(--blue-brd);
  color: var(--blue-txt);
  background: var(--blue-bg);
}

.buttond.danv {
  border: 1px solid #5f120f;
  color: #ffb3a8;
  background: #280504;
}

.app-description {
  padding: 14px;
}

.app-description p,
.descripcion,
.entry,
.box-content,
.comment-content {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.app-description p + p,
.entry p + p,
.box-content p + p {
  margin-top: 10px;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.box-content h1,
.box-content h2,
.box-content h3,
.box-content h4 {
  margin: 16px 0 8px;
  color: var(--gold);
  line-height: 1.35;
}

.entry ul,
.entry ol,
.box-content ul,
.box-content ol {
  margin: 10px 0 10px 20px;
}

.entry li,
.box-content li {
  margin-bottom: 7px;
  list-style: disc;
}

.entry ol li,
.box-content ol li {
  list-style: decimal;
}

.entry blockquote {
  margin: 12px 0;
  padding: 10px 12px;
  border-left: 3px solid var(--gold-dark);
  background: #0a0700;
  color: var(--text-soft);
}

.jpa-data-card {
  margin-top: 0;
}

.box-data-app {
  margin-top: 0;
}

.app-s .data-app span {
  width: auto;
  margin: 0;
}

.link-report {
  color: var(--text-dim);
  text-align: center;
  font-size: 11px;
  cursor: pointer;
}

.meta-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
}

.meta-cats a,
.tags a,
.query-badge {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--gold-dark);
  background: #1a1200;
  font-size: 10px;
  font-weight: 800;
}

.jpa-download-panel,
.bx-download,
.bx-info-install {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: #0a0700;
}

#list-downloadlinks {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}

#list-downloadlinks li a,
.app-s .bx-download ul li a {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 42px;
  padding: 11px 14px;
  border-radius: 8px;
  color: var(--bg-base);
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
  font-weight: 900;
}

.pagination-wrap {
  margin: 12px 0 0;
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--gold-dark);
  background: #130f00;
  font-weight: 800;
}

.pagination .current,
.pagination a:hover {
  color: var(--bg-base);
  border-color: var(--gold-dark);
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
}

.bloque-blogs,
.px-columns,
.apps-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.px-col {
  width: 100%;
}

.bloque-blog,
.section.blog .bloques li,
.app-card {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg-card);
  color: var(--text-muted);
}

.bloque-blog .title,
.section.blog .bloques li a.title,
.app-card-title {
  display: block;
  margin-bottom: 6px;
  color: var(--text-main);
  font-weight: 800;
}

.bb-image,
.scim,
.app-card-image {
  display: block;
  margin-bottom: 10px;
  overflow: hidden;
  border-radius: 9px;
}

.bb-image .bloque-imagen,
.scim .bloque-imagen,
.app-card-image {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}

.bb-image img,
.scim img,
.app-card-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.no-entries {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-muted);
  background: #0a0700;
}

.jpa-footer {
  padding: 18px 14px 22px;
  border-top: 1px solid var(--border);
  background: #0a0700;
}

.jpa-footer-widgets {
  margin-bottom: 14px;
}

.jpa-footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--text-dim);
  font-size: 11px;
  text-align: center;
}

.jpa-footer-bottom .logo img {
  max-width: 46px;
  max-height: 46px;
  border-radius: 10px;
}

.jpa-footer .menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
}

.jpa-footer .menu a {
  color: var(--gold-dim);
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
  width: 100%;
  min-height: 40px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 9px 10px;
  color: var(--text-main);
  background: #0a0700;
}

textarea {
  min-height: 110px;
}

#searchBox form,
.search-form,
.wp-block-search {
  display: flex;
  gap: 8px;
}

.sb_submit[type="submit"],
.search-submit,
.wp-block-search__button {
  width: auto;
  min-width: 44px;
  border: 0;
  border-radius: 8px;
  color: var(--bg-base);
  background: linear-gradient(135deg, var(--gold-dark), var(--gold));
}

#box-report {
  position: fixed;
  z-index: 9999;
  inset: 12px;
  max-width: 420px;
  max-height: calc(100vh - 24px);
  margin: auto;
  overflow-y: auto;
  display: none;
}

#box-report.active {
  display: block;
}

.close-report {
  float: right;
  cursor: pointer;
  color: var(--gold);
}

.br-title {
  margin-bottom: 12px;
  color: var(--gold);
  font-weight: 900;
}

.lazyload {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (min-width: 520px) {
  .bloque-blogs,
  .px-columns,
  .apps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 420px) {
  .jpa-site-title {
    font-size: 13px;
  }

  .jpa-header {
    padding: 13px 14px;
  }

  .main-title {
    font-size: 16px;
  }

  .game-name,
  .section .bav1 .title,
  .section .bav2 .title {
    font-size: 12px;
  }

  .app-stats,
  .app-s .data-app {
    grid-template-columns: repeat(2, 1fr);
  }

  .dl-btn {
    min-width: 92px;
    padding: 7px 9px;
  }
}

.jpa-page-wrap,
.jpa-list-page {
  padding: 22px 0 46px;
}

.jpa-content-page,
.jpa-list-section {
  background: linear-gradient(180deg, rgba(26, 19, 0, 0.95), rgba(13, 8, 0, 0.96));
  border: 1px solid var(--border);
  box-shadow: var(--shadow-soft);
  padding: 22px;
}

.jpa-breadcrumbs {
  align-items: center;
  color: var(--text-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 8px;
  margin-bottom: 16px;
}

.jpa-breadcrumbs a {
  color: var(--gold);
}

.jpa-breadcrumbs span::before {
  color: var(--border-hi);
  content: "/";
  margin-right: 8px;
}

.jpa-page-title {
  color: var(--text-main);
  font-size: 32px;
  line-height: 1.16;
  margin: 0 0 10px;
}

.jpa-post-meta {
  color: var(--text-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 10px;
  margin-bottom: 18px;
}

.jpa-post-meta span {
  background: rgba(245, 197, 24, 0.08);
  border: 1px solid rgba(201, 144, 10, 0.25);
  color: var(--text-soft);
  padding: 6px 10px;
}

.jpa-entry {
  color: var(--text-soft);
  font-size: 16px;
  line-height: 1.72;
}

.jpa-entry h2,
.jpa-entry h3,
.jpa-entry h4 {
  color: var(--gold);
}

.jpa-entry a {
  color: var(--gold);
  text-decoration: underline;
}

.jpa-entry img {
  border: 1px solid var(--border);
  height: auto;
  max-width: 100%;
}

.jpa-list-section .ct_description {
  color: var(--text-muted);
  margin: -6px 0 18px;
}

.jpa-blog-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.jpa-download-page {
  background: linear-gradient(180deg, rgba(26, 19, 0, 0.95), rgba(13, 8, 0, 0.96));
  border: 1px solid var(--border);
  box-shadow: var(--shadow-soft);
  color: var(--text-soft);
  margin: 22px auto 44px;
  max-width: 860px;
  padding: 22px;
}

.jpa-download-page h3 {
  color: var(--text-main);
  font-size: 26px;
  margin: 0 0 18px;
  text-align: center;
}

.jpa-download-page .table {
  background: var(--bg-card-2);
  border: 1px solid var(--border);
  color: var(--text-soft);
  margin: 18px 0;
  width: 100%;
}

.jpa-download-page .table td {
  border-bottom: 1px solid var(--border);
  padding: 12px;
}

.jpa-download-page .table tr:last-child td {
  border-bottom: 0;
}

.jpa-back-button {
  margin: 0 auto 20px;
  max-width: 150px;
}

@media (max-width: 640px) {
  .jpa-content-page,
  .jpa-list-section {
    padding: 16px;
  }

  .jpa-page-title {
    font-size: 25px;
  }
}
/* JazzPandaAPP content page polish: icons, read-more, comments */
body .fa,
body .fas,
body .far,
body .fab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 1.1em !important;
  height: 1.1em !important;
  font-family: Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  vertical-align: -0.12em;
}

body .fa::before,
body .fas::before,
body .far::before,
body .fab::before {
  content: "" !important;
  display: block !important;
  width: 1em !important;
  height: 1em !important;
  background: currentColor !important;
  -webkit-mask: var(--jpa-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")) center / contain no-repeat !important;
  mask: var(--jpa-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3C/svg%3E")) center / contain no-repeat !important;
}

body .fa-home { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z'/%3E%3C/svg%3E"); }
body .fa-gamepad { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10h10a5 5 0 0 1 4.8 3.6l.7 2.8a3 3 0 0 1-5.1 2.7L15 16H9l-2.4 3.1a3 3 0 0 1-5.1-2.7l.7-2.8A5 5 0 0 1 7 10zm1 3H6v2H4v2h2v2h2v-2h2v-2H8zm8 1a1.2 1.2 0 1 0 0 2.4A1.2 1.2 0 0 0 16 14zm3 2a1.2 1.2 0 1 0 0 2.4A1.2 1.2 0 0 0 19 16z'/%3E%3C/svg%3E"); }
body .fa-newspaper { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h13a3 3 0 0 1 3 3v11a3 3 0 0 1-3 3H6a2 2 0 0 1-2-2zm3 4h7v2H7zm0 4h10v2H7zm0 4h7v2H7zm12-7v9a1 1 0 0 0 2 0V9z'/%3E%3C/svg%3E"); }
body .fa-envelope { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v12H3zm2 2 7 5 7-5v-.5H5zm14 8v-6l-7 5-7-5v6z'/%3E%3C/svg%3E"); }
body .fa-telegram,
body .fa-telegram-plane { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.5 3.5 2.8 10.7c-1 .4-.9 1.8.2 2.1l4.7 1.4 1.8 5.3c.3.9 1.5 1.1 2 .3l2.6-3.1 4.8 3.5c.8.6 1.9.1 2-1l2.4-14.4c.2-1-.8-1.7-1.8-1.3zM9 13.7l9.6-6.1-6.8 8.2-.3 2.2z'/%3E%3C/svg%3E"); }
body .fa-download { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v9l3-3 1.4 1.4L12 15.8l-5.4-5.4L8 9l3 3zm-6 14h14v3H5z'/%3E%3C/svg%3E"); }
body .fa-search { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.5 4a6.5 6.5 0 0 1 5.1 10.5l4 4-1.4 1.4-4-4A6.5 6.5 0 1 1 10.5 4zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z'/%3E%3C/svg%3E"); }
body .fa-chevron-left { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 4 7.5 12l8 8 1.8-1.8L11.1 12l6.2-6.2z'/%3E%3C/svg%3E"); }
body .fa-chevron-right { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8.5 4 8 8-8 8-1.8-1.8 6.2-6.2-6.2-6.2z'/%3E%3C/svg%3E"); }
body .fa-chevron-up { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 15.5 8-8 8 8-1.8 1.8-6.2-6.2-6.2 6.2z'/%3E%3C/svg%3E"); }
body .fa-chevron-down { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 8.5 8 8 8-8-1.8-1.8-6.2 6.2-6.2-6.2z'/%3E%3C/svg%3E"); }
body .fa-shield-alt { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 4 5v6c0 5 3.3 9.4 8 11 4.7-1.6 8-6 8-11V5z'/%3E%3C/svg%3E"); }
body .fa-exclamation-circle { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1 5h2v7h-2zm0 9h2v2h-2z'/%3E%3C/svg%3E"); }
body .fa-times { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 4.9 5.6 5.6 5.6-5.6 1.5 1.5-5.6 5.6 5.6 5.6-1.5 1.5-5.6-5.6-5.6 5.6-1.5-1.5 5.6-5.6-5.6-5.6z'/%3E%3C/svg%3E"); }
body .fa-bars { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'/%3E%3C/svg%3E"); }

body .fa-facebook-f::before,
body .fa-twitter::before,
body .fa-pinterest::before,
body .fa-whatsapp::before {
  width: auto !important;
  height: auto !important;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 0.95em !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
body .fa-facebook-f::before { content: "F" !important; }
body .fa-twitter::before { content: "X" !important; }
body .fa-pinterest::before { content: "P" !important; }
body .fa-whatsapp::before { content: "W" !important; }

.app-s .box {
  overflow: visible;
}

.app-s #descripcion,
.app-s #comments {
  clear: both;
}

.app-s #descripcion {
  margin-top: 14px;
}

.app-s #descripcion .entry {
  position: relative;
}

.app-s #descripcion .entry.limit {
  overflow: hidden !important;
}

.app-s #descripcion .entry.limit::before {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  height: 58px;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(19, 15, 0, 0), var(--bg-card) 90%);
}

.app-s .readdescripcion {
  position: relative;
  z-index: 3;
  margin: 10px 0 0 !important;
}

.app-s #comments {
  margin-top: 16px !important;
}

.jpa-rating-row {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
}

.jpa-rating-row .box-rating {
  min-height: 22px;
}

.jpa-rating-row .link-report {
  align-self: center;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.box-social {
  margin-top: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.botones_sociales {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
}

.botones_sociales li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}

.botones_sociales a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 38px !important;
  padding: 9px 10px !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  color: var(--text-soft) !important;
  background: #0a0700 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.botones_sociales a:hover {
  border-color: var(--gold-dark) !important;
  color: var(--gold) !important;
  background: #151000 !important;
}

.botones_sociales a i {
  color: var(--gold) !important;
}

.botones_sociales a.facebook i { color: #7aa7ff !important; }
.botones_sociales a.twitter i { color: #ffffff !important; }
.botones_sociales a.pinterest i { color: #ff7a7a !important; }
.botones_sociales a.telegram i { color: var(--blue-txt) !important; }
.botones_sociales a.whatsapp i { color: #6ee07c !important; }

.comments-area {
  overflow: hidden;
}

.comments-area .comment-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.comments-area .comment-body {
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #0a0700;
}

.comments-area .comment-author,
.comments-area .comment-meta {
  margin-bottom: 8px;
}

.comments-area .comment-form p {
  margin: 0 0 10px;
}

.comments-area .comment-form-cookies-consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.comments-area .comment-form-cookies-consent input {
  width: auto;
  min-height: 0;
  margin-top: 4px;
}

@media (max-width: 420px) {
  .botones_sociales {
    grid-template-columns: 1fr;
  }
}
/* JazzPandaAPP final responsive polish: dark mobile, cards, stars, downloads */
html,
body {
  background: var(--bg-deep) !important;
  color: var(--text-main) !important;
}

body.jazzpandaapp-theme,
body.wp-theme-JazzPandaAPP,
body.jazzpandaapp-theme .jpa-shell,
body.wp-theme-JazzPandaAPP .jpa-shell,
body.jazzpandaapp-theme #main-site,
body.wp-theme-JazzPandaAPP #main-site,
body.jazzpandaapp-theme .jpa-main,
body.wp-theme-JazzPandaAPP .jpa-main,
body.jazzpandaapp-theme .wrapper-page,
body.wp-theme-JazzPandaAPP .wrapper-page,
body.jazzpandaapp-theme .wrapper-inside,
body.wp-theme-JazzPandaAPP .wrapper-inside {
  background: var(--bg-base) !important;
  color: var(--text-main) !important;
}

body.jazzpandaapp-theme #main-site > .container,
body.wp-theme-JazzPandaAPP #main-site > .container,
body.jazzpandaapp-theme #main-site .container,
body.wp-theme-JazzPandaAPP #main-site .container {
  background: transparent !important;
}

body.jazzpandaapp-theme .section,
body.wp-theme-JazzPandaAPP .section,
body.jazzpandaapp-theme .app-s,
body.wp-theme-JazzPandaAPP .app-s,
body.jazzpandaapp-theme .app-p,
body.wp-theme-JazzPandaAPP .app-p,
body.jazzpandaapp-theme #sidebar,
body.wp-theme-JazzPandaAPP #sidebar {
  color: var(--text-main) !important;
}

body.jazzpandaapp-theme .box,
body.wp-theme-JazzPandaAPP .box,
body.jazzpandaapp-theme .widget,
body.wp-theme-JazzPandaAPP .widget,
body.jazzpandaapp-theme .blog-section,
body.wp-theme-JazzPandaAPP .blog-section,
body.jazzpandaapp-theme .extended-section,
body.wp-theme-JazzPandaAPP .extended-section,
body.jazzpandaapp-theme .promo-section,
body.wp-theme-JazzPandaAPP .promo-section,
body.jazzpandaapp-theme .ct_description,
body.wp-theme-JazzPandaAPP .ct_description,
body.jazzpandaapp-theme .app-description,
body.wp-theme-JazzPandaAPP .app-description {
  background: linear-gradient(135deg, #130f00, #1e1600) !important;
  border-color: var(--border) !important;
  color: var(--text-main) !important;
}

body .fa-code-branch { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3a3 3 0 0 1 1 5.8V10c0 1.7 1.3 3 3 3h2V8.8a3 3 0 1 1 2 0V13a5 5 0 0 1-5 5H8v-2h2a3 3 0 0 0 3-3h-2a5 5 0 0 1-5-5V8.8A3 3 0 0 1 7 3z'/%3E%3C/svg%3E"); }
body .fa-box { --jpa-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7.5 12 3l9 4.5V17l-9 4.5L3 17zm9 1.8 5.6-2.8L12 3.7 6.4 6.5zm-7 1.1v5.4l6 3v-5.4zm14 0-6 3v5.4l6-3z'/%3E%3C/svg%3E"); }

.jpa-shell .game-card,
.jpa-shell .section .bav.game-card,
.jpa-shell article.bav.game-card {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) auto;
  align-items: center !important;
  gap: 10px !important;
  min-height: 78px;
  overflow: visible !important;
  padding: 12px !important;
}

.jpa-shell .game-card::before {
  z-index: 0;
  border-radius: 10px 0 0 10px;
}

.jpa-shell .game-card > * {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.jpa-shell .game-icon-wrap,
.jpa-shell .section .bav1 .bloque-imagen,
.jpa-shell .section .bav2 .bloque-imagen,
.jpa-shell .rlat .bav1 .bloque-imagen {
  width: 58px !important;
  height: 58px !important;
  flex: 0 0 58px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: #080600 !important;
}

.jpa-shell .game-icon-wrap .bloque-imagen {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.jpa-shell .game-icon-wrap img,
.jpa-shell .section .bav1 .bloque-imagen img,
.jpa-shell .section .bav2 .bloque-imagen img,
.jpa-shell .rlat .bav1 .bloque-imagen img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  background: #080600 !important;
}

.jpa-shell .game-info,
.jpa-shell .bap-c {
  min-width: 0 !important;
  overflow: visible !important;
}

.jpa-shell .game-name,
.jpa-shell .section .bav1 .title,
.jpa-shell .section .bav2 .title,
.jpa-shell .rlat .bav1 .title {
  color: var(--text-main) !important;
}

.jpa-shell .game-meta {
  min-width: 0;
  margin-bottom: 5px;
}

.jpa-shell .px-postmeta {
  min-width: 0;
  overflow: visible !important;
}

.box-rating {
  max-width: 100%;
  min-width: 0;
  overflow: visible !important;
}

.box-rating .rating {
  flex: 0 0 75px !important;
  width: 75px !important;
  min-width: 75px !important;
  height: 15px !important;
  overflow: hidden !important;
  background-color: #3b3213 !important;
  -webkit-mask-position: left center !important;
  mask-position: left center !important;
  -webkit-mask-repeat: repeat-x !important;
  mask-repeat: repeat-x !important;
  -webkit-mask-size: 15px 15px !important;
  mask-size: 15px 15px !important;
}

.box-rating .stars,
.box-rating .ratings-click .rating-click.active {
  height: 15px !important;
}

.game-card .box-rating {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: max-content;
}

.game-card .box-rating .rating {
  flex-basis: 70px !important;
  width: 70px !important;
  min-width: 70px !important;
  height: 14px !important;
  -webkit-mask-size: 14px 14px !important;
  mask-size: 14px 14px !important;
}

.game-card .box-rating .stars,
.game-card .box-rating .ratings-click .rating-click.active {
  height: 14px !important;
}

.dl-btn,
.buttond,
#list-downloadlinks li a,
.app-s .bx-download ul li a,
.downloadAPK.dapk_b {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 42px !important;
  border-radius: 9px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

.dl-btn {
  min-width: 116px !important;
  padding: 9px 13px !important;
  white-space: nowrap !important;
}

.dl-btn span,
.buttond span,
#list-downloadlinks li a span,
.downloadAPK.dapk_b span {
  max-width: none !important;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dl-btn i,
.buttond i,
#list-downloadlinks li a i,
.downloadAPK.dapk_b i {
  flex: 0 0 auto !important;
}

#list-downloadlinks li a,
.app-s .bx-download ul li a,
.downloadAPK.dapk_b {
  width: 100% !important;
  padding: 12px 14px !important;
}

@media (max-width: 520px) {
  body.jazzpandaapp-theme .jpa-shell,
  body.wp-theme-JazzPandaAPP .jpa-shell {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh;
  }

  body.jazzpandaapp-theme #main-site > .container,
  body.wp-theme-JazzPandaAPP #main-site > .container,
  body.jazzpandaapp-theme #main-site .container,
  body.wp-theme-JazzPandaAPP #main-site .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .jpa-shell .game-card,
  .jpa-shell .section .bav.game-card,
  .jpa-shell article.bav.game-card {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px !important;
    padding: 12px !important;
  }

  .jpa-shell .game-card .dl-btn {
    grid-column: 1 / -1;
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 2px;
    padding: 10px 12px !important;
    font-size: 12px !important;
  }

  .jpa-shell .game-card .dl-btn span {
    white-space: nowrap !important;
  }

  .jpa-shell .game-name,
  .jpa-shell .section .bav1 .title,
  .jpa-shell .section .bav2 .title {
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 0;
  }

  .jpa-shell .game-card .box-rating .rating {
    flex-basis: 70px !important;
    width: 70px !important;
    min-width: 70px !important;
  }
}

@media (max-width: 360px) {
  .jpa-shell .game-card,
  .jpa-shell .section .bav.game-card,
  .jpa-shell article.bav.game-card {
    grid-template-columns: 52px minmax(0, 1fr);
  }

  .jpa-shell .game-icon-wrap,
  .jpa-shell .section .bav1 .bloque-imagen,
  .jpa-shell .section .bav2 .bloque-imagen,
  .jpa-shell .rlat .bav1 .bloque-imagen {
    width: 52px !important;
    height: 52px !important;
    flex-basis: 52px !important;
  }
}
/* JazzPandaAPP card icon square fix */
.jpa-shell .game-icon-wrap,
.jpa-shell .game-icon-wrap .bloque-imagen,
.jpa-shell .section .bav1 .bloque-imagen,
.jpa-shell .section .bav2 .bloque-imagen,
.jpa-shell .rlat .bav1 .bloque-imagen {
  display: block !important;
  line-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
}

.jpa-shell .game-icon-wrap img,
.jpa-shell .section .bav1 .bloque-imagen img,
.jpa-shell .section .bav2 .bloque-imagen img,
.jpa-shell .rlat .bav1 .bloque-imagen img {
  vertical-align: top !important;
}
/* JazzPandaAPP game icon link override */
.jpa-shell .game-card > .game-icon-wrap {
  min-height: 58px !important;
  padding: 0 !important;
  border: 1px solid var(--border) !important;
  box-shadow: none !important;
  transform: none !important;
}

.jpa-shell .game-card > .game-icon-wrap::before {
  display: none !important;
}

@media (max-width: 360px) {
  .jpa-shell .game-card > .game-icon-wrap {
    min-height: 52px !important;
  }
}
/* JazzPandaAPP mobile dark background fix */
@media (max-width: 768px) {
  html,
  body,
  body.jazzpandaapp-theme,
  .jpa-shell,
  .jpa-main,
  #main-site,
  .wrapper-page,
  .wrapper-inside,
  #content,
  .content,
  .site-content {
    background: #0d0800 !important;
    color: #f7e7b0 !important;
  }

  .jpa-main .container,
  .jpa-home,
  .sections,
  .section,
  .box,
  .app-s .box,
  .game-card,
  article.bav,
  .bav1,
  .bav2 {
    background-color: #151000 !important;
    color: #f7e7b0 !important;
    border-color: #3f3000 !important;
  }

  .entry,
  .entry p,
  .box-content,
  .descripcion,
  .jpa-main p,
  .jpa-main li,
  .jpa-main span,
  .section .title,
  .game-name {
    color: #d6bf73 !important;
  }

  .jpa-main h1,
  .jpa-main h2,
  .jpa-main h3,
  .jpa-main h4,
  .main-title,
  .app-title,
  .s-title {
    color: #fff8dc !important;
  }

  .jpa-main a,
  .jpa-nav-item,
  .downloadAPK,
  .dl-btn {
    color: #f5c518 !important;
  }

  input,
  textarea,
  select {
    background: #160f00 !important;
    color: #f7e7b0 !important;
    border-color: #5a4300 !important;
  }
}
/* JazzPandaAPP replace social share block with download button */
.box-social-download {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 16px 0 !important;
}

.box-social-download .jpa-social-download {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, #f5c518, #c9900a) !important;
  color: #110b00 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  box-shadow: 0 10px 26px rgba(245,197,24,.22) !important;
}

.box-social-download .jpa-social-download i {
  color: inherit !important;
}
/* JazzPandaAPP single game page icon size */
.jpa-app-hero .app-icon,
.jpa-app-hero .app-icon .bloque-imagen {
  width: 200px !important;
  height: 200px !important;
  max-width: 80vw !important;
  max-height: 80vw !important;
}

.jpa-app-hero .app-icon img,
.jpa-app-hero .app-icon .bloque-imagen img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
/* JazzPandaAPP final contrast polish */
.jpa-shell,
.jpa-main,
.app-s {
  color: #f4df9a !important;
}

.jpa-main .jpa-app-hero,
.jpa-main .app-description,
.jpa-main .jpa-data-card,
.jpa-main .box,
.jpa-main .section,
.jpa-main .game-card,
.jpa-main article.bav {
  background-color: #151000 !important;
  color: #f4df9a !important;
  border-color: #4a3904 !important;
}

.jpa-main h1,
.jpa-main h2,
.jpa-main h3,
.jpa-main h4,
.jpa-app-hero .app-name,
.jpa-app-hero .stat-value,
.box .box-title,
.main-title {
  color: #fff4c7 !important;
  text-shadow: 0 1px 10px rgba(245, 197, 24, .16) !important;
}

.jpa-main p,
.jpa-main li,
.jpa-main .entry,
.jpa-main .entry p,
.jpa-main .box-content,
.jpa-main .app-description p,
.jpa-main .descripcion,
.jpa-main .game-name,
.jpa-main .rating-text,
.jpa-main .link-report {
  color: #ead48a !important;
}

.jpa-app-hero .stat-label,
.jpa-app-hero .app-version-line,
.jpa-main small,
.jpa-main .meta,
.jpa-main .developer,
.jpa-main .app-date {
  color: #d9bd63 !important;
}

.jpa-main a:not(.downloadAPK):not(.btn):not(.buttond),
.jpa-main .meta-cats a,
.jpa-main .tags a {
  color: #ffd95a !important;
}

.jpa-main .meta-cats a,
.jpa-main .tags a {
  background: #241b04 !important;
  border: 1px solid #5b4302 !important;
  border-radius: 999px !important;
  padding: 5px 10px !important;
}

.jpa-main .downloadAPK,
.jpa-main a.downloadAPK,
.jpa-main .btn.downloadAPK,
.jpa-main .btn-primary.downloadAPK,
.jpa-main .buttond.downloadAPK,
.jpa-main .box-social-download .jpa-social-download {
  background: linear-gradient(135deg, #ffd95a 0%, #f5c518 45%, #c9900a 100%) !important;
  color: #120b00 !important;
  border: 1px solid #ffe58a !important;
  box-shadow: 0 10px 26px rgba(245, 197, 24, .24) !important;
  text-shadow: none !important;
}

.jpa-main .downloadAPK *,
.jpa-main a.downloadAPK *,
.jpa-main .btn.downloadAPK *,
.jpa-main .buttond.downloadAPK *,
.jpa-main .downloadAPK i {
  color: #120b00 !important;
  fill: #120b00 !important;
}

.jpa-main .downloadAPK:hover,
.jpa-main a.downloadAPK:hover,
.jpa-main .btn.downloadAPK:hover,
.jpa-main .buttond.downloadAPK:hover {
  background: linear-gradient(135deg, #ffe88f 0%, #ffd23f 50%, #d99b05 100%) !important;
  color: #090500 !important;
}

.jpa-main input,
.jpa-main textarea,
.jpa-main select {
  background: #120d00 !important;
  color: #fff0b8 !important;
  border-color: #6b5105 !important;
}

@media (max-width: 768px) {
  .jpa-main,
  .jpa-main p,
  .jpa-main li,
  .jpa-main span,
  .jpa-main .entry,
  .jpa-main .app-description p {
    color: #efd98f !important;
  }

  .jpa-main .downloadAPK,
  .jpa-main a.downloadAPK,
  .jpa-main .btn.downloadAPK,
  .jpa-main .buttond.downloadAPK,
  .jpa-main .downloadAPK span,
  .jpa-main .downloadAPK i {
    color: #120b00 !important;
  }
}