/* ============================================================
   777apkpk — simple modern frontend
   Cleaner & sharper than typical APK catalogs
   ============================================================ */

:root {
  --px-bg: #0a0c10;
  --px-bg-elevated: #11151c;
  --px-surface: #161b24;
  --px-border: rgba(255, 255, 255, 0.08);
  --px-text: #f4f6f8;
  --px-muted: #8e98a8;
  --px-accent: #3dde7b;
  --px-accent-ink: #04140a;
  --px-accent-soft: rgba(61, 222, 123, 0.14);
  --px-danger: #ff5c6c;
  --px-radius: 16px;
  --px-radius-sm: 12px;
  --px-font: "IBM Plex Sans", "Segoe UI", sans-serif;
  --px-display: "Sora", "IBM Plex Sans", sans-serif;
  --px-header-h: 80px;
  --px-max-width: 1400px;
}

/* ---------- Shell / 1400px ---------- */
body.theme-pheonix .container,
body.theme-pheonix #header .container,
body.theme-pheonix #footer .container,
body.theme-pheonix #subheader .container,
body.theme-pheonix .pheonix-hero__inner.container {
  width: 100%;
  max-width: var(--px-max-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 24px;
  padding-right: 24px;
}

body.theme-pheonix,
body.theme-pheonix .wrapper-inside {
  color: var(--px-text);
  background: var(--px-bg);
  font-family: var(--px-font);
}

body.theme-pheonix {
  background-image:
    radial-gradient(900px 420px at 50% -8%, rgba(61, 222, 123, 0.12), transparent 60%),
    radial-gradient(700px 360px at 100% 20%, rgba(40, 80, 160, 0.08), transparent 55%),
    linear-gradient(180deg, #050608 0%, #0a0c10 45%, #0d1118 100%);
  background-attachment: fixed;
}

body.theme-pheonix a {
  color: var(--px-accent);
}

body.theme-pheonix a:hover {
  color: #6aef9a;
}

/* Dark only — never show theme switcher */
html body.theme-pheonix #button_light_dark,
html #button_light_dark {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* FA5 alias for parent CSS ::before icons */
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff2") format("woff2");
}

/* ---------- Header ---------- */
body.theme-pheonix #header.pheonix-header {
  position: sticky !important;
  top: 0;
  z-index: 9999;
  height: var(--px-header-h) !important;
  min-height: var(--px-header-h) !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(5, 6, 8, 0.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--px-border);
  box-shadow: none;
  /* In-flow sticky (not fixed) so #main-site padding can be 30px, not 80px */
  transform: none;
  opacity: 1;
}

body.theme-pheonix #header.pheonix-header.is-ready {
  transform: none;
  opacity: 1;
}

body.theme-pheonix #header,
body.theme-pheonix #subheader,
body.theme-pheonix .bloque-blog,
body.theme-pheonix .section .bav1 a {
  border-bottom-color: transparent;
}

body.theme-pheonix #header .container {
  height: var(--px-header-h) !important;
  min-height: var(--px-header-h) !important;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box;
}

/* Logo — fill navbar, kill parent 40px cap */
body.theme-pheonix #header .logo,
body.theme-pheonix #header .pheonix-logo {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
  line-height: 0 !important;
}

body.theme-pheonix #header .logo a,
body.theme-pheonix #header .pheonix-logo a {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

body.theme-pheonix #header .logo a img,
body.theme-pheonix #header .pheonix-logo img,
body.theme-pheonix #header .logo img {
  display: block !important;
  height: 64px !important;
  max-height: 64px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain;
}

body.theme-pheonix .pheonix-wordmark {
  font-family: var(--px-display);
  font-weight: 800;
  font-size: 1.55rem;
  letter-spacing: -0.04em;
  color: var(--px-accent);
  background: none;
  -webkit-text-fill-color: var(--px-accent);
  line-height: 1;
}

body.theme-pheonix #header nav {
  margin-left: auto;
}

body.theme-pheonix #header nav .menu {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

body.theme-pheonix #header nav .menu > li > a {
  color: #d7dde6;
  font-weight: 550;
  font-size: 0.95rem;
  padding: 0.45rem 0.95rem;
  border-radius: 10px;
  transition: color 0.2s ease, background 0.2s ease;
}

body.theme-pheonix #header nav .menu > li > a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
}

body.theme-pheonix #header nav .menu > li.current-menu-item > a,
body.theme-pheonix #header nav .menu > li.current_page_item > a {
  color: var(--px-accent-ink);
  background: var(--px-accent);
}

body.theme-pheonix #header .menu-open,
body.theme-pheonix #header .menu-open i,
body.theme-pheonix #header .fa,
body.theme-pheonix #header .fas,
body.theme-pheonix #header .far,
body.theme-pheonix #button_light_dark i {
  color: var(--px-text);
}

body.theme-pheonix #header .menu-open {
  cursor: pointer;
  font-size: 1.35rem;
  line-height: 1;
  padding: 0.35rem;
}

/* Mobile drawer — overlay (do NOT push navbar/content aside) */
body.theme-pheonix #menu-mobile {
  position: fixed !important;
  top: 0;
  right: 0;
  left: auto;
  z-index: 10050 !important;
  width: min(82vw, 320px) !important;
  height: 100% !important;
  max-height: 100vh;
  overflow-y: auto !important;
  background: #0e131c !important;
  border-left: 1px solid var(--px-border);
  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.45);
  visibility: hidden;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.25s ease, visibility 0.25s ease;
  -webkit-overflow-scrolling: touch;
}

body.toggle-nav.theme-pheonix #menu-mobile {
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
  display: block !important;
}

/* Kill Appyn push-aside layout */
body.toggle-nav.theme-pheonix .wrapper-inside > *,
body.toggle-nav.theme-pheonix .wrapper-inside,
body.toggle-nav.theme-pheonix #header,
body.toggle-nav.theme-pheonix #header.pheonix-header,
body.toggle-nav.theme-pheonix #header.pheonix-header.is-ready,
body.toggle-nav.theme-pheonix #main-site,
body.toggle-nav.theme-pheonix #footer {
  transform: none !important;
  overflow: visible !important;
}

body.theme-pheonix .pheonix-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10040;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

body.toggle-nav.theme-pheonix .pheonix-nav-backdrop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.toggle-nav.theme-pheonix {
  overflow: hidden;
}

body.theme-pheonix #menu-mobile .pheonix-drawer-close {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 0.85rem 1rem;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: #0e131c;
  color: #fff;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

body.theme-pheonix #menu-mobile .pheonix-drawer-close i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--px-border);
  color: #fff !important;
  font-size: 1.1rem;
  line-height: 1;
}

body.theme-pheonix #menu-mobile .pheonix-drawer-close:hover i,
body.theme-pheonix #menu-mobile .pheonix-drawer-close:focus i {
  background: var(--px-accent);
  border-color: var(--px-accent);
  color: var(--px-accent-ink) !important;
}

body.theme-pheonix #menu-mobile ul {
  list-style: none;
  margin: 0;
  padding: 0.35rem 0 1.5rem;
}

body.theme-pheonix #menu-mobile ul li a {
  color: #e8eef8 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  font-size: 1rem !important;
  padding: 0.9rem 1.15rem !important;
}

body.theme-pheonix #menu-mobile ul li a:hover {
  color: var(--px-accent) !important;
  background: rgba(61, 222, 123, 0.08);
}

/* Hide header search on home — hero owns search */
body.home.theme-pheonix #header .searchBox {
  display: none;
}

/* ---------- Subheader search — same outer width as content below ---------- */
body.theme-pheonix #subheader.np {
  /* Match .container inner width (container has 24px side padding) */
  width: calc(100% - 48px) !important;
  max-width: calc(var(--px-max-width) - 48px) !important;
  margin: 0.75rem auto 1.25rem !important;
  padding: 0.7rem 1rem !important;
  background: var(--px-surface) !important;
  border: 1px solid var(--px-border) !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.85rem !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

body.theme-pheonix #subheader.np .searchBox {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
  text-align: left !important;
  min-width: 0 !important;
}

body.theme-pheonix #subheader.np .searchBox form {
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  background: #fff !important;
  border-radius: 999px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

body.theme-pheonix #subheader.np .searchBox .sb_search[type="text"],
body.theme-pheonix #subheader.np .searchBox form input[type="text"] {
  flex: 1 1 auto !important;
  width: auto !important;
  float: none !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 1.1rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #111 !important;
  font-size: 0.95rem !important;
  font-family: var(--px-font);
  box-shadow: none !important;
}

body.theme-pheonix #subheader.np .searchBox .sb_search[type="text"]::placeholder {
  color: #8a93a3 !important;
}

body.theme-pheonix #subheader.np .searchBox .sb_submit[type="submit"],
body.theme-pheonix #subheader.np .searchBox form button.sb_submit {
  float: none !important;
  flex: 0 0 auto !important;
  min-width: 48px !important;
  width: 48px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  background: var(--px-accent) !important;
  color: var(--px-accent-ink) !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
}

body.theme-pheonix #subheader.np .searchBox .sb_submit .fa,
body.theme-pheonix #subheader.np .searchBox .sb_submit i {
  color: var(--px-accent-ink) !important;
  font-size: 1rem !important;
}

body.theme-pheonix #subheader.np .social {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 0.45rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left !important;
}

body.theme-pheonix #subheader.np .social li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.theme-pheonix #subheader.np .social li:first-child {
  margin-left: 0 !important;
}

body.theme-pheonix #subheader.np .social li a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-size: 0.95rem !important;
  opacity: 1 !important;
}

body.theme-pheonix .searchBox .sb_search[type="text"] {
  background: var(--px-surface);
  border: 1px solid var(--px-border);
  color: var(--px-text);
  border-radius: 12px;
}

body.theme-pheonix .searchBox .sb_submit[type="submit"] {
  background: var(--px-accent);
  color: var(--px-accent-ink);
  border-radius: 12px;
}

body.theme-pheonix .searchBox .sb_submit .fa,
body.theme-pheonix .searchBox .sb_submit i {
  color: var(--px-accent-ink);
}

/* ---------- Hero ---------- */
.pheonix-hero {
  position: relative;
  min-height: min(62vh, 520px);
  display: flex;
  align-items: center;
  margin: 0;
  /* Header is sticky in-flow — no extra header offset */
  padding: 2rem 0 3rem;
  overflow: hidden;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
}

.pheonix-hero.is-ready {
  opacity: 1;
  transform: translateY(0);
}

.pheonix-hero__atmosphere {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 70% 55% at 50% 35%, rgba(61, 222, 123, 0.14), transparent 68%),
    linear-gradient(180deg, #000 0%, transparent 40%, var(--px-bg) 100%);
  pointer-events: none;
}

.pheonix-hero__atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.035;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.pheonix-hero__inner {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  text-align: center;
}

.pheonix-hero__brand {
  font-family: var(--px-display);
  font-size: clamp(2.75rem, 8vw, 4.75rem);
  font-weight: 800;
  letter-spacing: -0.05em;
  line-height: 0.95;
  margin: 0 0 0.85rem;
  color: #fff;
  background: none;
  -webkit-text-fill-color: #fff;
}

.pheonix-hero__title {
  font-family: var(--px-font);
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  font-weight: 400;
  letter-spacing: -0.01em;
  margin: 0 auto 1.75rem;
  max-width: 34rem;
  color: #c5ccd6;
}

.pheonix-hero__cta {
  max-width: 640px;
  margin: 0 auto;
}

.pheonix-hero__search {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
  background: #fff;
  border: 0;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
}

.pheonix-hero__search input[type="search"] {
  flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #111;
  padding: 1.05rem 1.25rem;
  font-size: 1.05rem;
  font-family: var(--px-font);
  outline: none;
}

.pheonix-hero__search input[type="search"]::placeholder {
  color: #8a93a3;
}

.pheonix-hero__search button {
  border: 0;
  width: 58px;
  flex: 0 0 58px;
  background: var(--px-accent);
  color: var(--px-accent-ink);
  cursor: pointer;
  font-size: 1.15rem;
  transition: background 0.2s ease, transform 0.2s ease;
}

.pheonix-hero__search button:hover {
  background: #58e98f;
}

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

body.home.theme-pheonix #subheader {
  display: none;
}

/* Cleaner home: hero → apps (no dense SEO blocks in first scroll) */
body.home.theme-pheonix .hdt-t {
  display: none;
}

/* ---------- Sections / Latest Apps ---------- */
body.theme-pheonix #main-site > .container {
  padding-top: 0.25rem;
}

body.theme-pheonix .section {
  margin-bottom: 2.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(61, 222, 123, 0.22);
}

body.theme-pheonix .sections > .section:first-child {
  border-top: 0;
  padding-top: 0;
}

body.theme-pheonix .section .title-section,
body.theme-pheonix .box .box-title,
body.theme-pheonix .widget .widget-title {
  font-family: var(--px-display);
  font-weight: 700;
  font-size: 1.35rem;
  line-height: 1.35;
  letter-spacing: -0.03em;
  text-transform: none;
  color: #fff;
  border: 0;
  margin: 1rem 0 1.15rem;
  padding: 0.15rem 0 0;
  background: none;
  overflow: visible !important;
}

body.theme-pheonix .sections > .section:first-child .title-section {
  margin-top: 0.35rem;
  padding-top: 0.35rem;
}

/* ---------- Modern app cards (Latest + Top rated) — 6 / 2 grid ---------- */
body.theme-pheonix .section .baps {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.85rem;
  align-items: stretch;
}

body.theme-pheonix .section .bav1,
body.theme-pheonix .section .bav2,
body.theme-pheonix .rlat .bav1,
body.theme-pheonix .bav.pheonix-card {
  width: auto !important;
  flex: none !important;
  padding: 0 !important;
  max-width: none;
  height: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-self: stretch;
}

body.theme-pheonix .bav.pheonix-card > a.pheonix-card__link,
body.theme-pheonix .section .bav1 > a,
body.theme-pheonix .section .bav2 > a,
body.theme-pheonix .rlat .bav1 > a,
body.theme-pheonix .box.rlat .bav1 > a,
html body.theme-pheonix .section .bav2 > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  text-align: left !important;
  gap: 0 !important;
  width: 100% !important;
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  background: #12171f !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(61, 222, 123, 0.04) !important;
  padding: 0 0 0.15rem !important;
  overflow: visible !important;
  position: relative;
  transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.25s ease, box-shadow 0.25s ease;
  text-decoration: none !important;
}

body.theme-pheonix .bav.pheonix-card > a::before,
body.theme-pheonix .bav.pheonix-card > a::after,
body.theme-pheonix .section .bav1 > a::before,
body.theme-pheonix .section .bav1 > a::after,
body.theme-pheonix .section .bav2 > a::before,
body.theme-pheonix .section .bav2 > a::after,
body.theme-pheonix .rlat .bav1 > a::before,
body.theme-pheonix .rlat .bav1 > a::after {
  display: none !important;
  content: none !important;
}

body.theme-pheonix .bav.pheonix-card:hover > a,
body.theme-pheonix .section .bav1:hover > a,
body.theme-pheonix .section .bav2:hover > a,
body.theme-pheonix .rlat .bav1:hover > a {
  transform: translateY(-6px);
  border-color: rgba(61, 222, 123, 0.4) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45), 0 0 24px rgba(61, 222, 123, 0.12) !important;
  opacity: 1 !important;
  background: #151b25 !important;
}

/* Cover / hero image — shorter banner for 6-col grid */
body.theme-pheonix .pheonix-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  flex: 0 0 auto;
  background: #0a0e14;
  overflow: hidden;
  border-radius: 16px 16px 0 0;
}

body.theme-pheonix .pheonix-card__cover,
body.theme-pheonix .pheonix-card__cover .bloque-imagen,
body.theme-pheonix .section .bav1 .pheonix-card__cover .bloque-imagen,
body.theme-pheonix .bav1 .pheonix-card__cover .bloque-imagen {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 0 !important;
  position: absolute !important;
  inset: 0;
  overflow: hidden;
  background: #0a0e14;
  box-shadow: none !important;
}

body.theme-pheonix .pheonix-card__cover .bloque-imagen.w75 {
  width: 100% !important;
}

body.theme-pheonix .pheonix-card__cover .bloque-imagen img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  margin: 0 !important;
  border-radius: 0 !important;
  display: block;
}

/* No bottom glass/gradient on card images */
body.theme-pheonix .pheonix-card__cover .bloque-imagen::after,
body.theme-pheonix .pheonix-card__media::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

/* NEW ribbon */
body.theme-pheonix .pheonix-card .bloque-status {
  position: absolute !important;
  z-index: 5;
  top: 14px;
  left: -36px;
  width: 120px;
  margin: 0 !important;
  padding: 0.35rem 0 !important;
  text-align: center;
  transform: rotate(-45deg);
  font-size: 0 !important;
  font-weight: 800;
  letter-spacing: 0.06em;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
  border: 0 !important;
  border-radius: 0 !important;
}

body.theme-pheonix .pheonix-card .bloque-status.bs-new {
  background: var(--px-accent) !important;
  color: #fff !important;
}

body.theme-pheonix .pheonix-card .bloque-status.bs-new::after {
  content: "NEW";
  font-size: 0.68rem;
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.theme-pheonix .pheonix-card .bloque-status.bs-update {
  background: #2563eb !important;
  color: #fff !important;
}

body.theme-pheonix .pheonix-card .bloque-status.bs-update::after {
  content: "UPDATE";
  font-size: 0.62rem;
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.06em;
}

/* Plus icon removed permanently */
body.theme-pheonix .pheonix-card__fab {
  display: none !important;
}

body.theme-pheonix .pheonix-card__cover .bloque-imagen img {
  transition: transform 0.35s ease;
}

body.theme-pheonix .pheonix-card:hover .pheonix-card__cover .bloque-imagen img {
  transform: scale(1.03);
}

/* Body copy — never clip glyphs */
body.theme-pheonix .pheonix-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 0.7rem 0.7rem 0.4rem;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: visible;
}

body.theme-pheonix .bav.pheonix-card .title,
body.theme-pheonix .section .bav1 .title,
body.theme-pheonix .section .bav2 .title {
  color: #fff !important;
  font-family: var(--px-display);
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
  padding: 0.05em 0 !important;
  max-height: none !important;
}

body.theme-pheonix .pheonix-card__sub {
  color: #8e98a8 !important;
  font-size: 0.68rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0.05em 0;
}

body.theme-pheonix .pheonix-card__ver,
body.theme-pheonix .bav.pheonix-card .version {
  display: inline-flex !important;
  align-items: center;
  gap: 0.35rem;
  margin: 0 !important;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(0, 0, 0, 0.25);
  color: #d5dce6 !important;
  font-size: 0.65rem !important;
  font-weight: 600;
  width: auto !important;
  max-width: 100%;
  white-space: nowrap;
  box-sizing: border-box;
}

body.theme-pheonix .pheonix-card__ver i {
  color: var(--px-accent) !important;
  font-size: 0.75rem;
}

body.theme-pheonix .pheonix-card .developer,
body.theme-pheonix .pheonix-card .size,
body.theme-pheonix .pheonix-card .date,
body.theme-pheonix .pheonix-card .bap-c {
  display: none !important;
}

/* Footer: desktop = version on top, stars + download below */
body.theme-pheonix .pheonix-card__foot,
body.theme-pheonix .bav1 .pheonix-card__foot.px-postmeta,
body.theme-pheonix .section .bav1 .px-postmeta.pheonix-card__foot {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.4rem;
  margin: auto 0 0 !important;
  padding: 0.55rem 0.7rem 0.75rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  background: transparent !important;
  width: 100%;
  box-sizing: border-box;
  overflow: visible !important;
  flex: 0 0 auto;
}

/* Desktop: version full-width row above stars/button */
body.theme-pheonix .pheonix-card__foot .pheonix-card__ver {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  order: 0;
  align-self: flex-start;
}

body.theme-pheonix .pheonix-card__foot .pheonix-card__stars {
  order: 1;
  flex: 1 1 auto;
}

body.theme-pheonix .pheonix-card__foot .pheonix-card__dl {
  order: 2;
}

body.theme-pheonix .pheonix-card__stars {
  display: flex;
  align-items: center;
  min-width: 0;
}

body.theme-pheonix .pheonix-card__stars .box-rating {
  display: flex !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: auto !important;
  float: none !important;
  position: relative !important;
}

body.theme-pheonix .pheonix-card__stars .rating,
body.theme-pheonix .pheonix-card__stars .box-rating .rating {
  display: inline-block !important;
  float: none !important;
  width: 60px !important;
  height: 12px !important;
  margin: 0 !important;
  position: relative !important;
  background-color: #3a4252 !important;
  -webkit-mask-image: url("../../appyn/images/star.svg") !important;
  mask-image: url("../../appyn/images/star.svg") !important;
  -webkit-mask-size: 12px !important;
  mask-size: 12px !important;
  -webkit-mask-repeat: repeat-x !important;
  mask-repeat: repeat-x !important;
}

body.theme-pheonix .pheonix-card__stars .rating .stars {
  display: block !important;
  height: 12px !important;
  background-color: #f9bd00 !important;
  -webkit-mask-image: url("../../appyn/images/star.svg") !important;
  mask-image: url("../../appyn/images/star.svg") !important;
  -webkit-mask-size: 12px !important;
  mask-size: 12px !important;
  -webkit-mask-repeat: repeat-x !important;
  mask-repeat: repeat-x !important;
}

body.theme-pheonix .pheonix-card__stars .rating-average,
body.theme-pheonix .pheonix-card__stars .rating-text {
  display: none !important;
}

/* Download button — desktop: icon + label */
body.theme-pheonix .pheonix-card__dl {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  flex: 0 0 auto;
  width: auto;
  min-height: 28px;
  height: auto;
  padding: 0.3rem 0.65rem;
  margin-left: auto;
  border-radius: 8px;
  background: var(--px-accent) !important;
  color: var(--px-accent-ink) !important;
  font-family: var(--px-display);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border-left: 0 !important;
  box-shadow: none;
  box-sizing: border-box;
  transition: background 0.2s ease, transform 0.2s ease;
}

body.theme-pheonix .pheonix-card__dl i {
  color: var(--px-accent-ink) !important;
  font-size: 0.7rem;
}

body.theme-pheonix .pheonix-card:hover .pheonix-card__dl {
  background: #58e98f !important;
  transform: translateY(-1px);
}

body.theme-pheonix .pheonix-card__score {
  display: none !important;
}

/* Legacy carousel markup (if any) — hide nav; force grid look */
body.theme-pheonix #slidehome .px-carousel-nav {
  display: none !important;
}

body.theme-pheonix .hdt-t,
body.theme-pheonix .hdt-b {
  color: var(--px-muted);
  line-height: 1.65;
  max-width: 52rem;
  font-size: 0.95rem;
}

body.theme-pheonix .hdt-t {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

@media (max-width: 1200px) {
  body.theme-pheonix .section .baps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.theme-pheonix .section .baps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 780px) {
  /* Force 2-col cards on phones — room for title + download */
  body.theme-pheonix .section .baps,
  body.theme-pheonix .rlat .baps,
  body.theme-pheonix .box.rlat .baps {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.65rem !important;
  }

  body.theme-pheonix .section .bav1,
  body.theme-pheonix .section .bav2,
  body.theme-pheonix .rlat .bav1,
  body.theme-pheonix .section .baps .bav,
  body.theme-pheonix .section .baps[data-cols] .bav {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    flex: none !important;
    min-width: 0 !important;
  }

  body.theme-pheonix .pheonix-card__media {
    aspect-ratio: 16 / 11;
  }

  body.theme-pheonix .bav.pheonix-card .title,
  body.theme-pheonix .section .bav1 .title,
  body.theme-pheonix .rlat .bav1 .title {
    font-size: 0.82rem !important;
    -webkit-line-clamp: 2;
    word-break: normal;
    overflow-wrap: break-word;
  }

  body.theme-pheonix .pheonix-card__sub {
    display: none; /* less clutter in 2-col */
  }

  /* Mobile: version beside download button */
  body.theme-pheonix .pheonix-card__foot {
    flex-wrap: nowrap !important;
    padding: 0.45rem 0.55rem 0.55rem !important;
    gap: 0.35rem !important;
  }

  body.theme-pheonix .pheonix-card__foot .pheonix-card__ver {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: calc(100% - 40px);
    order: 1 !important;
    font-size: 0.62rem !important;
    padding: 0.16rem 0.4rem;
  }

  body.theme-pheonix .pheonix-card__foot .pheonix-card__stars {
    display: none !important; /* free space for version + button */
  }

  /* Mobile only: fixed square download icon */
  body.theme-pheonix .pheonix-card__foot .pheonix-card__dl,
  body.theme-pheonix .pheonix-card__dl {
    order: 2 !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin-left: auto !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  body.theme-pheonix .pheonix-card__dl-text {
    display: none;
  }

  body.theme-pheonix .pheonix-card__body {
    padding: 0.55rem 0.55rem 0.35rem;
  }

  body.theme-pheonix .section .bav1 > a::before,
  body.theme-pheonix .section .bav1 > a::after,
  body.theme-pheonix .rlat .bav1 > a::before,
  body.theme-pheonix .rlat .bav1 > a::after {
    display: none !important;
    content: none !important;
  }
}

/* ---------- Single app page — simple, readable, mobile-first ---------- */
html body.theme-pheonix #main-site,
html body.theme-pheonix.single #main-site {
  padding-top: 0 !important;
}

body.theme-pheonix .container.pheonix-single {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.5rem;
  align-items: start;
  padding: 0.5rem 16px 2.5rem !important;
  max-width: var(--px-max-width);
  box-sizing: border-box;
}

body.theme-pheonix.single #subheader.np {
  /* Match .container.pheonix-single inner width (16px side padding) */
  width: calc(100% - 32px) !important;
  max-width: calc(var(--px-max-width) - 32px) !important;
  margin: 0 auto 0.85rem !important;
  padding: 0.65rem 1rem !important;
  box-sizing: border-box;
}

body.theme-pheonix .pheonix-single__main.app-s,
body.theme-pheonix .app-s.pheonix-single__main,
body.theme-pheonix .pheonix-single #sidebar,
body.theme-pheonix .container.pheonix-single #sidebar {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  min-width: 0;
}

body.theme-pheonix .app-s .box:has(.pheonix-app-hero) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 1rem !important;
}

body.theme-pheonix .app-s .box:not(:has(.pheonix-app-hero)),
body.theme-pheonix #comments {
  background: var(--px-surface) !important;
  border: 1px solid var(--px-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  padding: 1rem 14px !important;
  margin: 0 0 1rem !important;
  clear: both;
  overflow: hidden;
  box-sizing: border-box;
}

/* Kill parent floats */
body.theme-pheonix .pheonix-app-hero .s1,
body.theme-pheonix .pheonix-app-hero .s2,
body.theme-pheonix .pheonix-app-hero .app-icb,
body.theme-pheonix .pheonix-app-hero .app-spe {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Desktop default: classic 2-col (icon+DL left / info right) */
body.theme-pheonix .pheonix-app-hero {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 1.35rem 1.75rem;
  align-items: start;
  background: var(--px-surface) !important;
  border: 1px solid var(--px-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  padding: 1.5rem 1.6rem !important;
  margin: 0 0 1rem !important;
  box-sizing: border-box;
}

body.theme-pheonix .pheonix-app-hero__aside {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.85rem;
  width: 100%;
}

body.theme-pheonix .pheonix-app-hero__main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

body.theme-pheonix .pheonix-app-hero__icon {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 28px;
  overflow: visible; /* keep UPDATED ribbon visible */
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  flex: none;
}

body.theme-pheonix .pheonix-app-hero__icon .bloque-imagen {
  width: 150px !important;
  height: 150px !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  border-radius: 28px;
  overflow: hidden;
  position: relative;
}

body.theme-pheonix .pheonix-app-hero__icon .bloque-imagen img,
body.theme-pheonix .pheonix-app-hero__icon .bloque-imagen .image-single {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  margin: 0;
  background-size: cover;
  background-position: center;
}

/* UPDATED / NEW corner ribbon on desktop icon */
body.theme-pheonix .pheonix-app-hero__icon .bloque-status {
  display: block !important;
  z-index: 9;
}

body.theme-pheonix .pheonix-app-hero__header .b-type {
  display: none !important;
}

body.theme-pheonix .pheonix-app-hero__header {
  text-align: left;
}

body.theme-pheonix .pheonix-app-hero__crumbs {
  width: 100%;
  text-align: left;
  margin: 0;
}

body.theme-pheonix .pheonix-app-hero__crumbs #breadcrumbs,
body.theme-pheonix .pheonix-app-hero #breadcrumbs {
  color: #aab4c3;
  font-size: 0.8rem;
  margin: 0;
  line-height: 1.4;
}

body.theme-pheonix .pheonix-app-hero__crumbs #breadcrumbs a,
body.theme-pheonix .pheonix-app-hero #breadcrumbs a {
  color: #aab4c3;
}

body.theme-pheonix .pheonix-app-hero__crumbs #breadcrumbs a:hover {
  color: var(--px-accent);
}

body.theme-pheonix .pheonix-app-hero h1,
body.theme-pheonix .pheonix-app-hero h1.main-box-title,
body.theme-pheonix .app-s .pheonix-app-hero h1 {
  font-family: var(--px-display);
  font-size: clamp(1.35rem, 2.2vw, 1.75rem) !important;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.3;
  color: #fff !important;
  margin: 0 0 0.45rem !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

body.theme-pheonix .pheonix-app-hero__version,
body.theme-pheonix .pheonix-app-hero .pheonix-app-hero__version.version {
  display: block !important;
  margin: 0 0 0.55rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  color: #b7c2d2 !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  line-height: 1.3;
}

body.theme-pheonix .pheonix-app-hero__tags,
body.theme-pheonix .pheonix-app-hero__header .meta-cats {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.4rem;
  margin: 0 0 0.35rem !important;
  padding: 0 !important;
  width: auto !important;
}

body.theme-pheonix .pheonix-app-hero__tags ul,
body.theme-pheonix .pheonix-app-hero__header .post-categories {
  display: inline-flex !important;
  flex-wrap: wrap;
  gap: 0.4rem;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-pheonix .pheonix-app-hero__tags li,
body.theme-pheonix .pheonix-app-hero__header .post-categories li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.theme-pheonix .pheonix-app-hero__header .meta-cats a,
body.theme-pheonix .meta-cats a {
  display: inline-flex;
  align-items: center;
  background: rgba(61, 222, 123, 0.12);
  color: var(--px-accent) !important;
  border: 1px solid rgba(61, 222, 123, 0.35);
  border-radius: 999px;
  padding: 0.28rem 0.75rem;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  line-height: 1.2;
}

body.theme-pheonix .pheonix-app-hero__lead {
  margin: 0;
  color: #d4dbe6;
  font-size: 0.95rem;
  line-height: 1.6;
  text-align: left;
}

/* Desktop rating under download (left column) */
body.theme-pheonix .pheonix-app-hero__rate {
  display: flex !important;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
}

body.theme-pheonix .pheonix-app-hero__rate .box-rating,
body.theme-pheonix .pheonix-app-hero__rate .box-rating.movil {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem 0.5rem !important;
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100%;
  position: relative !important;
  left: auto !important;
  background: transparent !important;
  padding: 0 !important;
  z-index: 1;
}

/* Votes on their own line under stars + score */
body.theme-pheonix .pheonix-app-hero__rate .box-rating > .rating-text {
  flex: 0 0 100%;
  order: 3;
  text-align: center;
}

body.theme-pheonix .pheonix-app-hero__rate .rating,
body.theme-pheonix .app-s .pheonix-app-hero__rate .rating {
  display: inline-block !important;
  float: none !important;
  position: relative !important;
  width: 88px !important;
  height: 16px !important;
  margin: 0 !important;
  flex: 0 0 88px;
  background-color: #3a4252 !important;
  -webkit-mask-image: url("../../appyn/images/star.svg") !important;
  mask-image: url("../../appyn/images/star.svg") !important;
  -webkit-mask-size: 16px !important;
  mask-size: 16px !important;
  -webkit-mask-repeat: repeat-x !important;
  mask-repeat: repeat-x !important;
}

body.theme-pheonix .pheonix-app-hero__rate .rating .stars,
body.theme-pheonix .pheonix-app-hero__rate .ratings-click .rating-click.active {
  -webkit-mask-image: url("../../appyn/images/star.svg") !important;
  mask-image: url("../../appyn/images/star.svg") !important;
  -webkit-mask-size: 16px !important;
  mask-size: 16px !important;
  -webkit-mask-repeat: repeat-x !important;
  mask-repeat: repeat-x !important;
}

body.theme-pheonix .pheonix-app-hero__rate .rating .stars {
  display: block !important;
  height: 16px !important;
  background-color: #f9bd00 !important;
}

body.theme-pheonix .pheonix-app-hero__rate .ratings-click {
  width: 88px !important;
  height: 16px !important;
  display: flex !important;
  flex-direction: row !important;
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 1;
}

body.theme-pheonix .pheonix-app-hero__rate .ratings-click .rating-click {
  float: none !important;
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px;
}

body.theme-pheonix .pheonix-app-hero__rate .rating-average,
body.theme-pheonix .pheonix-app-hero__rate .rating-text {
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  white-space: nowrap;
}

body.theme-pheonix .app-s .rating-average b,
body.theme-pheonix .pheonix-app-hero .rating-average b {
  color: var(--px-accent) !important;
  font-size: 1rem;
  font-weight: 800;
}

body.theme-pheonix .pheonix-app-hero__rate .rating-average {
  color: #c5ceda !important;
  font-size: 0.88rem !important;
  font-weight: 600;
}

body.theme-pheonix .pheonix-app-hero__rate .rating-text {
  color: #8b95a5 !important;
  font-size: 0.8rem !important;
  font-weight: 600;
  padding: 0 !important;
  border-radius: 0;
  background: none !important;
}

/* Desktop: plain Report link under votes */
body.theme-pheonix .pheonix-app-hero__rate .link-report,
body.theme-pheonix .link-report {
  appearance: none;
  -webkit-appearance: none;
  border: 0 !important;
  background: transparent !important;
  color: #aab4c3 !important;
  font-size: 0.82rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center;
  gap: 0.35rem;
  margin: 0.15rem 0 0 !important;
  padding: 0 !important;
  border-radius: 0;
  line-height: 1.2;
  text-decoration: none;
}

body.theme-pheonix .link-report i {
  color: inherit !important;
  font-size: 0.8rem !important;
}

body.theme-pheonix .link-report:hover {
  color: var(--px-accent) !important;
  background: transparent !important;
  border-color: transparent !important;
}

/* Download CTA — full width, touch friendly */
body.theme-pheonix .pheonix-app-hero__cta {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  width: 100%;
}

body.theme-pheonix .buttond,
body.theme-pheonix a.buttond,
html body.theme-pheonix .downloadAPK,
body.theme-pheonix .downloadAPK {
  background: var(--px-accent) !important;
  color: var(--px-accent-ink) !important;
  border-radius: 12px !important;
  font-family: var(--px-display);
  font-weight: 700;
  text-transform: none !important;
  letter-spacing: -0.01em;
  border: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  min-height: 50px;
  padding: 0.85rem 1.1rem !important;
  font-size: 1rem !important;
  line-height: 1.2;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: transform 0.2s ease, background 0.2s ease;
  box-sizing: border-box;
}

body.theme-pheonix .pheonix-app-hero__cta .buttond,
body.theme-pheonix .pheonix-app-hero__cta a.buttond {
  width: 100%;
  white-space: nowrap !important;
  font-size: 0.92rem !important;
  padding: 0.8rem 0.75rem !important;
}

body.theme-pheonix .pheonix-app-hero__cta .buttond span,
body.theme-pheonix .pheonix-app-hero__cta a.buttond span {
  white-space: nowrap !important;
}

body.theme-pheonix .buttond:hover,
body.theme-pheonix a.buttond:hover,
body.theme-pheonix .downloadAPK:hover {
  background: #58e98f !important;
  transform: translateY(-1px);
  color: var(--px-accent-ink) !important;
}

body.theme-pheonix .buttond.danv,
body.theme-pheonix a.buttond.danv {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #fff !important;
  border: 1px solid var(--px-border) !important;
}

body.theme-pheonix .buttond.danv:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(61, 222, 123, 0.4) !important;
  color: #fff !important;
}

body.theme-pheonix .buttond i,
body.theme-pheonix .downloadAPK i {
  color: inherit !important;
  font-size: 1em;
}

body.theme-pheonix .buttond.downloadAPK.is-pulse,
body.theme-pheonix .pheonix-download-cta.is-pulse {
  animation: pheonix-pulse 1.35s ease 1;
}

@keyframes pheonix-pulse {
  0%, 100% { transform: scale(1); }
  40% { transform: scale(1.03); }
}

/* Specs — desktop 3-col like classic Appyn */
body.theme-pheonix .pheonix-specs,
body.theme-pheonix .box-data-app,
body.theme-pheonix .pheonix-app-hero .pheonix-specs,
body.theme-pheonix .pheonix-app-hero .box-data-app {
  margin: 0.25rem 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible;
}

body.theme-pheonix .pheonix-specs::before,
body.theme-pheonix .box-data-app::before {
  display: none !important;
  content: none !important;
}

html body.theme-pheonix .app-s .data-app,
html body.theme-pheonix .pheonix-specs .data-app,
html body.theme-pheonix .box-data-app .data-app {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.85rem 1.25rem !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0.35rem 0 0 !important;
  float: none !important;
}

html body.theme-pheonix .app-s .da-s,
html body.theme-pheonix .pheonix-specs .da-s,
html body.theme-pheonix .box-data-app .da-s {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #b7c2d2 !important;
  font-size: 0.92rem !important;
  line-height: 1.4 !important;
  float: none !important;
  text-align: left;
  word-break: break-word;
  overflow-wrap: anywhere;
}

html body.theme-pheonix .app-s .da-s b,
html body.theme-pheonix .pheonix-specs .da-s b {
  display: inline;
  color: #fff !important;
  font-size: 0.92rem !important;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  margin: 0 0.25rem 0 0;
}

html body.theme-pheonix .app-s .da-s b::after,
html body.theme-pheonix .pheonix-specs .da-s b::after {
  content: ":" !important;
  display: inline !important;
}

html body.theme-pheonix .da-s i,
html body.theme-pheonix .da-s svg,
html body.theme-pheonix .da-s img,
html body.theme-pheonix .da-s::before,
html body.theme-pheonix .da-s::after {
  display: none !important;
  content: none !important;
}

html body.theme-pheonix .da-s b::before {
  display: none !important;
  content: none !important;
}

body.theme-pheonix .app-s .da-s a,
body.theme-pheonix .pheonix-specs .da-s a {
  color: var(--px-accent) !important;
}

body.theme-pheonix .bx-download {
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid var(--px-border);
  border-radius: 14px;
  padding: 1rem 14px;
  margin-top: 0.5rem;
  color: #e8eef8;
}

body.theme-pheonix .bx-download .bxt {
  color: #fff;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

body.theme-pheonix .app-s .bx-download ul,
body.theme-pheonix #list-downloadlinks {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  gap: 0.65rem !important;
  width: 100% !important;
}

body.theme-pheonix #list-downloadlinks li {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Fix parent absolute icon + padding-left overlap on download links */
html body.theme-pheonix #list-downloadlinks li a.dapk_b,
html body.theme-pheonix #list-downloadlinks li a.buttond,
html body.theme-pheonix .bx-download .buttond,
html body.theme-pheonix .box.bxdwnl .buttond,
html body.theme-pheonix a.buttond.downloadAPK.dapk_b {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 !important;
  padding: 0.85rem 1.1rem !important;
  padding-left: 1.1rem !important;
  padding-right: 1.1rem !important;
  background: var(--px-accent) !important;
  color: var(--px-accent-ink) !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-family: var(--px-display) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

html body.theme-pheonix #list-downloadlinks li a.dapk_b i,
html body.theme-pheonix #list-downloadlinks li a.buttond i,
html body.theme-pheonix .bx-download .buttond i,
html body.theme-pheonix a.buttond.downloadAPK i,
html body.theme-pheonix .buttond i {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-right: 0 !important;
  background: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 1.05em !important;
  line-height: 1 !important;
  color: inherit !important;
}

/* Social share — desktop: compact icon + label pills (original good look) */
body.theme-pheonix .app-s .app-spe.box-social,
body.theme-pheonix .app-spe.s2.box-social,
body.theme-pheonix .box-social {
  float: none !important;
  width: 100% !important;
  clear: both !important;
  display: block !important;
  background: var(--px-surface) !important;
  border: 1px solid var(--px-border) !important;
  border-radius: 16px !important;
  padding: 0.85rem 1rem !important;
  margin: 0 0 1rem !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

body.theme-pheonix .botones_sociales {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: center !important;
  width: 100% !important;
}

body.theme-pheonix .botones_sociales li,
body.theme-pheonix .botones_sociales li.tg,
body.theme-pheonix .botones_sociales li.ws,
body.theme-pheonix .box:not(.box-download) .botones_sociales li,
body.theme-pheonix .box:not(.box-download) .botones_sociales li:first-child,
body.theme-pheonix .box:not(.box-download) .botones_sociales li:last-child {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  float: none !important;
  width: auto !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  background: none !important;
  display: block !important;
}

body.theme-pheonix .botones_sociales a,
body.theme-pheonix .botones_sociales span,
body.theme-pheonix .box:not(.box-download) .botones_sociales a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 40px !important;
  padding: 0.45rem 0.85rem !important;
  border-radius: 10px !important;
  background: #1e2533 !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #fff !important;
  font-size: 0.84rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}

body.theme-pheonix .botones_sociales a i,
body.theme-pheonix .botones_sociales li i {
  font-size: 0.95rem !important;
  color: #fff !important;
  margin: 0 !important;
  position: static !important;
  display: inline-block !important;
  background: none !important;
  border: 0 !important;
  line-height: 1 !important;
}

body.theme-pheonix .botones_sociales a:hover {
  border-color: rgba(61, 222, 123, 0.45) !important;
  color: var(--px-accent) !important;
  background: #243041 !important;
}

body.theme-pheonix .botones_sociales .facebook:hover { background: #3b5998 !important; color: #fff !important; border-color: #3b5998 !important; }
body.theme-pheonix .botones_sociales .twitter:hover { background: #111 !important; color: #fff !important; border-color: #333 !important; }
body.theme-pheonix .botones_sociales .pinterest:hover { background: #c8232c !important; color: #fff !important; border-color: #c8232c !important; }
body.theme-pheonix .botones_sociales .telegram:hover { background: #229ed9 !important; color: #fff !important; border-color: #229ed9 !important; }
body.theme-pheonix .botones_sociales .whatsapp:hover { background: #25d366 !important; color: #04140a !important; border-color: #25d366 !important; }

/* Images */
body.theme-pheonix .box.imagenes,
body.theme-pheonix .app-s .box.imagenes {
  overflow: hidden;
  background: var(--px-surface) !important;
  border: 1px solid var(--px-border) !important;
  border-radius: 16px !important;
  padding: 1rem 14px !important;
}

body.theme-pheonix #slideimages,
body.theme-pheonix .px-carousel {
  position: relative;
  background: #0e131c;
  border-radius: 12px;
  padding: 0.5rem;
  min-height: 0;
  overflow: hidden;
}

body.theme-pheonix #slideimages .px-carousel-item,
body.theme-pheonix .px-carousel-item {
  text-align: center;
}

body.theme-pheonix #slideimages .px-carousel-item img,
body.theme-pheonix .box.imagenes img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: 360px !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  border-radius: 10px;
  background: #0e131c;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Hide broken / disabled carousel chrome (empty FA squares) */
body.theme-pheonix #slideimages .px-carousel-nav.disabled,
body.theme-pheonix #slideimages .px-carousel-nav:has(.px-prev.disabled):has(.px-next.disabled) {
  display: none !important;
}

body.theme-pheonix #slideimages .px-carousel-nav,
body.theme-pheonix .box.imagenes .px-carousel-nav {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  z-index: 2;
  padding: 0 0.35rem;
}

body.theme-pheonix #slideimages .px-prev,
body.theme-pheonix #slideimages .px-next,
body.theme-pheonix .px-carousel-nav button {
  pointer-events: auto;
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,0.55) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

body.theme-pheonix #slideimages .px-prev i,
body.theme-pheonix #slideimages .px-next i {
  color: #fff !important;
  background: none !important;
  border: 0 !important;
  position: static !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
}

body.theme-pheonix #slideimages .px-prev.disabled,
body.theme-pheonix #slideimages .px-next.disabled {
  display: none !important;
}

/* Download links section */
body.theme-pheonix #download.box.bxdwnl,
body.theme-pheonix .box.bxdwnl {
  background: var(--px-surface) !important;
  border: 1px solid var(--px-border) !important;
  border-radius: 16px !important;
  padding: 1rem 14px !important;
  overflow: visible !important;
}

/* Description / entry text */
body.theme-pheonix .app-s .entry,
body.theme-pheonix .app-s .box .box-content,
body.theme-pheonix .app-s .box .entry {
  color: #d4dbe6 !important;
  font-size: 0.95rem;
  line-height: 1.65;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.theme-pheonix .app-s .entry a {
  color: var(--px-accent) !important;
}

body.theme-pheonix .app-s .entry.limit {
  max-height: none !important;
}

body.theme-pheonix .app-s .entry.limit::before {
  display: none !important;
}

body.theme-pheonix .app-s .box .box-title,
body.theme-pheonix .app-s h2.box-title,
body.theme-pheonix .app-s .comments-title {
  font-family: var(--px-display);
  font-size: 1.1rem !important;
  font-weight: 700;
  color: #fff !important;
  border: 0 !important;
  margin: 0 0 0.85rem !important;
  padding: 0 !important;
  text-transform: none !important;
}

body.theme-pheonix .app-s .box .box-title::before,
body.theme-pheonix .app-s .box .box-title::after {
  display: none !important;
}

body.theme-pheonix .app-s .readmore {
  background: var(--px-accent) !important;
  color: var(--px-accent-ink) !important;
  border-radius: 10px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0.5rem 0.9rem;
}

/* Related apps */
body.theme-pheonix .rlat .baps,
body.theme-pheonix .box.rlat .baps,
html body.theme-pheonix .app-s .box.rlat .baps {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
  gap: 0.75rem !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}

body.theme-pheonix .rlat .bav1,
body.theme-pheonix .box.rlat .bav1,
html body.theme-pheonix .rlat .bav1 {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  display: flex !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: none !important;
  white-space: normal !important;
}

body.theme-pheonix .rlat .bav1:nth-of-type(5),
body.theme-pheonix .rlat .bav1:nth-of-type(n + 5),
body.theme-pheonix .rlat .bav1:only-child {
  display: flex !important;
}

/* Single related card shouldn’t leave a huge empty half */
body.theme-pheonix .rlat .bav1:only-child {
  max-width: 220px;
}

/* Sidebar */
body.theme-pheonix #sidebar .widget,
body.theme-pheonix #sidebar .widget_block {
  background: var(--px-surface) !important;
  border: 1px solid var(--px-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  padding: 1rem 14px !important;
  margin: 0 0 1rem !important;
}

body.theme-pheonix #sidebar .widget-title,
body.theme-pheonix #sidebar h2,
body.theme-pheonix #sidebar .wp-block-heading {
  font-family: var(--px-display);
  font-size: 0.95rem !important;
  font-weight: 700;
  text-transform: none !important;
  color: #fff !important;
  border: 0 !important;
  margin: 0 0 0.75rem !important;
  padding: 0 !important;
}

body.theme-pheonix #sidebar a { color: #d7dde8 !important; }
body.theme-pheonix #sidebar a:hover { color: var(--px-accent) !important; }

body.theme-pheonix #sidebar .wp-block-search__inside-wrapper,
body.theme-pheonix #sidebar .search-form {
  display: flex;
  gap: 0;
}

body.theme-pheonix #sidebar input[type="search"],
body.theme-pheonix #sidebar .wp-block-search__input,
body.theme-pheonix #sidebar .search-field {
  flex: 1;
  background: #fff !important;
  color: #111 !important;
  border: 0 !important;
  border-radius: 10px 0 0 10px !important;
  min-height: 42px;
  padding: 0.55rem 0.8rem;
}

body.theme-pheonix #sidebar button,
body.theme-pheonix #sidebar input[type="submit"],
body.theme-pheonix #sidebar .wp-block-search__button {
  background: var(--px-accent) !important;
  color: var(--px-accent-ink) !important;
  border: 0 !important;
  border-radius: 0 10px 10px 0 !important;
  font-weight: 700;
  min-height: 42px;
  padding: 0 0.9rem;
}

/*
 * Download countdown — ring via ::before; number centered.
 * Parent .snt uses top/transform — reset those hard.
 */
html body.theme-pheonix .spinvt,
body.theme-pheonix #download .spinvt,
body.theme-pheonix .bxdwnl .spinvt {
  display: grid !important;
  place-items: center !important;
  place-content: center !important;
  gap: 0 !important;
  margin: 1rem auto 1.25rem !important;
  padding: 0 !important;
  position: relative !important;
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  min-height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  overflow: visible !important;
}

html body.theme-pheonix .spinvt .snv,
body.theme-pheonix #download .spinvt .snv {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  animation: none !important;
}

html body.theme-pheonix .spinvt::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  border: 3px solid rgba(61, 222, 123, 0.2) !important;
  border-top-color: var(--px-accent) !important;
  animation: pheonix-spin 0.9s linear infinite !important;
  pointer-events: none;
}

html body.theme-pheonix .spinvt .snt,
body.theme-pheonix #download .spinvt .snt,
body.theme-pheonix .bxdwnl .spinvt .snt {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  inset: auto !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: var(--px-accent) !important;
  color: var(--px-accent-ink) !important;
  font-family: var(--px-display) !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: 0 4px 14px rgba(61, 222, 123, 0.3);
}

@keyframes pheonix-spin {
  to { transform: rotate(360deg); }
}

/* Features table */
body.theme-pheonix .app-s .entry table,
body.theme-pheonix table.has-fixed-layout {
  width: 100% !important;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
}

/* ---- Tablet / Mobile ---- */
@media (max-width: 1100px) {
  body.theme-pheonix .container.pheonix-single {
    grid-template-columns: 1fr;
  }

  body.theme-pheonix .rlat .baps,
  body.theme-pheonix .box.rlat .baps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Permanently hide search + social subheader on mobile/tablet */
@media (max-width: 900px) {
  html body.theme-pheonix #subheader,
  html body.theme-pheonix #subheader.np,
  html body.theme-pheonix.single #subheader.np {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
  }
}

@media (max-width: 780px) {
  body.theme-pheonix .container.pheonix-single {
    padding: 0.35rem 12px 2rem !important;
    gap: 0;
  }

  /* Mobile stack: crumbs → icon → title → rate → download → rest */
  body.theme-pheonix .pheonix-app-hero {
    display: flex !important;
    flex-direction: column !important;
    padding: 1rem 12px 1.1rem !important;
    gap: 0.75rem !important;
  }

  body.theme-pheonix .pheonix-app-hero__aside,
  body.theme-pheonix .pheonix-app-hero__main {
    display: contents !important;
  }

  body.theme-pheonix .pheonix-app-hero__crumbs { order: 1; text-align: left; }
  body.theme-pheonix .pheonix-app-hero__icon { order: 2; }
  body.theme-pheonix .pheonix-app-hero__header { order: 3; text-align: center; }
  body.theme-pheonix .pheonix-app-hero__rate { order: 4; }
  body.theme-pheonix .pheonix-app-hero__cta { order: 5; }
  body.theme-pheonix .pheonix-app-hero__lead,
  body.theme-pheonix .pheonix-app-hero__download { order: 6; }
  body.theme-pheonix .pheonix-app-hero .pheonix-specs,
  body.theme-pheonix .pheonix-app-hero .box-data-app { order: 7; }

  body.theme-pheonix .pheonix-app-hero__icon {
    width: 160px;
    height: 160px;
    margin: 0 auto;
  }

  body.theme-pheonix .pheonix-app-hero__icon .bloque-imagen {
    width: 160px !important;
    height: 160px !important;
    border-radius: 28px;
  }

  body.theme-pheonix .pheonix-app-hero__icon .bloque-status {
    display: none !important;
  }

  body.theme-pheonix .pheonix-app-hero h1,
  body.theme-pheonix .app-s .pheonix-app-hero h1 {
    font-size: 1.2rem !important;
    text-align: center;
  }

  body.theme-pheonix .pheonix-app-hero__version {
    text-align: center;
  }

  body.theme-pheonix .pheonix-app-hero__tags,
  body.theme-pheonix .pheonix-app-hero__header .meta-cats {
    justify-content: center !important;
  }

  /* Compact single row: Votes · score · Report */
  body.theme-pheonix .pheonix-app-hero__rate {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.45rem !important;
    padding: 0.35rem 0.55rem !important;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.22);
    border: 1px solid var(--px-border);
  }

  body.theme-pheonix .pheonix-app-hero__rate .box-rating,
  body.theme-pheonix .pheonix-app-hero__rate .box-rating.movil {
    display: inline-flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    width: auto !important;
    flex: 0 1 auto;
  }

  body.theme-pheonix .pheonix-app-hero__rate .box-rating > .rating {
    display: none !important; /* keep row compact: votes + score + report */
  }

  body.theme-pheonix .pheonix-app-hero__rate .box-rating > .rating-text {
    flex: 0 0 auto !important;
    order: 0 !important;
    width: auto !important;
    font-size: 0.72rem !important;
  }

  body.theme-pheonix .pheonix-app-hero__rate .rating-average {
    font-size: 0.78rem !important;
  }

  body.theme-pheonix .pheonix-app-hero__rate .rating-average b {
    font-size: 0.78rem !important;
  }

  body.theme-pheonix .pheonix-app-hero__rate .link-report {
    flex: 0 0 auto;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(255, 255, 255, 0.04) !important;
    padding: 0.18rem 0.5rem !important;
    border-radius: 999px !important;
    font-size: 0.68rem !important;
    gap: 0.25rem !important;
  }

  body.theme-pheonix .pheonix-app-hero__rate .link-report i {
    font-size: 0.65rem !important;
  }

  body.theme-pheonix .pheonix-app-hero__cta .buttond {
    min-height: 48px;
    font-size: 0.95rem !important;
    white-space: nowrap !important;
  }

  /* Specs: 2-col chips on mobile */
  html body.theme-pheonix .app-s .data-app,
  html body.theme-pheonix .pheonix-specs .data-app,
  html body.theme-pheonix .box-data-app .data-app {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.45rem !important;
  }

  html body.theme-pheonix .app-s .da-s,
  html body.theme-pheonix .pheonix-specs .da-s {
    padding: 0.65rem 0.5rem !important;
    font-size: 0.9rem !important;
    text-align: left;
    background: rgba(0, 0, 0, 0.28) !important;
    border: 1px solid var(--px-border) !important;
    border-radius: 12px !important;
    color: #fff !important;
  }

  html body.theme-pheonix .app-s .da-s b,
  html body.theme-pheonix .pheonix-specs .da-s b {
    display: block !important;
    color: #9aa6b8 !important;
    font-size: 0.68rem !important;
    text-transform: uppercase !important;
    margin-bottom: 0.25rem !important;
  }

  html body.theme-pheonix .app-s .da-s b::after,
  html body.theme-pheonix .pheonix-specs .da-s b::after {
    content: none !important;
  }

  body.theme-pheonix .app-s .box:not(:has(.pheonix-app-hero)),
  body.theme-pheonix #comments,
  body.theme-pheonix .box.imagenes,
  body.theme-pheonix .box.bxdwnl,
  body.theme-pheonix .box.rlat,
  body.theme-pheonix .box-social {
    padding: 0.9rem 12px !important;
    border-radius: 14px !important;
  }

  /* Social share — icons only, forced single row */
  body.theme-pheonix .botones_sociales {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 0.35rem !important;
    width: 100% !important;
  }

  body.theme-pheonix .botones_sociales li,
  body.theme-pheonix .botones_sociales li.tg,
  body.theme-pheonix .botones_sociales li.ws {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    display: flex !important;
    justify-content: center !important;
  }

  body.theme-pheonix .botones_sociales a,
  body.theme-pheonix .botones_sociales span,
  body.theme-pheonix .box:not(.box-download) .botones_sociales a {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 0 !important; /* hide text labels */
    line-height: 0 !important;
    gap: 0 !important;
    white-space: nowrap !important;
    margin: 0 auto !important;
  }

  body.theme-pheonix .botones_sociales a i,
  body.theme-pheonix .botones_sociales li i {
    font-size: 1.05rem !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
  }

  body.theme-pheonix .rlat .baps,
  body.theme-pheonix .box.rlat .baps,
  html body.theme-pheonix .app-s .box.rlat .baps {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem !important;
    white-space: normal !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.theme-pheonix .rlat .bav1,
  html body.theme-pheonix .box.rlat .bav1 {
    width: auto !important;
    display: flex !important;
    padding: 0 !important;
    max-width: none !important;
  }

  html body.theme-pheonix .rlat .bav1:only-child {
    grid-column: 1 / -1;
    max-width: 100% !important;
  }

  html body.theme-pheonix .rlat .bav1:nth-of-type(5) {
    display: flex !important;
  }

  body.theme-pheonix #slideimages .px-carousel-nav {
    display: none !important;
  }

  body.theme-pheonix #slideimages .px-carousel-item img,
  body.theme-pheonix .box.imagenes img {
    max-height: min(65vw, 280px) !important;
  }

  body.theme-pheonix .box.imagenes,
  body.theme-pheonix .box.bxdwnl,
  body.theme-pheonix .box.rlat {
    padding: 0.85rem 12px !important;
  }

  body.theme-pheonix .container.pheonix-single #sidebar {
    margin-top: 0.5rem;
  }

  body.theme-pheonix #footer.pheonix-footer {
    margin-top: 1.75rem;
    padding: 1.25rem 0 1rem;
  }

  body.theme-pheonix .pheonix-footer__bottom {
    gap: 0.5rem;
  }
}

@media (max-width: 380px) {
  html body.theme-pheonix .app-s .data-app,
  html body.theme-pheonix .pheonix-specs .data-app {
    grid-template-columns: 1fr 1fr !important;
  }

  body.theme-pheonix .botones_sociales {
    gap: 0.25rem !important;
  }

  body.theme-pheonix .botones_sociales a,
  body.theme-pheonix .botones_sociales span {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
  }

  body.theme-pheonix .botones_sociales a i {
    font-size: 0.95rem !important;
  }
}

/* ---------- Footer ---------- */
body.theme-pheonix #footer.pheonix-footer {
  background: #050608;
  border-top: 1px solid var(--px-border);
  margin-top: 2.5rem;
  padding: 1.5rem 0 1.25rem;
}

body.theme-pheonix .pheonix-footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  text-align: center;
  color: var(--px-muted);
  font-size: 0.88rem;
  padding: 0 12px;
}

body.theme-pheonix .pheonix-footer__copy {
  margin: 0;
  color: #8b95a5;
  line-height: 1.4;
}

body.theme-pheonix .pheonix-footer__nav {
  width: 100%;
}

body.theme-pheonix .pheonix-footer__nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.35rem 0.85rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

body.theme-pheonix .pheonix-footer__nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Kill WP/menu separators that look like stray hyphens */
body.theme-pheonix .pheonix-footer__nav li::before,
body.theme-pheonix .pheonix-footer__nav li::after {
  content: none !important;
  display: none !important;
}

body.theme-pheonix .pheonix-footer__nav a {
  color: #d0d7e2;
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
}

body.theme-pheonix .pheonix-footer__nav a:hover {
  color: var(--px-accent);
}

body.theme-pheonix .pheonix-footer__mark {
  margin-top: 0.15rem;
}

body.theme-pheonix .pheonix-footer__mark .pheonix-wordmark {
  font-size: 1.05rem;
  opacity: 0.85;
}

/* ---------- Widgets ---------- */
body.theme-pheonix .widget,
body.theme-pheonix #sidebar .box {
  background: var(--px-surface);
  border: 1px solid var(--px-border);
  border-radius: var(--px-radius);
  box-shadow: none;
}

body.theme-pheonix #menu-mobile {
  background: var(--px-bg-elevated);
}

body.theme-pheonix .ads {
  background: rgba(255, 255, 255, 0.03);
}

/* Content feature tables */
body.theme-pheonix .entry table,
body.theme-pheonix .app-s .entry table,
body.theme-pheonix .desent table,
body.theme-pheonix table.has-fixed-layout {
  width: 100% !important;
  max-width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #121722 !important;
  border: 1px solid var(--px-border) !important;
  border-radius: 14px !important;
  overflow: hidden;
  margin: 1rem 0 1.35rem !important;
  color: #e8eef8 !important;
}

body.theme-pheonix .entry table thead th,
body.theme-pheonix .app-s .entry table thead th,
body.theme-pheonix table.has-fixed-layout thead th,
body.theme-pheonix table thead th {
  background: rgba(61, 222, 123, 0.12) !important;
  color: #fff !important;
  font-family: var(--px-display);
  font-weight: 700 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.01em;
  padding: 0.85rem 1.1rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(61, 222, 123, 0.35) !important;
  text-align: left !important;
}

body.theme-pheonix .entry table tbody td,
body.theme-pheonix .app-s .entry table tbody td,
body.theme-pheonix table.has-fixed-layout tbody td,
body.theme-pheonix #versiones table tbody > tr:nth-child(odd) td {
  background: transparent !important;
  color: #d5dce6 !important;
  padding: 0.8rem 1.1rem !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.07) !important;
  font-size: 0.95rem !important;
  line-height: 1.45;
  vertical-align: top;
}

body.theme-pheonix .entry table tbody td:last-child,
body.theme-pheonix table.has-fixed-layout tbody td:last-child,
body.theme-pheonix .entry table thead th:last-child,
body.theme-pheonix table.has-fixed-layout thead th:last-child {
  border-right: 0 !important;
}

body.theme-pheonix .entry table tbody tr:last-child td,
body.theme-pheonix table.has-fixed-layout tbody tr:last-child td {
  border-bottom: 0 !important;
}

body.theme-pheonix .entry table tbody tr:nth-child(even) td,
body.theme-pheonix table.has-fixed-layout tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.025) !important;
}

body.theme-pheonix .entry table tbody td:first-child,
body.theme-pheonix table.has-fixed-layout tbody td:first-child {
  color: #9aa6b8 !important;
  font-weight: 600;
  width: 38%;
}

body.theme-pheonix #backtotop {
  background: var(--px-accent) !important;
  color: var(--px-accent-ink) !important;
  border-radius: 50% !important;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

body.theme-pheonix #backtotop i,
body.theme-pheonix #backtotop::before {
  color: var(--px-accent-ink) !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
  font-size: 1rem !important;
  line-height: 1 !important;
}

/* Rounded-theme icon nudge breaks our flex buttons */
html body.theme-pheonix .buttond i::before,
html body.theme-pheonix .app-s .bx-download ul li a i::before,
html body.theme-pheonix #list-downloadlinks li a i::before {
  position: static !important;
  left: auto !important;
}

/* ---------- Tablet / Mobile nav (match Appyn breakpoint) ---------- */
@media (max-width: 900px) {
  /* Our desktop flex menu must NOT override parent mobile hide */
  body.theme-pheonix #header nav {
    margin-left: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    z-index: 10001;
  }

  body.theme-pheonix #header nav ul.menu,
  body.theme-pheonix #header nav ul {
    display: none !important;
  }

  body.theme-pheonix #header .menu-open {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid var(--px-border);
    color: #fff !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
    cursor: pointer;
    position: relative;
    z-index: 10002;
    -webkit-tap-highlight-color: transparent;
  }

  body.theme-pheonix #header .menu-open i,
  body.theme-pheonix #header .menu-open .fa {
    color: #fff !important;
    pointer-events: none;
  }

  body.theme-pheonix #header .container {
    gap: 0.75rem;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.theme-pheonix #header .searchBox {
    display: none !important;
  }

  body.theme-pheonix #header .logo a img,
  body.theme-pheonix #header .pheonix-logo img,
  body.theme-pheonix .pheonix-logo img {
    height: 48px !important;
    max-height: 48px !important;
    width: auto !important;
  }
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .pheonix-hero {
    min-height: auto;
    padding: 1.25rem 0 2rem;
  }

  .pheonix-hero__brand {
    font-size: clamp(2.2rem, 12vw, 3rem);
  }

  .pheonix-hero__search {
    border-radius: 12px;
  }

  body.theme-pheonix .pheonix-footer__bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  /* Search + social already removed under 900px — keep hidden here too */
  html body.theme-pheonix #subheader,
  html body.theme-pheonix #subheader.np {
    display: none !important;
  }

  body.theme-pheonix .entry table,
  body.theme-pheonix table.has-fixed-layout {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ============================================================
   MOBILE UX POLISH — phones only (≤780px). Desktop untouched.
   ============================================================ */
@media (max-width: 780px) {
  /* Base: no horizontal scroll, readable type, safe area */
  html body.theme-pheonix,
  html body.theme-pheonix .wrapper-inside,
  html body.theme-pheonix #main-site {
    overflow-x: hidden !important;
  }

  html body.theme-pheonix {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
  }

  html body.theme-pheonix #main-site,
  html body.theme-pheonix.single #main-site {
    padding-top: 0 !important;
    padding-bottom: env(safe-area-inset-bottom, 0);
  }

  /* Header — taller bar, larger logo, no vertical padding */
  body.theme-pheonix #header.pheonix-header {
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 !important;
  }

  body.theme-pheonix #header .container {
    height: 64px !important;
    min-height: 64px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.theme-pheonix #header .logo a img,
  body.theme-pheonix #header .pheonix-logo img {
    height: 50px !important;
    max-height: 50px !important;
  }

  body.theme-pheonix .pheonix-wordmark {
    font-size: 1.3rem !important;
  }

  body.theme-pheonix #header .menu-open {
    width: 44px !important;
    height: 44px !important;
    border-radius: 12px !important;
  }

  /* Home hero — shorter, search always easy to tap */
  body.theme-pheonix .pheonix-hero {
    min-height: auto !important;
    padding: 1rem 0 1.5rem !important;
  }

  body.theme-pheonix .pheonix-hero__brand {
    font-size: clamp(2rem, 11vw, 2.6rem) !important;
    margin-bottom: 0.5rem !important;
  }

  body.theme-pheonix .pheonix-hero__title {
    font-size: 0.95rem !important;
    margin-bottom: 1.1rem !important;
    line-height: 1.45 !important;
    padding: 0 4px;
  }

  body.theme-pheonix .pheonix-hero__search {
    border-radius: 14px !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.35) !important;
  }

  body.theme-pheonix .pheonix-hero__search input[type="search"] {
    font-size: 16px !important; /* prevents iOS zoom */
    padding: 0.95rem 1rem !important;
    min-height: 48px !important;
  }

  body.theme-pheonix .pheonix-hero__search button {
    width: 52px !important;
    flex-basis: 52px !important;
    min-height: 48px !important;
  }

  body.theme-pheonix .section {
    margin-bottom: 1.75rem !important;
    padding-top: 0.35rem !important;
  }

  body.theme-pheonix .section .title-section,
  body.theme-pheonix .box .box-title {
    font-size: 1.15rem !important;
    margin: 0.65rem 0 0.85rem !important;
    line-height: 1.3 !important;
  }

  body.theme-pheonix #main-site > .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Cards — clearer hierarchy, bigger tap affordance */
  body.theme-pheonix .bav.pheonix-card > a.pheonix-card__link,
  body.theme-pheonix .section .bav1 > a {
    border-radius: 14px !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28) !important;
  }

  body.theme-pheonix .bav.pheonix-card:hover > a,
  body.theme-pheonix .section .bav1:hover > a {
    transform: none !important; /* no hover lift on touch */
  }

  body.theme-pheonix .bav.pheonix-card .title,
  body.theme-pheonix .section .bav1 .title {
    font-size: 0.86rem !important;
    line-height: 1.3 !important;
  }

  body.theme-pheonix .pheonix-card__ver {
    font-size: 0.68rem !important;
  }

  body.theme-pheonix .pheonix-card__dl {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    flex-basis: 36px !important;
    border-radius: 10px !important;
  }

  body.theme-pheonix .pheonix-card__dl i {
    font-size: 0.85rem !important;
  }

  /* ---- Single app: modern, scannable, thumb-friendly ---- */
  body.theme-pheonix .container.pheonix-single {
    padding: 0.25rem 12px 2.5rem !important;
  }

  body.theme-pheonix .pheonix-app-hero {
    padding: 0.9rem 12px 1rem !important;
    gap: 0.7rem !important;
    border-radius: 18px !important;
  }

  body.theme-pheonix .pheonix-app-hero__crumbs #breadcrumbs,
  body.theme-pheonix .pheonix-app-hero #breadcrumbs {
    font-size: 0.75rem !important;
    line-height: 1.35 !important;
  }

  body.theme-pheonix .pheonix-app-hero__icon {
    width: 148px !important;
    height: 148px !important;
  }

  body.theme-pheonix .pheonix-app-hero__icon .bloque-imagen {
    width: 148px !important;
    height: 148px !important;
    border-radius: 30px !important;
  }

  body.theme-pheonix .pheonix-app-hero h1,
  body.theme-pheonix .app-s .pheonix-app-hero h1 {
    font-size: 1.28rem !important;
    line-height: 1.28 !important;
    margin-bottom: 0.35rem !important;
  }

  body.theme-pheonix .pheonix-app-hero__version {
    font-size: 0.95rem !important;
    margin-bottom: 0.4rem !important;
  }

  body.theme-pheonix .pheonix-app-hero__header .meta-cats a,
  body.theme-pheonix .meta-cats a {
    font-size: 0.72rem !important;
    padding: 0.3rem 0.7rem !important;
    min-height: 28px;
  }

  body.theme-pheonix .pheonix-app-hero__lead {
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
    color: #c9d2de !important;
    text-align: left !important;
  }

  /* Primary CTA — large, sticky near thumb */
  body.theme-pheonix .pheonix-app-hero__cta {
    position: sticky !important;
    bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    z-index: 30;
    width: 100% !important;
    padding: 0.35rem 0 0.15rem !important;
    background: linear-gradient(180deg, transparent, rgba(10, 12, 16, 0.92) 35%, rgba(10, 12, 16, 0.98));
  }

  body.theme-pheonix .pheonix-app-hero__cta .buttond,
  body.theme-pheonix .pheonix-app-hero__cta a.buttond {
    min-height: 52px !important;
    font-size: 1.02rem !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(61, 222, 123, 0.28) !important;
    white-space: nowrap !important;
  }

  body.theme-pheonix .pheonix-app-hero__rate {
    width: 100% !important;
    box-sizing: border-box;
  }

  /* Specs chips — always readable */
  html body.theme-pheonix .app-s .da-s,
  html body.theme-pheonix .pheonix-specs .da-s {
    padding: 0.7rem 0.6rem !important;
    font-size: 0.88rem !important;
    border-radius: 12px !important;
    line-height: 1.35 !important;
  }

  html body.theme-pheonix .app-s .da-s b,
  html body.theme-pheonix .pheonix-specs .da-s b {
    font-size: 0.65rem !important;
    letter-spacing: 0.04em !important;
  }

  /* Content boxes */
  body.theme-pheonix .app-s .box:not(:has(.pheonix-app-hero)),
  body.theme-pheonix #comments,
  body.theme-pheonix .box.imagenes,
  body.theme-pheonix .box.bxdwnl,
  body.theme-pheonix .box.rlat,
  body.theme-pheonix .box-social {
    padding: 0.95rem 12px !important;
    border-radius: 16px !important;
    margin-bottom: 0.85rem !important;
  }

  body.theme-pheonix .box .box-title {
    font-size: 1.05rem !important;
    margin: 0 0 0.75rem !important;
  }

  /* Description / long content — 16px body prevents zoom, readable */
  body.theme-pheonix .app-s .entry,
  body.theme-pheonix .app-s .box .entry,
  body.theme-pheonix .app-s .desent {
    font-size: 16px !important;
    line-height: 1.65 !important;
    color: #d7dde8 !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  body.theme-pheonix .app-s .entry img,
  body.theme-pheonix .app-s .box .entry img,
  body.theme-pheonix .box.imagenes img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }

  body.theme-pheonix #slideimages .px-carousel-item img,
  body.theme-pheonix .box.imagenes img {
    max-height: min(70vw, 320px) !important;
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* Download links page — full-bleed tap rows */
  html body.theme-pheonix #list-downloadlinks li a.dapk_b,
  html body.theme-pheonix #list-downloadlinks li a.buttond,
  html body.theme-pheonix .bx-download .buttond {
    min-height: 52px !important;
    font-size: 0.98rem !important;
    border-radius: 14px !important;
    padding: 0.9rem 1rem !important;
  }

  body.theme-pheonix .bx-download {
    padding: 0.85rem 12px !important;
    border-radius: 14px !important;
  }

  /* Social — even touch spacing */
  body.theme-pheonix .botones_sociales a,
  body.theme-pheonix .botones_sociales span {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 44px !important;
  }

  /* Sidebar widgets — less dense on phones */
  body.theme-pheonix #sidebar .widget,
  body.theme-pheonix #sidebar .widget_block {
    padding: 0.85rem 12px !important;
    border-radius: 14px !important;
    margin-bottom: 0.75rem !important;
  }

  body.theme-pheonix #sidebar .widget-title,
  body.theme-pheonix #sidebar h2 {
    font-size: 0.95rem !important;
  }

  /* Versions / tables — swipeable, not clipped */
  body.theme-pheonix .entry table,
  body.theme-pheonix .app-s .entry table,
  body.theme-pheonix #versiones table,
  body.theme-pheonix table.has-fixed-layout {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    font-size: 0.88rem !important;
  }

  body.theme-pheonix .entry table thead th,
  body.theme-pheonix .entry table tbody td {
    padding: 0.65rem 0.75rem !important;
    font-size: 0.85rem !important;
    white-space: nowrap;
  }

  /* Comments — usable inputs */
  body.theme-pheonix #comments input[type="text"],
  body.theme-pheonix #comments input[type="email"],
  body.theme-pheonix #comments textarea,
  body.theme-pheonix #respond input,
  body.theme-pheonix #respond textarea {
    font-size: 16px !important;
    min-height: 44px;
    border-radius: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.theme-pheonix #comments textarea,
  body.theme-pheonix #respond textarea {
    min-height: 120px !important;
  }

  /* Footer — compact & clear */
  body.theme-pheonix #footer.pheonix-footer {
    margin-top: 1.5rem !important;
    padding: 1.1rem 0 calc(1rem + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.theme-pheonix .pheonix-footer__copy {
    font-size: 0.8rem !important;
  }

  body.theme-pheonix .pheonix-footer__nav a {
    font-size: 0.82rem !important;
    padding: 0.25rem 0.15rem;
  }

  /* Back to top — thumb reach */
  body.theme-pheonix #backtotop {
    width: 48px !important;
    height: 48px !important;
    right: 12px !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Ads — don’t blow layout */
  body.theme-pheonix .ads {
    max-width: 100% !important;
    overflow: hidden !important;
    margin: 0.5rem 0 !important;
  }

  body.theme-pheonix .ads iframe,
  body.theme-pheonix .ads img {
    max-width: 100% !important;
  }
}