/* CubiqBuilds — hero cinematográfica (rework 26/09/2026).

   Uma imagem larga cobre a tela e troca sozinha; o texto fica à esquerda, sobre
   um degradê que só escurece onde há letra, e a faixa de baixo diz qual build
   está na tela. A seção é sempre escura, nos dois temas: o fundo é uma foto, e
   texto escuro sobre foto não se lê. */
.cubiq-native .cq-hero {
  --hero-ink: #f3f1fa;
  --hero-soft: rgb(243 241 250 / 78%);
  --hero-lav: #b296f5;
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-height: max(640px, min(100svh, 1000px));
  padding: 0;
  overflow: hidden;
  color: var(--hero-ink);
  background: #0c0a14;
}
.cubiq-native .cq-hero-stage {position: absolute; inset: 0; z-index: -2}
.cubiq-native .cq-hero-slide {
  position: absolute;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 1.1s ease;
}
.cubiq-native .cq-hero-slide.is-on {opacity: 1}
.cubiq-native .cq-hero-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--pos, 60% 50%);
  /* um zoom lento de afastamento enquanto o slide está na tela */
  transform: scale(1.07);
  transition: transform 9s cubic-bezier(.2, .6, .3, 1);
}
.cubiq-native .cq-hero-slide.is-on img {transform: scale(1)}
.cubiq-native .cq-hero-shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgb(12 10 20 / 94%) 0%, rgb(12 10 20 / 78%) 28%, rgb(12 10 20 / 30%) 56%, rgb(12 10 20 / 0%) 78%),
    linear-gradient(0deg, rgb(12 10 20 / 100%) 0%, rgb(12 10 20 / 55%) 18%, rgb(12 10 20 / 0%) 40%),
    linear-gradient(180deg, rgb(12 10 20 / 70%) 0%, rgb(12 10 20 / 0%) 20%),
    radial-gradient(70% 90% at 12% 60%, rgb(120 85 208 / 22%), transparent 70%);
}

.cubiq-native .cq-hero-inner {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: calc(var(--cubiq-header-height, 81px) + 24px);
  padding-bottom: 28px;
}
.cubiq-native .cq-hero-copy {max-width: 660px}
.cubiq-native .cq-hero .pixel-heading {
  margin: 0 0 22px;
  font-size: clamp(42px, 5.4vw, 80px);
  line-height: 1.02;
  letter-spacing: .01em;
  color: var(--hero-ink);
  text-shadow: 0 4px 30px rgb(0 0 0 / 45%);
}
.cubiq-native .cq-hero .pixel-heading .text-primary {color: var(--hero-lav) !important}
.cubiq-native .cq-hero-lead {
  max-width: 520px;
  margin: 0 0 30px;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.6;
  color: var(--hero-soft);
}
.cubiq-native .cq-hero-ctas {display: flex; flex-wrap: wrap; align-items: center; gap: 12px 30px}
.cubiq-native .cq-hero-primary {
  min-height: 54px;
  padding: 0 26px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 16px;
  color: #140c24;
  background: linear-gradient(180deg, #c4aefa, #a585f5);
  box-shadow: none !important;
}
.cubiq-native .cq-hero-primary:hover {color: #140c24; filter: brightness(1.04); box-shadow: none !important}
.cubiq-native .cq-hero-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: var(--hero-ink);
  text-decoration: none;
}
.cubiq-native .cq-hero-link i {transition: transform .2s ease}
.cubiq-native .cq-hero-link:hover {color: var(--hero-lav)}
.cubiq-native .cq-hero-link:hover i {transform: translate(2px, -2px)}
.cubiq-native .cq-hero-feats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 30px;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  color: var(--hero-soft);
}
.cubiq-native .cq-hero-feats li {display: inline-flex; align-items: center; gap: 10px}
.cubiq-native .cq-hero-feats i {font-size: 22px; color: var(--hero-lav)}

/* A faixa de baixo: qual build está na tela e o controle da apresentação. */
.cubiq-native .cq-hero-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  width: 100%;
  padding-block: 20px 28px;
  border-top: 0;
}
.cubiq-native .cq-hero-now {display: flex; flex-direction: column; gap: 4px; min-width: 0}
.cubiq-native .cq-hero-kicker {
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgb(243 241 250 / 62%);
}
.cubiq-native .cq-hero-title {
  font-size: clamp(17px, 1.4vw, 21px);
  font-weight: 700;
  line-height: 1.2;
  color: var(--hero-ink);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cubiq-native .cq-hero-nav {display: flex; align-items: center; gap: 16px}
.cubiq-native .cq-hero-btn {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgb(243 241 250 / 26%);
  border-radius: 50%;
  color: var(--hero-ink);
  background: rgb(12 10 20 / 35%);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  font-size: 18px;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}
.cubiq-native .cq-hero-btn:hover,
.cubiq-native .cq-hero-btn:focus-visible {border-color: var(--hero-lav); background: rgb(120 85 208 / 30%)}
.cubiq-native .cq-hero-count {
  min-width: 58px;
  font-size: 14px;
  font-variant-numeric: tabular-nums;
  text-align: center;
  color: rgb(243 241 250 / 62%);
}
.cubiq-native .cq-hero-count b {font-weight: 700; color: var(--hero-ink)}
.cubiq-native .cq-hero-dots {display: flex; gap: 10px; margin: 0}
.cubiq-native .cq-hero-dots button {
  position: relative;
  width: 62px;
  height: 32px;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.cubiq-native .cq-hero-dots button::before,
.cubiq-native .cq-hero-dots span {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 3px;
  margin-top: -1.5px;
  border-radius: 3px;
}
.cubiq-native .cq-hero-dots button::before {content: ''; background: rgb(243 241 250 / 22%)}
.cubiq-native .cq-hero-dots span {background: var(--hero-lav); transform: scaleX(0); transform-origin: 0 50%}
.cubiq-native .cq-hero-dots button.is-done span {transform: scaleX(1)}
.cubiq-native .cq-hero-dots button.is-on span {animation: cq-hero-fill var(--dur, 7s) linear forwards}
.cubiq-native .cq-hero.is-paused .cq-hero-dots button.is-on span {animation-play-state: paused}
.cubiq-native .cq-hero.is-still .cq-hero-dots button.is-on span {animation: none; transform: scaleX(1)}
@keyframes cq-hero-fill {from {transform: scaleX(0)} to {transform: scaleX(1)}}

@media (prefers-reduced-motion: reduce) {
  .cubiq-native .cq-hero-slide,
  .cubiq-native .cq-hero-slide img {transition: none}
  .cubiq-native .cq-hero-slide img {transform: none}
}
/* No editor tudo fica parado no primeiro slide, para ele poder ser editado. */
body.editor_enable .cubiq-native .cq-hero-slide:not(:first-child),
html.o_is_website_editor .cubiq-native .cq-hero-slide:not(:first-child) {display: none}

@media (max-width: 820px) {
  .cubiq-native .cq-hero {min-height: max(600px, min(92svh, 860px))}
  .cubiq-native .cq-hero-shade {
    background:
      linear-gradient(0deg, rgb(12 10 20 / 100%) 0%, rgb(12 10 20 / 88%) 34%, rgb(12 10 20 / 35%) 62%, rgb(12 10 20 / 55%) 100%);
  }
  .cubiq-native .cq-hero-inner {align-items: flex-end; padding-bottom: 20px}
  .cubiq-native .cq-hero-feats {margin-top: 26px; gap: 10px 20px; font-size: 13px}
  .cubiq-native .cq-hero-dots {display: flex; gap: 6px}
  .cubiq-native .cq-hero-dots button {width: 30px}
  .cubiq-native .cq-hero-bar {padding-block: 16px 22px}
  .cubiq-native .cq-hero-btn {width: 40px; height: 40px}
}

/* CubiqBuilds — revisão 27/09: imagem inteira, autoria e nota nativa.
   Superfície simples, cantos discretos, preço apenas com símbolo e valor. */
.cubiq-native .oe_product_cart {
  --card-surface: var(--bg-200);
  --card-line: color-mix(in srgb, var(--text-100) 9%, transparent);
  border: 1px solid var(--card-line) !important;
  border-radius: 8px !important;
  background: var(--card-surface) !important;
  box-shadow: none !important;
  overflow: hidden;
  transition: border-color .2s ease;
}
.cubiq-native .oe_product_cart:hover {
  transform: none;
  border-color: color-mix(in srgb, var(--primary-100) 45%, transparent) !important;
  box-shadow: none !important;
}

/* imagem mais alta: de ~1,26:1 para ~1,12:1 */
.cubiq-native .oe_product_cart .oe_product_image {
  aspect-ratio: 1.12 / 1 !important;
  height: auto !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, var(--media-color, var(--bg-300)) 18%, var(--bg-100)) !important;
}
.cubiq-native .oe_product_cart .oe_product_image_link {position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important}
.cubiq-native .oe_product_cart .oe_product_image_img_wrapper {position: absolute !important; inset: 0; width: 100%; height: 100% !important; margin: 0; padding: 0}
.cubiq-native .oe_product_cart .oe_product_image:has(.oe_product_image_img_wrapper) {background-image: none !important}
.cubiq-native .oe_product_cart .oe_product_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity .2s ease;
  padding: 0 !important;
  max-height: none !important;
}
.cubiq-native .oe_product_cart:hover .oe_product_image img {transform: none !important}
.cubiq-native .oe_product_cart .oe_product_image .cubiq-swatches {position: absolute !important; left: auto !important; right: 12px !important; bottom: 12px !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; background: transparent !important; display: flex; gap: 7px; z-index: 4}
.cubiq-native .oe_product_cart .cubiq-swatches .swatch {width: 23px !important; height: 23px !important; min-width: 23px; border-radius: 3px !important; border: 2px solid rgb(255 255 255 / 85%); box-shadow: 0 1px 4px #0008; background-size: cover; background-position: center}
.cubiq-native .oe_product_cart .cubiq-swatches .swatch[aria-pressed="true"] {outline: 2px solid var(--cubit, #e8c266); outline-offset: 2px}
.cubiq-native .oe_product_cart .cubiq-swatches .swatch:hover {transform: none; border-color: #fff}
.cubiq-native .oe_product_cart .cubiq-category-badge {
  left: 12px !important;
  bottom: 12px !important;
  top: auto !important;
  padding: 5px 10px !important;
  border: 1px solid rgb(255 255 255 / 14%) !important;
  border-radius: 3px !important;
  background: rgb(12 10 20 / 72%) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #f3f1fa !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

/* Corpo: título e uma linha de autoria/avaliação; sem medidas técnicas. */
.cubiq-native .oe_product_cart .o_wsale_product_information {padding: 16px 16px 16px !important; gap: 14px}
.cubiq-native .oe_product_cart .o_wsale_products_item_title {margin: 0 0 6px !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25}
.cubiq-native .oe_product_cart .o_wsale_products_item_title a {color: var(--text-100) !important}
.cubiq-native .oe_product_cart .oe_subdescription_wrapper,
.cubiq-native .oe_product_cart .cubiq-build-meta,
.cubiq-native .oe_product_cart .o_wsale_product_rating_wrapper {display: none !important}
.cubiq-native .oe_product_cart .cq-card-byline {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 14px; margin-top: 9px; min-height: 20px; font-size: 12px; line-height: 1.4; color: var(--text-300)}
.cubiq-native .oe_product_cart .cq-card-creator {min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; color: var(--text-200); font-weight: 400}
.cubiq-native .oe_product_cart .cq-card-creator a {color: inherit; font-weight: 600}
.cubiq-native .oe_product_cart .cq-card-creator a:hover {text-decoration: underline; text-underline-offset: 3px}
.cubiq-native .oe_product_cart .cq-card-creator.is-empty {font-size: 11px; color: var(--text-300)}
.cubiq-native .oe_product_cart .cq-card-rating {display: inline-flex; flex: none; align-items: center; gap: 5px; color: var(--text-200); white-space: nowrap; font-size: 12px}
.cubiq-native .oe_product_cart .cq-card-rating i {font-size: 13px; color: var(--cubit, #e8c266)}
.cubiq-native .oe_product_cart .cq-card-rating small {font-size: 11px; color: var(--text-300)}
.cubiq-native .oe_product_cart .cq-card-rating.is-empty {font-size: 11px; color: var(--text-300)}

/* preço e botão. O ícone do preço mantém a classe antiga .emerald-ico (usada em
   todo o tema), mas agora mostra a moeda dos cubits. */
.cubiq-native .oe_product_cart .o_wsale_product_sub {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-top: auto;
  flex-wrap: nowrap !important;
  padding-top: 14px !important;
  border-top: 0 !important;
}
.cubiq-native .oe_product_cart .o_wsale_product_sub > div:has(.cubiq-price) {min-width: 0}
.cubiq-native .oe_product_cart .o_wsale_product_btn,
.cubiq-native .oe_product_cart .o_wsale_product_action_row {width: auto !important; flex: none !important}
.cubiq-native .oe_product_cart .cubiq-price {
  display: inline-flex !important;
  justify-content: start; /* no catálogo o bloco do preço ocupa a sobra; as colunas não esticam */
  gap: 7px;
  align-items: center;
  line-height: 1.1;
}
.cubiq-native .oe_product_cart .cubiq-price .emerald-ico {
  width: 27px !important;
  height: 27px !important;
  filter: none;
}
.cubiq-native .oe_product_cart .cubiq-price > span:not(.cubiq-price-unit) {font-size: 17px !important; font-weight: 700 !important; color: var(--text-100) !important}
.cubiq-native .oe_product_cart .cubiq-price-unit {
  display: none !important;
}
.cubiq-native .oe_product_cart .o_wsale_product_btn_primary {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 14px !important;
  border: 1px solid color-mix(in srgb, var(--primary-100) 45%, transparent) !important;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--primary-100) 9%, transparent) !important;
  color: var(--primary-200, #c4aefa) !important;
  box-shadow: none !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  transition: background .2s ease, border-color .2s ease;
}
.cubiq-native .oe_product_cart .o_wsale_product_btn_primary:hover {
  background: color-mix(in srgb, var(--primary-100) 20%, transparent) !important;
  border-color: var(--primary-100) !important;
}
.cubiq-native .oe_product_cart .o_wsale_product_btn_primary .o_label {margin: 0 !important; font-size: 13.5px !important}
.cubiq-native .oe_product_cart .o_wsale_product_btn_primary i {font-size: 14px}
/* já no carrinho (o tema troca o conteúdo; clicar de novo remove): a cor do tema
   para esse estado e sempre o texto curto, que cabe ao lado do preço */
.cubiq-native .oe_product_cart .o_wsale_product_btn_primary.cubiq-in-cart {
  border-color: transparent !important;
  background: var(--primary-300) !important;
  color: var(--accent-200) !important;
}
.cubiq-native .oe_product_cart .o_wsale_product_btn_primary .cq-ac-full {display: none !important}
.cubiq-native .oe_product_cart .o_wsale_product_btn_primary .cq-ac-short {display: inline !important}
/* card estreito (duas colunas no celular): o botão fica só com o carrinho, sem
   encavalar no preço. Só nas grades conhecidas, que dão a largura do card. */
.cubiq-native .cq-landing .cubiq-dynamic .oe_product_cart,
.cubiq-native #products_grid .oe_product_cart {container-type: inline-size}
@container (max-width: 250px) {
  .cubiq-native .oe_product_cart .o_wsale_product_btn_primary {width: 38px !important; min-width: 38px; padding: 0 !important; justify-content: center}
  .cubiq-native .oe_product_cart .o_wsale_product_btn_primary .o_label {display: none !important}
  .cubiq-native .oe_product_cart .cq-card-byline {flex-direction: column; align-items: flex-start; gap: 5px}
  .cubiq-native .oe_product_cart .o_wsale_product_information {padding: 12px !important; gap: 8px}
  .cubiq-native .oe_product_cart .cubiq-price > span:not(.cubiq-price-unit) {font-size: 16px !important}
  .cubiq-native .oe_product_cart .cubiq-price .emerald-ico {width: 24px !important; height: 24px !important}
  .cubiq-native .oe_product_cart .cubiq-swatches {right: 9px !important; bottom: 9px !important; gap: 8px}
  .cubiq-native .oe_product_cart .cubiq-swatches .swatch {width: 25px !important; height: 25px !important}
  .cubiq-native .oe_product_cart .oe_product_image:has(.cubiq-swatches) .cubiq-category-badge {bottom: 45px !important}
}

/* o coração em cima da imagem, no canto */
.cubiq-native .oe_product_cart .o_add_wishlist {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgb(255 255 255 / 16%) !important;
  border-radius: 50% !important;
  background: rgb(12 10 20 / 60%) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #f3f1fa !important;
}

/* no tema claro a sombra escura pesa no branco */
@media (prefers-color-scheme: light) {
  .cubiq-native .oe_product_cart {box-shadow: none !important}
  .cubiq-native .oe_product_cart:hover {box-shadow: none !important}
}

/* CubiqBuilds — vitrine da home logo abaixo da hero (rework 26/09/2026).

   Como no mcmodels: título e, direto, os cards. "Em destaque" é uma fileira de
   quatro e "Novas builds" são duas, com os estilos em cima. Os dois continuam
   sendo os snippets dinâmicos da Odoo (a equipe escolhe o filtro no editor);
   aqui o carrossel vira grade, então todos os cards ficam à vista. */
.cubiq-native #wrap.cq-landing {background-image: var(--grid-pattern); background-size: 68px 68px; background-repeat: repeat}
.cubiq-native .cq-landing section.cubiq-home-marketplace {padding: 76px 0 12px !important; border-top: 0 !important; background: transparent}
.cubiq-native .cq-landing .cubiq-home-marketplace .panel-tint {background: transparent}
.cubiq-native .cq-landing .cubiq-dynamic {padding-block: 0 44px !important}
.cubiq-native .cq-landing .cubiq-dynamic .s_dynamic_snippet_container {max-width: 1400px; padding-inline: clamp(20px, 4vw, 56px)}

/* cabeçalho de cada vitrine */
.cubiq-native .cq-landing .cubiq-dynamic .discover-sub-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px 24px;
  margin: 0 0 26px !important;
}
.cubiq-native .cq-landing .cubiq-dynamic .discover-sub-head .pixel-heading {margin: 0 !important; font-size: clamp(34px, 3.2vw, 48px) !important; line-height: 1}
.cubiq-native .cq-landing .cubiq-dynamic .discover-sub-head .section-lead {margin: 10px 0 0 !important; font-size: 15px !important; color: var(--text-200) !important}
/* na altura do título, como na referência */
.cubiq-native .cq-landing .cubiq-dynamic .discover-sub-head .link-arrow {grid-column: 2; grid-row: 1; align-self: start; margin-top: clamp(8px, 1vw, 14px); font-weight: 700; white-space: nowrap}

/* estilos (chips) sob "Novas builds" */
.cubiq-native .cq-landing .cq-styles {display: flex; align-items: center; gap: 10px; margin-top: 18px; overflow-x: auto; scrollbar-width: none}
.cubiq-native .cq-landing .cq-styles::-webkit-scrollbar {display: none}
.cubiq-native .cq-landing .cq-styles-label {flex: none; font-size: 15px; color: var(--text-200)}
.cubiq-native .cq-landing .cq-styles a {
  flex: none;
  padding: 9px 18px;
  border: 1px solid color-mix(in srgb, var(--text-100) 14%, transparent);
  border-radius: 10px;
  color: var(--text-100);
  background: color-mix(in srgb, var(--bg-200) 70%, transparent);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease;
}
.cubiq-native .cq-landing .cq-styles a:hover {border-color: color-mix(in srgb, var(--primary-100) 55%, transparent)}
/* texto na cor do fundo da página: escuro sobre lavanda no tema escuro, branco sobre roxo no claro */
.cubiq-native .cq-landing .cq-styles a.is-on {border-color: transparent; color: var(--bg-100); background: var(--primary-100)}

/* carrossel → grade. Os slides e as fileiras saem da caixa (display: contents) e
   os cards viram filhos diretos da grade, seja qual for o agrupamento que a Odoo
   escolheu para a largura da tela: 4 por slide no computador, 1 no celular. */
.cubiq-native .cq-landing .cubiq-dynamic .s_dynamic_snippet_arrows {display: none !important}
.cubiq-native .cq-landing .cubiq-dynamic .carousel,
.cubiq-native .cq-landing .cubiq-dynamic .carousel-inner {width: 100% !important; max-width: none !important; margin: 0 !important; overflow: visible !important; transform: none !important}
.cubiq-native .cq-landing .cubiq-dynamic .carousel-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  padding: 0 !important;
}
.cubiq-native .cq-landing .cubiq-dynamic .carousel-item,
.cubiq-native .cq-landing .cubiq-dynamic .s_dynamic_snippet_row {display: contents !important}
.cubiq-native .cq-landing .cubiq-dynamic .s_dynamic_snippet_row > div {width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; flex: none !important}
.cubiq-native .cq-landing .cubiq-dynamic .s_dynamic_snippet_row > div > .oe_product_cart {width: 100%; height: 100%}

/* o convite para o catálogo inteiro, logo depois */
.cubiq-native .cq-landing section.catalog-cta {padding: 8px 0 92px !important}
.cubiq-native .cq-landing .catalog-cta .btn {
  min-height: 52px;
  padding: 0 28px !important;
  border: 1px solid color-mix(in srgb, var(--primary-100) 55%, transparent) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--primary-100) 7%, transparent) !important;
  color: var(--primary-200, #c4aefa) !important;
  font-weight: 700;
}
.cubiq-native .cq-landing .catalog-cta .btn:hover {background: color-mix(in srgb, var(--primary-100) 16%, transparent) !important}

/* "Em destaque" tem quatro cards: de 4 colunas direto para 2, sem sobrar um sozinho */
@media (max-width: 991px) {
  .cubiq-native .cq-landing .cubiq-dynamic .carousel-inner {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px}
}
/* no celular a Odoo entrega um card por slide; "Novas builds" mostra só os quatro
   primeiros, e os estilos que não cabem somem aos poucos na borda (dá para rolar) */
@media (max-width: 767px) {
  .cubiq-native .cq-landing #novidades .carousel-item:nth-child(n+5) {display: none !important}
  .cubiq-native .cq-landing .cq-styles {-webkit-mask-image: linear-gradient(90deg, #000 82%, transparent); mask-image: linear-gradient(90deg, #000 82%, transparent)}
}

/* CubiqBuilds — Membership (rework 26/09/2026).

   Os dois planos lado a lado, com a moeda de verdade no alto de cada um (uma no
   Pro, três em leque no Premium), o número de cubits grande e as dúvidas logo
   abaixo, em duas colunas. Moedas soltas em volta flutuam devagar; com "reduzir
   movimento" ficam paradas. */
.cubiq-native section.cq-member {
  position: relative;
  isolation: isolate;
  padding: 96px 0 104px !important;
  overflow: hidden;
  background:
    radial-gradient(46% 42% at 50% 38%, rgb(120 85 208 / 26%), transparent 72%),
    radial-gradient(30% 30% at 12% 70%, rgb(120 85 208 / 12%), transparent 70%),
    radial-gradient(30% 30% at 88% 30%, rgb(120 85 208 / 12%), transparent 70%) !important;
}
.cubiq-native .cq-member-head {max-width: 720px; margin: 0 auto 44px; text-align: center}
.cubiq-native .cq-member-head .pixel-heading {margin: 0 0 12px; font-size: clamp(38px, 4vw, 60px); line-height: 1; color: var(--text-100)}
.cubiq-native .cq-member-head p {margin: 0; font-size: 17px; color: var(--text-200)}

.cubiq-native .cq-member-plans {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 420px));
  justify-content: center;
  gap: 24px;
}
.cubiq-native .cq-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid color-mix(in srgb, var(--primary-100) 32%, transparent);
  border-radius: 20px;
  background: color-mix(in srgb, var(--bg-100) 88%, #000);
  overflow: hidden;
}
.cubiq-native .cq-plan.is-featured {
  border-color: color-mix(in srgb, var(--primary-100) 85%, #fff 5%);
  box-shadow: 0 0 0 1px rgb(165 133 245 / 18%);
}
/* A luz percorre apenas o contorno, como no Premium atual. */
@property --cq-member-angle {syntax: '<angle>'; inherits: false; initial-value: 0deg}
.cubiq-native .cq-plan.is-featured::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 2px; z-index: 2; pointer-events: none;
  background: conic-gradient(from var(--cq-member-angle), transparent 0deg 292deg, rgb(165 133 245 / 30%) 318deg, #c4aefa 338deg, #f6f0ff 350deg, #c4aefa 356deg, transparent 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude;
  animation: cq-member-border 4.6s cubic-bezier(.3,.06,.16,1) infinite;
}
@keyframes cq-member-border {0% {--cq-member-angle: 0deg} 88%,100% {--cq-member-angle: 360deg}}
/* Degradê contínuo, sem faixas diagonais. */
.cubiq-native .cq-plan-top {
  position: relative;
  padding: 30px 28px 26px;
  text-align: center;
  background: linear-gradient(180deg, rgb(70 42 140 / 55%), rgb(28 20 52 / 35%));
  border-bottom: 1px solid color-mix(in srgb, var(--primary-100) 24%, transparent);
}
.cubiq-native .cq-plan.is-featured .cq-plan-top {
  background: linear-gradient(180deg, rgb(98 58 196 / 78%), rgb(46 28 96 / 55%));
}
.cubiq-native .cq-plan-top h3 {margin: 0 0 16px; font-size: 13px; font-weight: 800; letter-spacing: .32em; text-transform: uppercase; color: var(--text-100)}
.cubiq-native .cq-plan-badge {
  position: absolute;
  top: 18px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  background: linear-gradient(180deg, #b99cff, #9173ea);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: none;
}
.cubiq-native .cq-plan-coins {display: flex; justify-content: center; align-items: flex-end; height: 104px; margin-bottom: 10px}
.cubiq-native .cq-plan-coins img {width: 96px; height: 96px; object-fit: contain; filter: drop-shadow(0 12px 22px rgb(0 0 0 / 45%))}
.cubiq-native .cq-plan-coins.is-three img {width: 84px; height: 84px}
.cubiq-native .cq-plan-coins.is-three img:nth-child(1) {margin-right: -26px; transform: rotate(-14deg) translateY(6px); filter: drop-shadow(0 10px 18px rgb(0 0 0 / 45%)) brightness(.9)}
.cubiq-native .cq-plan-coins.is-three img:nth-child(2) {position: relative; z-index: 1; width: 104px; height: 104px}
.cubiq-native .cq-plan-coins.is-three img:nth-child(3) {margin-left: -26px; transform: rotate(14deg) translateY(6px); filter: drop-shadow(0 10px 18px rgb(0 0 0 / 45%)) brightness(.9)}
.cubiq-native .cq-plan-cubits {
  margin: 0;
  font-size: clamp(76px, 7.2vw, 108px);
  line-height: .9;
  background: linear-gradient(180deg, #d9c9ff, #9d7df2);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 6px 18px rgb(141 102 240 / 45%));
}
.cubiq-native .cq-plan.is-featured .cq-plan-cubits {background: linear-gradient(180deg, #ffffff, #e6dcff); -webkit-background-clip: text; background-clip: text}
.cubiq-native .cq-plan-unit {margin: 12px 0 14px; font-size: 13px; font-weight: 800; letter-spacing: .26em; text-transform: uppercase; color: #b99cff}
.cubiq-native .cq-plan-price {margin: 0; font-size: 34px; font-weight: 800; color: var(--text-100)}
.cubiq-native .cq-plan-price span {margin-left: 6px; font-size: 20px; font-weight: 500; color: #b99cff}

.cubiq-native .cq-plan-body {display: flex; flex-direction: column; flex: 1; padding: 26px 28px 28px}
.cubiq-native .cq-plan-kicker {margin: 0 0 16px; font-size: 12px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: #b99cff}
.cubiq-native .cq-plan-body ul {display: flex; flex-direction: column; gap: 14px; margin: 0 0 26px; padding: 0; list-style: none}
.cubiq-native .cq-plan-body li {display: flex; align-items: center; gap: 14px; font-size: 16px; color: var(--text-100)}
.cubiq-native .cq-plan-body li i {font-size: 20px; color: #b99cff}
.cubiq-native .cq-plan-cta {
  margin-top: auto;
  width: 100%;
  min-height: 56px;
  border: 1px solid color-mix(in srgb, var(--primary-100) 70%, transparent) !important;
  border-radius: 12px !important;
  background: rgb(60 36 120 / 45%) !important;
  color: #fff !important;
  font-size: 17px;
  font-weight: 800;
  box-shadow: none !important;
}
.cubiq-native .cq-plan-cta:hover {background: rgb(90 56 170 / 55%) !important}
.cubiq-native .cq-plan.is-featured .cq-plan-cta {
  border-color: transparent !important;
  background: linear-gradient(180deg, #b99cff, #8e6ef0) !important;
  box-shadow: none !important;
}
.cubiq-native .cq-plan.is-featured .cq-plan-cta:hover {filter: brightness(1.07)}
.cubiq-native section.cq-member .cq-pricing-note {margin: 22px 0 0; text-align: center; font-size: 12.5px; color: var(--text-300)}

/* dúvidas: duas colunas logo abaixo */
.cubiq-native .cq-member-faq {max-width: 980px; margin: 56px auto 0}
.cubiq-native .cq-member-faq h3 {margin: 0 0 20px; text-align: center; font-size: 26px; font-weight: 800; color: var(--text-100)}
.cubiq-native .cq-member-faq .faq-list {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; align-items: start}
.cubiq-native .cq-member-faq .faq-item {margin: 0 !important}

/* as moedas soltas */
.cubiq-native .cq-member-coins {position: absolute; inset: 0; z-index: -1; pointer-events: none}
.cubiq-native .cq-member-coins img {
  position: absolute;
  width: var(--s, 90px);
  height: auto;
  filter: drop-shadow(0 0 22px rgb(255 190 60 / 35%)) drop-shadow(0 14px 22px rgb(0 0 0 / 50%));
  animation: cq-coin-float var(--d, 6s) ease-in-out infinite alternate;
  animation-delay: var(--w, 0s);
}
.cubiq-native .cq-member-coins .c1 {--s: 52px; left: 13%; top: 8%; --r: -12deg; --d: 5.2s}
.cubiq-native .cq-member-coins .c2 {--s: 150px; left: 3%; top: 22%; --r: -18deg; --d: 6.4s; --w: .6s}
.cubiq-native .cq-member-coins .c3 {--s: 70px; left: 8%; top: 50%; --r: -8deg; --d: 5.6s; --w: 1.2s}
.cubiq-native .cq-member-coins .c4 {--s: 64px; left: 13%; top: 70%; --r: 12deg; --d: 4.8s; --w: .3s}
.cubiq-native .cq-member-coins .c5 {--s: 132px; right: 5%; top: 4%; --r: 14deg; --d: 6s; --w: .9s}
.cubiq-native .cq-member-coins .c6 {--s: 150px; right: 3%; top: 40%; --r: 18deg; --d: 6.8s; --w: 1.6s}
.cubiq-native .cq-member-coins .c7 {--s: 58px; right: 15%; top: 26%; --r: -10deg; --d: 5s; --w: .4s}
/* Face frontal inclinada para o centro: o C nunca é espelhado. */
.cubiq-native .cq-member-coins :is(.c1,.c2,.c3,.c4) {--yaw: 28deg}
.cubiq-native .cq-member-coins .c1 {left: 12%; top: 10%; --yaw: 64deg}
.cubiq-native .cq-member-coins .c2 {left: 4%; top: 27%; --s: 132px; --r: -10deg}
.cubiq-native .cq-member-coins .c3 {display: none}
.cubiq-native .cq-member-coins .c4 {left: 11%; top: 62%; --s: 58px; --yaw: 44deg}
.cubiq-native .cq-member-coins .c5 {right: 7%; top: 8%; --s: 110px; --r: 10deg}
.cubiq-native .cq-member-coins .c6 {right: 4%; top: 52%; --s: 130px; --r: 12deg}
.cubiq-native .cq-member-coins .c7 {display: none}
.cubiq-native .cq-member-coins i {position: absolute; width: 14px; height: 14px; background: #fff3c4; clip-path: polygon(50% 0, 60% 40%, 100% 50%, 60% 60%, 50% 100%, 40% 60%, 0 50%, 40% 40%); opacity: .8; animation: cq-spark 2.8s ease-in-out infinite}
.cubiq-native .cq-member-coins .s1 {left: 4%; top: 25%}
.cubiq-native .cq-member-coins .s2 {left: 16%; top: 48%; animation-delay: 1s}
.cubiq-native .cq-member-coins .s3 {right: 4%; top: 9%; animation-delay: .5s}
.cubiq-native .cq-member-coins .s4 {right: 9%; top: 60%; animation-delay: 1.6s}
@keyframes cq-coin-float {from {transform: perspective(600px) translateY(-6px) rotate(var(--r, 0deg)) rotateY(var(--yaw, 0deg))} to {transform: perspective(600px) translateY(8px) rotate(calc(var(--r, 0deg) + 4deg)) rotateY(var(--yaw, 0deg))}}
@keyframes cq-spark {0%, 100% {opacity: .15; transform: scale(.6)} 50% {opacity: .9; transform: scale(1)}}
@media (prefers-reduced-motion: reduce) {
  .cubiq-native .cq-member-coins img,
  .cubiq-native .cq-member-coins i {animation: none; transform: perspective(600px) rotate(var(--r, 0deg)) rotateY(var(--yaw, 0deg))}
  .cubiq-native .cq-plan.is-featured::before {animation: none}
}
@media (max-width: 1100px) {
  .cubiq-native .cq-member-coins .c1, .cubiq-native .cq-member-coins .c3, .cubiq-native .cq-member-coins .c4, .cubiq-native .cq-member-coins .c7 {display: none}
  .cubiq-native .cq-member-coins .c2, .cubiq-native .cq-member-coins .c5, .cubiq-native .cq-member-coins .c6 {--s: 90px}
}
@media (max-width: 860px) {
  .cubiq-native .cq-member-plans {grid-template-columns: minmax(0, 460px)}
  .cubiq-native .cq-member-faq .faq-list {grid-template-columns: 1fr}
  .cubiq-native .cq-member-coins {display: none}
}
@media (max-width: 480px) {
  .cubiq-native .cq-plan-badge {position: static; margin: 0 auto 16px}
}

/* CubiqBuilds — marca no cabeçalho e no rodapé (rework 26/09/2026).
   O logo horizontal oficial no lugar do cubo + "CUBIQ / Minecraft Builds
   Market": versão para fundo escuro e para fundo claro, trocadas pelo tema. */
.cubiq-native .logo.cq-brand {display: inline-flex; align-items: center; gap: 0; line-height: 0}
.cubiq-native .logo.cq-brand img {display: block; width: auto; height: 42px}
.cubiq-native .logo.cq-brand .cq-brand-light {display: none}
@media (prefers-color-scheme: light) {
  .cubiq-native .logo.cq-brand .cq-brand-dark {display: none}
  .cubiq-native .logo.cq-brand .cq-brand-light {display: block}
}
/* No alto da home o cabeçalho está sobre a foto da hero, que é escura nos dois
   temas. Enquanto não rola, ele usa a paleta escura (as variáveis do tema são
   redefinidas só dentro dele) e o logo para fundo escuro. */
@media (prefers-color-scheme: light) {
  .cubiq-native.o_header_overlay:has(.cq-hero) header.site-header:not(.scrolled) {
    --text-100: #f3f1fa; --text-200: #c4bed4; --text-300: #8e86a6;
    --bg-100: #0c0a14; --bg-200: #16121f; --bg-300: #2b2440;
    --glass-bg: rgba(12,10,20,.55); --glass-bg-strong: rgba(22,18,31,.82); --glass-border: rgba(255,255,255,.14);
    --primary-100: #a585f5; --primary-200: #c4aefa; --panel-tint: #100d1a;
    color: var(--text-100);
  }
  .cubiq-native.o_header_overlay:has(.cq-hero) header.site-header:not(.scrolled) .logo.cq-brand .cq-brand-dark {display: block}
  .cubiq-native.o_header_overlay:has(.cq-hero) header.site-header:not(.scrolled) .logo.cq-brand .cq-brand-light {display: none}
}
.cubiq-native .footer-brand .logo.cq-brand img {height: 46px}
@media (max-width: 720px) {
  .cubiq-native .logo.cq-brand img {height: 34px}
}

/* Preferred previous rework, refined 27/09. Isolated from both earlier versions. */
html[data-cubiq-theme=dark] .cubiq-native {
  --bg-100:#16171c;--bg-200:#202127;--bg-300:#2e3038;--panel-tint:#1c1d23;
  --text-100:#f2f1f5;--text-200:#c2c1c9;--text-300:#9999a5;
  --glass-bg:rgba(26,27,33,.78);--glass-bg-strong:rgba(30,31,37,.95);--glass-border:rgba(215,210,236,.15);
  --grid-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cpath d='M0 84V0H84' fill='none' stroke='%23878496' stroke-opacity='.30' stroke-dasharray='1 5'/%3E%3C/svg%3E");
  background-color:var(--bg-100)!important;
}
html[data-cubiq-theme=dark] body{background:#16171c}
html[data-cubiq-theme=light] body{background:#f4f2ef}
.cubiq-native{--rf-width:1820px;--rf-gutter:clamp(18px,2.5vw,48px)}
.cubiq-native .rf-wrap,.cubiq-native .wrap,.cubiq-native .cq-landing .cubiq-dynamic .s_dynamic_snippet_container {
  width:calc(100% - var(--rf-gutter)*2)!important;max-width:var(--rf-width)!important;margin-inline:auto!important;padding-inline:0!important;
}
.cubiq-native #wrap.cq-landing{background-color:var(--bg-100)!important;background-size:84px 84px}
.cubiq-native .site-header.scrolled{background:var(--glass-bg-strong)!important}
.cubiq-native .cq-hero-shade{background:linear-gradient(90deg,rgba(22,23,28,.90),rgba(22,23,28,.67) 30%,transparent 76%),linear-gradient(0deg,#16171c,rgba(22,23,28,.32) 26%,transparent 48%),linear-gradient(180deg,rgba(22,23,28,.6),transparent 23%)}
.cubiq-native .cq-hero-copy{max-width:790px}
.cubiq-native .cq-hero .pixel-heading{font-size:clamp(42px,4.1vw,76px)}
.cubiq-native .cq-hero .cq-hero-primary,.cubiq-native .cq-plan-cta{box-shadow:none!important}
.cubiq-native section.cubiq-home-marketplace{padding-top:62px!important}
.cubiq-native .rf-selection{padding:0 0 90px!important;background:transparent!important}
.rf-section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:42px}
.rf-eyebrow{font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.16em;color:var(--text-300);margin:0 0 13px}
.cubiq-native .rf-section-head h2{font-size:clamp(30px,2.8vw,46px);line-height:1.1;margin:0;color:var(--text-100)}
.rf-section-head>a{white-space:nowrap;font-size:15px;color:var(--primary-100);font-weight:600;text-decoration:none}
.rf-section-head>a i{margin-left:8px}
.rf-scenes{display:grid;grid-template-columns:1.12fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-areas:'forge fantasy' 'forge guide';height:clamp(490px,36vw,620px);gap:20px;align-items:stretch;padding-top:0}
.rf-scene{display:block;position:relative;isolation:isolate;min-width:0;height:100%;color:#fff!important;text-decoration:none!important;transition:transform .2s ease;outline-offset:7px}
.rf-forge{grid-area:forge}
.rf-fantasy{grid-area:fantasy}
.rf-guide{grid-area:guide}
.rf-scene:hover{transform:translateY(-5px)}
.rf-scene-back{position:absolute;inset:0;z-index:-2;overflow:hidden;border-radius:12px;border:1px solid #6d728666}
.rf-scene-index{position:absolute;top:20px;left:24px;z-index:2;font-size:10px;font-weight:700;letter-spacing:.18em;color:#e1e1e8}
.rf-scene-copy{position:absolute;bottom:28px;left:28px;right:50px;z-index:3}
.rf-scene-copy>span{display:block;font-size:12px;color:#e4e4e9;margin-bottom:10px}
.cubiq-native .rf-scene-copy h3{font-size:clamp(27px,2.45vw,45px);line-height:1.04;margin:0 0 9px;color:#fff;letter-spacing:.01em;text-shadow:0 3px 0 #0005}
.rf-scene-copy p{font-size:14px;color:#d9d7e3;margin:0}
.rf-scene-arrow{position:absolute;bottom:29px;right:23px;font-size:27px;color:#ecebf5;z-index:4}
.rf-fantasy .rf-scene-back{background:radial-gradient(ellipse at 30% 0,#738a9c44,transparent 70%),linear-gradient(140deg,#344251,#212731 70%);border-color:#8196b15c}
.rf-fantasy .rf-scene-back:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#20273180,transparent 78%);z-index:1}
.rf-ghastle{position:absolute;height:calc(100% + 22px);width:51%;object-fit:contain;right:0;top:-25px;z-index:-1;filter:drop-shadow(-10px 17px 10px #0005);transform:rotate(6deg)}
.rf-fantasy .rf-scene-copy{width:49%;left:28px;right:auto;bottom:32px;padding:0;background:none}
.rf-forge .rf-scene-back{border-color:#ceac725e;background:#594832}
.rf-forge .rf-scene-back img{width:100%;height:100%;object-fit:cover;object-position:54% 45%;transform:scale(1.08);transition:transform .45s ease}
.rf-forge:hover .rf-scene-back img{transform:scale(1.12)}
.rf-forge .rf-scene-back:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#211d17 0%,#211d1799 24%,transparent 65%),linear-gradient(180deg,#211d1766,transparent 22%)}
.cubiq-native .rf-forge .rf-scene-copy h3{font-size:clamp(36px,3.6vw,60px);color:#ffe3ad}
.rf-guide .rf-scene-back{background:linear-gradient(150deg,#30304d,#282630 80%);border-color:#9690cc66}
.rf-guide-sheets{position:absolute;right:4%;top:12%;width:44%;height:74%;transform:rotate(-8deg);z-index:-1}
.rf-guide-sheets>*{position:absolute;inset:0;border:1px solid #a3b4e16e;border-radius:7px;background:#333951;transform:translate(-22px,26px)}
.rf-guide-sheets>span:nth-child(2){transform:translate(-10px,13px);background:#424968}
.rf-guide-sheets img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transform:none;box-shadow:0 10px 24px #0004}
.rf-guide .rf-scene-copy{left:28px;right:auto;bottom:32px;width:45%;padding:0;background:none}
.cubiq-native .rf-guide .rf-scene-copy h3{color:#d0c3ff;font-size:clamp(27px,2.45vw,43px)}
.cubiq-native .cq-landing .cubiq-dynamic .carousel-inner{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.cubiq-native .cq-landing .cq-styles{grid-column:1/-1;width:100%;min-width:0;margin-top:10px}
.cubiq-native .cq-landing #novidades .carousel-item:nth-child(n+5){display:contents!important}
.cubiq-native .oe_product_cart{background:var(--bg-200)!important;border-color:color-mix(in srgb,var(--text-100) 13%,transparent)!important;box-shadow:none!important}
.cubiq-native .oe_product_cart:hover{border-color:var(--primary-100)!important}
.cubiq-native .oe_product_cart .o_wsale_products_item_title{font-size:16px!important}
.cubiq-native .oe_product_cart .oe_product_image{aspect-ratio:1.2/1!important}
.cubiq-native .oe_product_cart .o_wsale_product_information{padding:16px!important}
.cubiq-native .cq-landing .catalog-cta{padding-bottom:64px!important}
/* Community: own CubiQ shulker artwork, a stamped Discord mark, no invented metrics. */
.cubiq-native .rf-community{padding:0 0 20px!important;background:transparent!important}
.rf-community-panel{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:370px;padding:44px 56px;overflow:hidden;border-radius:12px;background:#25252e;border:1px solid #5855666b;color:#f2f1f5}
.rf-community-panel:after{content:'';position:absolute;right:0;bottom:0;width:42%;height:100%;background:linear-gradient(125deg,transparent,#52507d33);pointer-events:none}
.rf-community-copy{z-index:1}
.rf-community-copy .rf-eyebrow{display:flex;align-items:center;gap:10px;color:#bca7f1;letter-spacing:.12em}
.rf-community-copy .rf-eyebrow i{font-size:23px}
.cubiq-native .rf-community-copy h2{font-size:clamp(34px,3.15vw,53px);line-height:1.06;margin:0 0 18px;color:inherit}
.rf-community-copy>p:not(.rf-eyebrow){font-size:16px;color:#cbc8d4;line-height:1.65;max-width:570px;margin-bottom:24px}
.rf-discord-button{display:inline-flex;align-items:center;gap:12px;border:1px solid #b4a2f559;border-radius:7px;background:#6c55bc;color:#fff;padding:14px 23px;font-size:16px;font-weight:650;cursor:help;box-shadow:none}
.rf-discord-button i{font-size:24px}
.rf-community-art{height:280px;position:relative;width:100%;max-width:510px;margin-left:auto;z-index:1}
.rf-community-art>img{position:absolute;width:190px;height:190px;object-fit:contain;right:14%;top:45px;transform:rotate(-9deg);filter:drop-shadow(0 12px 16px #15131f70)}
.rf-discord-stamp{position:absolute;left:14%;top:20px;display:grid;place-items:center;width:116px;height:116px;color:#fff;background:#6a60ce;border-radius:22px;transform:rotate(10deg);box-shadow:6px 7px 0 #413781;font-size:68px}
.rf-community-orbit{position:absolute;inset:5px 10% 4px 8%;border:1px dashed #9690c744;border-radius:50%;transform:rotate(-22deg)}
.rf-chat{position:absolute;display:flex;align-items:center;gap:9px;padding:11px 16px;background:#373640;border:1px solid #68617475;border-radius:9px;font-size:12px;color:#ddd7e9;box-shadow:0 7px 16px #0002;white-space:nowrap}
.rf-chat-one{top:0;right:0;transform:rotate(3deg)}
.rf-chat-two{bottom:17px;left:5%;transform:rotate(-4deg)}
.rf-chat i{color:#b69be9;font-size:18px}
.rf-community-caption{position:absolute;bottom:-15px;right:4%;font-size:9px;font-weight:700;letter-spacing:.16em;color:#b2a9c7}
/* Plans form one row with FAQ. The Pro is deliberately smaller, without scaling text. */
.cubiq-native section.cq-member{padding:90px 0 80px!important;background:radial-gradient(ellipse at 41% 40%,#7250b611,transparent 63%)!important;overflow:hidden}
.cubiq-native .cq-member-head{max-width:850px;margin-bottom:54px;position:relative;z-index:1}
.cubiq-native .cq-member-head .pixel-heading{font-size:clamp(36px,3.3vw,54px)}
.cubiq-native .cq-member-head p{font-size:17px}
.cubiq-native .cq-member-plans{position:relative;z-index:1;grid-template-columns:minmax(0,.87fr) minmax(0,1.04fr) minmax(280px,1fr);gap:clamp(24px,2.8vw,52px);align-items:center;max-width:1460px;margin:auto}
.cubiq-native .cq-plan{border-radius:12px;background:var(--bg-200)}
.cubiq-native .cq-plan-top{padding:25px 24px 22px;background:linear-gradient(180deg,#49336366,#28263255)}
.cubiq-native .cq-plan.is-featured .cq-plan-top{padding:36px 26px 28px;background:linear-gradient(180deg,#61459d,#393048 94%)}
.cubiq-native .cq-plan-top h3{font-size:13px;letter-spacing:.25em}
.cubiq-native .cq-plan-badge{position:static;display:table;margin:0 auto 20px;padding:5px 12px;font-size:11px;background:#a687dd;color:#1d162a}
.cubiq-native .cq-plan-coins{height:85px;margin-bottom:12px}
.cubiq-native .cq-plan-coins img{width:80px;height:80px;filter:drop-shadow(0 7px 12px #0004)}
.cubiq-native .cq-plan.is-featured .cq-plan-coins{height:100px}
.cubiq-native .cq-plan-cubits{font-size:clamp(74px,5.7vw,104px);filter:none}
.cubiq-native .cq-plan:not(.is-featured) .cq-plan-cubits{font-size:clamp(65px,5vw,88px)}
.cubiq-native .cq-plan-unit{font-size:11px;letter-spacing:.19em;margin-top:10px}
.cubiq-native .cq-plan-price{font-size:29px}
.cubiq-native .cq-plan-price span{font-size:16px}
.cubiq-native .cq-plan-body{padding:24px}
.cubiq-native .cq-plan-body ul{gap:13px;margin-bottom:24px}
.cubiq-native .cq-plan-body li{font-size:14px;gap:9px}
.cubiq-native .cq-plan-cta{font-size:15px;min-height:50px;border-radius:7px!important}
.cubiq-native .cq-member-faq{align-self:center;max-width:none;margin:0;padding-left:clamp(0px,1.5vw,26px)}
.cubiq-native .cq-member-faq h3{text-align:left;font-size:clamp(25px,2.1vw,34px);line-height:1.2;max-width:300px;margin-bottom:28px}
.cubiq-native .cq-member-faq .faq-list{grid-template-columns:1fr;gap:0}
.cubiq-native .cq-member-faq .faq-item{border:0;border-bottom:1px solid color-mix(in srgb,var(--text-100) 13%,transparent);border-radius:0;background:transparent;box-shadow:none}
.cubiq-native .cq-member-faq summary{padding:20px 0;font-size:14px;font-weight:600;color:var(--text-100);line-height:1.45;gap:12px}
.cubiq-native .cq-member-faq .faq-item p{padding:0 0 18px;font-size:14px;line-height:1.65;color:var(--text-200)}
.cubiq-native .cq-member-faq .cq-pricing-note{text-align:left;font-size:12px;margin-top:24px;color:var(--text-300)}
.cubiq-native .cq-member-coins{z-index:0;overflow:hidden}
.cubiq-native .cq-member-coins img{display:block;width:var(--s)!important;height:auto!important;object-fit:contain;animation:rf-float var(--d,7s) ease-in-out infinite alternate;filter:drop-shadow(0 9px 14px #0003);transform:rotate(var(--r,0deg));opacity:.95}
.cubiq-native .cq-member-coins .c1{left:4%;top:8%;--s:56px;--r:-14deg}
.cubiq-native .cq-member-coins .c2{left:-2%;top:29%;--s:122px;--r:16deg;--d:9s}
.cubiq-native .cq-member-coins .c3{left:5%;top:auto;bottom:4%;--s:76px;--r:-18deg}
.cubiq-native .cq-member-coins .c4{left:29%;top:3%;--s:34px;--r:22deg}
.cubiq-native .cq-member-coins .c5{right:13%;top:6%;--s:100px;--r:10deg;--d:8s}
.cubiq-native .cq-member-coins .c6{right:-1%;top:43%;--s:106px;--r:18deg}
.cubiq-native .cq-member-coins .c7{right:4%;top:auto;bottom:6%;--s:68px;--r:-8deg;--d:9s}
.cubiq-native .cq-member-coins .c8{left:45%;bottom:1%;--s:40px;--r:12deg}
.cubiq-native .cq-member-coins .c9{right:25%;top:18%;--s:33px;--r:-12deg}
@keyframes rf-float{from{transform:translateY(-4px) rotate(var(--r,0deg))}to{transform:translateY(5px) rotate(calc(var(--r,0deg) + 3deg))}}
html[data-cubiq-theme=light] .rf-community-panel{background:#e6e1ee;color:#262333;border-color:#cbc3d9}
html[data-cubiq-theme=light] .rf-community-copy>p:not(.rf-eyebrow){color:#5c5667}
html[data-cubiq-theme=light] .rf-community-copy .rf-eyebrow{color:#7352b5}
html[data-cubiq-theme=light] .rf-chat{background:#f7f4fb;color:#51465f}
html[data-cubiq-theme=light] .rf-community-caption{color:#665873}
html[data-cubiq-theme=light] .cubiq-native .cq-plan{--text-100:#f2eef8;--text-200:#d4cadd;background:#2b2535}
html[data-cubiq-theme=light] .cubiq-native .cq-plan.is-featured{background:#2c243c}
#catalog,#novidades,#community,#pricing{scroll-margin-top:100px}
@media(min-width:1900px){.cubiq-native .cq-member-plans{margin-left:0}}
@media(max-width:1439px){.cubiq-native .cq-landing .cubiq-dynamic .carousel-inner{grid-template-columns:repeat(4,minmax(0,1fr))}.cubiq-native .cq-member-plans{gap:25px;grid-template-columns:.92fr 1.07fr 1fr}.cubiq-native .cq-member-faq{padding-left:0}.rf-scene-copy{left:22px}.rf-community-panel{padding:42px}.cubiq-native .cq-member-coins .c2,.cubiq-native .cq-member-coins .c6{--s:70px}}
@media(max-width:1100px){.cubiq-native .cq-member-plans{grid-template-columns:1fr 1.1fr;max-width:840px}.cubiq-native .cq-member-faq{grid-column:1/-1;margin-top:28px}.cubiq-native .cq-member-faq .faq-list{grid-template-columns:1fr 1fr;gap:0 28px}.cubiq-native .cq-member-faq h3{max-width:none}.rf-scenes{gap:18px}.rf-scene-copy h3{font-size:29px!important}.rf-scene-index{left:18px;font-size:9px}.rf-community-panel{grid-template-columns:1.2fr .8fr;padding:36px}.rf-community-art{transform:scale(.85);transform-origin:center}.rf-community-art>img{right:0}.rf-discord-stamp{left:0}.rf-chat{font-size:10px;padding:8px 10px}.rf-community-caption{display:none}}
@media(max-width:991px){.cubiq-native .cq-landing .cubiq-dynamic .carousel-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cubiq-native .cq-hero-copy{max-width:620px}.rf-community-copy h2{font-size:34px}.rf-community-panel{gap:15px}.rf-community-art{width:290px;margin-left:-10px}}
@media(max-width:760px){.cubiq-native{--rf-gutter:22px}.cubiq-native .cq-hero .pixel-heading{font-size:clamp(38px,6.8vw,60px)}.rf-section-head{align-items:start;flex-direction:column;gap:17px;margin-bottom:40px}.rf-scenes{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"forge" "fantasy" "guide";height:auto;gap:32px;padding-top:0}.rf-scene,.rf-forge{height:340px}.rf-forge{order:-1;height:360px}.rf-scene-copy h3,.rf-forge .rf-scene-copy h3{font-size:40px!important}.rf-ghastle{width:60%;height:290px;right:2%;top:-30px}.rf-guide-sheets{width:60%;height:255px;right:6%;top:-13px}.rf-guide .rf-scene-copy,.rf-fantasy .rf-scene-copy{left:0;right:0;bottom:0;width:auto;padding:72px 26px 26px;border-radius:0 0 12px 12px}.rf-fantasy .rf-scene-copy{background:linear-gradient(0deg,#222a34 40%,transparent)}.rf-guide .rf-scene-copy{background:linear-gradient(0deg,#282630 40%,transparent)}.cubiq-native .rf-selection{padding-bottom:60px!important}.cubiq-native .cq-landing .cubiq-dynamic .carousel-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rf-community-panel{grid-template-columns:1fr;padding:30px 26px}.rf-community-art{height:230px;width:100%;max-width:330px;margin:5px auto 0;transform:none}.rf-community-art>img{width:150px;height:150px;right:9%;top:38px}.rf-discord-stamp{width:90px;height:90px;font-size:55px;left:11%}.rf-chat-one{top:0;right:0}.rf-chat-two{bottom:0;left:5%}.rf-community-orbit{inset:8px 5% 2px}.cubiq-native .cq-member-plans{grid-template-columns:1fr;gap:24px;max-width:460px}.cubiq-native .cq-plan:not(.is-featured){width:92%;justify-self:center}.cubiq-native .cq-member-faq{grid-column:auto;padding:10px 0 0}.cubiq-native .cq-member-faq .faq-list{grid-template-columns:1fr}.cubiq-native section.cq-member{padding:62px 0!important}.cubiq-native .cq-member-head{margin-bottom:40px}.cubiq-native .cq-member-head p{font-size:15px}.cubiq-native .cq-member-coins{display:block}.cubiq-native .cq-member-coins img{opacity:.7}.cubiq-native .cq-member-coins .c2,.cubiq-native .cq-member-coins .c6,.cubiq-native .cq-member-coins .c7{display:none}.cubiq-native .cq-member-coins .c1{--s:35px;top:1%;left:3%}.cubiq-native .cq-member-coins .c5{--s:46px;right:3%;top:2%}.cubiq-native .cq-member-coins .c3{left:-1%;bottom:20%;--s:40px}.cubiq-native .cq-member-coins .c4{left:auto;right:1%;top:43%;--s:40px}.cubiq-native .cq-member-coins .c8,.cubiq-native .cq-member-coins .c9{display:none}}
@media(max-width:480px){.cubiq-native{--rf-gutter:18px}.cubiq-native .oe_product_cart .o_wsale_product_information{padding:12px!important}.cubiq-native .oe_product_cart .o_wsale_products_item_title{font-size:14px!important}.rf-section-head h2{font-size:33px}.rf-community-copy h2{font-size:32px}.rf-community-copy>p:not(.rf-eyebrow){font-size:14px}.rf-community-copy .rf-eyebrow{font-size:10px}.rf-scene-copy h3,.rf-forge .rf-scene-copy h3{font-size:35px!important}.cubiq-native .cq-member-head .pixel-heading{font-size:38px}.rf-scene-copy p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cubiq-native .cq-member-coins img{animation:none;transform:rotate(var(--r,0deg))}.rf-scene,.rf-forge .rf-scene-back img{transition:none}.rf-scene:hover{transform:none}}

/* Three routes, built as layered frames rather than another product shelf. */
.rf-scenes{grid-template-columns:1.1fr 1fr;height:clamp(450px,32vw,550px);gap:24px 0;padding:14px 0}
.rf-scene{--frame:#8b91af;border:3px solid var(--frame);border-radius:9px;box-shadow:0 6px 0 #0e101788,inset 0 0 0 2px #fff1}
.rf-scene-back{inset:3px;border:1px solid #ffffff30;border-radius:4px}
.rf-scene:after{content:'';position:absolute;inset:9px;border:1px solid #fff2;border-radius:2px;pointer-events:none}
.rf-forge{z-index:3;--frame:#88704e;box-shadow:10px 12px 0 #10111660,0 6px 0 #171719}
.rf-fantasy,.rf-guide{width:calc(100% + 42px);margin-left:-42px;z-index:1}
.rf-fantasy{--frame:#788db3;transform:rotate(1deg);transform-origin:left center}
.rf-guide{--frame:#8d7caf;transform:rotate(-.7deg);transform-origin:left center}
.rf-fantasy:hover{transform:rotate(.3deg) translateY(-3px)}
.rf-guide:hover{transform:rotate(-.2deg) translateY(-3px)}
.rf-forge .rf-scene-copy{left:32px;bottom:32px}
.cubiq-native .rf-forge .rf-scene-copy h3{font-size:clamp(34px,3.4vw,56px);line-height:1.08}
.rf-fantasy .rf-scene-index,.rf-guide .rf-scene-index{left:76px;top:22px}
.rf-fantasy .rf-scene-copy,.rf-guide .rf-scene-copy{left:76px;bottom:27px;width:auto;right:28px}
.cubiq-native .rf-fantasy .rf-scene-copy h3,.cubiq-native .rf-guide .rf-scene-copy h3{font-size:clamp(27px,2.15vw,38px)}
.rf-fantasy .rf-scene-copy>span,.rf-guide .rf-scene-copy>span{font-size:11px;max-width:55%}
.rf-access-art{position:absolute;inset:0 0 0 62%;z-index:0;pointer-events:none}
.rf-access-art img{position:absolute;right:2%;top:-29px;width:clamp(125px,12vw,208px);height:auto;filter:drop-shadow(-5px 12px 7px #11162088);transform:rotate(8deg)}
.rf-access-message{position:absolute;right:66%;top:10px;width:63px;height:58px;border-radius:12px 12px 2px 12px;background:#abb9f2;color:#333961;display:grid;place-items:center;font-size:38px;transform:rotate(-8deg);border:2px solid #cfd6ff;box-shadow:4px 4px 0 #19243880}
.rf-access-spark{position:absolute;right:10%;bottom:26px;font-size:27px;color:#afbae0}
.rf-guide-sheets{width:34%;height:64%;right:3%;top:-5px;opacity:.92}
.rf-guide .rf-scene-back:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#29253555,transparent)}
.rf-scenes .rf-scene-arrow{font-size:25px;bottom:24px}
/* A local search with a stable results grid and an explicit empty state. */
.rf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cubiq-native #novidades .discover-sub-head{display:flex!important;align-items:center;justify-content:space-between;gap:24px;margin-bottom:10px}
.cubiq-native #novidades .discover-sub-head h2{font-size:clamp(30px,2.5vw,42px);width:auto;flex:1;min-width:0}
.rf-build-search{width:410px;min-width:280px;flex:0 1 410px;height:48px;display:flex;align-items:center;gap:12px;padding:0 7px 0 16px;border:1px solid var(--bg-300);border-bottom:2px solid color-mix(in srgb,var(--text-300) 65%,transparent);border-radius:6px;background:var(--bg-200);color:var(--text-200)}
.rf-build-search:focus-within{border-color:var(--primary-100)}
.rf-build-search>i{font-size:19px}
.cubiq-native .rf-build-search input{min-width:0;flex:1;width:0;background:none;border:0;box-shadow:none;outline:none;color:var(--text-100);font:inherit;font-size:14px;padding:0}
.rf-build-search input::placeholder{color:var(--text-300);opacity:1}
.rf-build-search input::-webkit-search-cancel-button{display:none}
.rf-build-search button{display:grid;place-items:center;background:transparent;border:0;border-radius:3px;color:var(--text-200);width:32px;height:32px;flex-shrink:0;font-size:19px}
.rf-build-search .rf-search-submit{background:var(--bg-300);color:var(--text-100)}
.rf-build-search button:hover{background:var(--primary-100);color:#1a1426}
.rf-search-status{font-size:12px;color:var(--text-300);margin:0 0 22px;min-height:18px}
.cubiq-native #novidades .rf-result-hidden{display:none!important}
.rf-search-empty{text-align:center;padding:65px 20px;border-block:1px solid var(--bg-300);color:var(--text-200)}
.rf-search-empty>i{font-size:29px;color:var(--primary-100)}
.rf-search-empty h3{font-size:20px;margin:16px 0 10px;color:var(--text-100)}
.rf-search-empty button{margin-top:14px;padding:10px 17px;border:1px solid var(--primary-100);border-radius:4px;background:transparent;color:var(--primary-100);font-size:14px}
.rf-build-search [hidden],.rf-search-empty[hidden]{display:none!important}
/* The community lives in the page: open composition, photo and loose messages. */
.cubiq-native .rf-community{position:relative;isolation:isolate;padding:35px 0!important;overflow:hidden;background:linear-gradient(115deg,transparent 22%,#69618b0d 22%,#69618b0d 76%,transparent 76%)!important}
.rf-community:before,.rf-community:after{content:'';position:absolute;left:var(--rf-gutter);right:var(--rf-gutter);height:1px;background:linear-gradient(90deg,transparent,#9b8cbc50 20%,#9b8cbc50 80%,transparent);transform:rotate(-1deg);z-index:-1}
.rf-community:before{top:16px}.rf-community:after{bottom:16px}
.rf-community-panel{min-height:370px;grid-template-columns:1.05fr 1fr;padding:35px 4%;border:0;border-radius:0;overflow:visible;background:transparent!important;color:var(--text-100)}
.rf-community-panel:after{display:none}
.cubiq-native .rf-community-copy h2{font-size:clamp(32px,2.85vw,48px)}
.rf-community-copy>p:not(.rf-eyebrow){font-size:15px;max-width:540px}
.rf-community-art{height:300px;max-width:590px;transform:none}
.rf-community-build{position:absolute;left:13%;top:45px;width:65%;height:210px;margin:0;padding:7px 7px 26px;background:#d4cddf;border:1px solid #e9e4f0;transform:rotate(-7deg);box-shadow:7px 10px 0 #0e0d142b}
.rf-community-build img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.8)}
.rf-community-build figcaption{position:absolute;bottom:7px;left:11px;font-size:8px;letter-spacing:.2em;font-weight:800;color:#474050}
.rf-community-art>img{width:190px;height:190px;right:0;top:59px;transform:rotate(10deg);filter:drop-shadow(0 12px 12px #15131f50)}
.rf-discord-stamp{left:3%;top:22px;width:83px;height:83px;border-radius:17px;font-size:48px;transform:rotate(-11deg);background:#7970df;box-shadow:4px 5px 0 #433b81}
.rf-community-orbit{inset:0 2% 0 8%;border-radius:7px;border-color:#a49abc44;transform:rotate(7deg)}
.rf-chat-one{top:1px;right:7%;transform:rotate(4deg)}
.rf-chat-two{bottom:13px;left:17%;transform:rotate(2deg)}
.rf-community-star{position:absolute;left:1%;bottom:53px;font-size:35px;color:#b2a0d0}
.rf-community-caption{bottom:-17px;right:13%;font-size:8px}
/* Mobile navigation: an anchored panel with keyboard and pointer dismissal. */
.cubiq-native #cq-menu-toggle{position:relative;width:32px;height:34px;gap:0;flex-shrink:0;border-radius:4px}
.cubiq-native #cq-menu-toggle span{position:absolute;left:6px;width:20px;height:2px;border-radius:1px;transform-origin:center;transition:transform .22s ease,opacity .15s ease,top .22s ease}
.cubiq-native #cq-menu-toggle span:nth-child(1){top:9px}
.cubiq-native #cq-menu-toggle span:nth-child(2){top:16px}
.cubiq-native #cq-menu-toggle span:nth-child(3){top:23px}
.cubiq-native #cq-menu-toggle[aria-expanded=true] span:nth-child(1){top:16px;transform:rotate(45deg)}
.cubiq-native #cq-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0;transform:translateX(-5px)}
.cubiq-native #cq-menu-toggle[aria-expanded=true] span:nth-child(3){top:16px;transform:rotate(-45deg)}
.cubiq-native .site-header.rf-menu-open{z-index:1100;background:#202127!important}
.cubiq-native #cq-mobile-nav.rf-mobile-nav{display:flex!important;position:fixed;top:calc(var(--rf-menu-top,80px) + 9px);left:16px;right:16px;max-width:540px;margin-left:auto;max-height:calc(100dvh - var(--rf-menu-top,80px) - 26px);padding:20px;gap:0;border:1px solid #60616f;border-top:3px solid #ab8bef;border-radius:8px;background:#202127;box-shadow:0 16px 40px #0005;overflow-y:auto;overscroll-behavior:contain;z-index:3;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .18s ease,transform .22s ease,visibility .22s;color:#f2f1f5}
.cubiq-native #cq-mobile-nav.rf-mobile-nav.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.rf-menu-heading{display:flex;justify-content:space-between;align-items:center;padding:0 4px 14px;border-bottom:1px solid #ffffff15;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.13em;color:#b5aec5}
.rf-menu-mark{font-size:20px;color:#b398ef}
.rf-menu-links{padding:8px 0}
.cubiq-native .rf-menu-links a{display:flex;align-items:center;gap:14px;padding:13px 9px;border-radius:4px;text-decoration:none;color:#f2f1f5;transition:background .15s}
.cubiq-native .rf-menu-links a:hover,.cubiq-native .rf-menu-links a:focus-visible{background:#ab8bef17}
.rf-menu-links a>i:first-child{font-size:23px;color:#b698ed;width:26px}
.rf-menu-links a>i:last-child{font-size:16px;margin-left:auto;color:#88838f}
.rf-menu-links a>span{display:flex;flex-direction:column;gap:3px}
.rf-menu-links b{font-size:16px;font-weight:600}
.rf-menu-links small{font-size:11px;color:#aaa6b3}
.cubiq-native a.rf-menu-community{display:flex;align-items:center;gap:11px;margin-top:5px;padding:15px 13px;background:#ab8bef14;border:1px solid #ab8bef35;border-radius:4px;color:#c6b6f0;font-size:13px;text-decoration:none}
.rf-menu-community>i{font-size:20px}.rf-menu-community>i:last-child{margin-left:auto;font-size:17px}
.rf-menu-scrim{position:fixed;inset:var(--rf-menu-top,80px) 0 0;z-index:2;background:#0b0c1166;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s;pointer-events:none}
.rf-menu-open .rf-menu-scrim{opacity:1;visibility:visible;pointer-events:auto}
html.rf-menu-is-open,html.rf-menu-is-open body,html.rf-menu-is-open #wrapwrap{overflow:hidden!important}
html[data-cubiq-theme=light] #cq-mobile-nav.rf-mobile-nav{background:#f5f2f8;color:#282632;border-color:#c1b4d8}
html[data-cubiq-theme=light] .rf-menu-heading{color:#675c7a;border-color:#27213020}
html[data-cubiq-theme=light] .rf-menu-links a{color:#2c2535}
html[data-cubiq-theme=light] .rf-menu-links small{color:#756981}
html[data-cubiq-theme=light] .rf-menu-links a>i:first-child,html[data-cubiq-theme=light] a.rf-menu-community{color:#6e4aa7}
@media(max-width:1100px){
  .rf-scenes{height:490px}
  .rf-fantasy .rf-scene-copy,.rf-guide .rf-scene-copy,.rf-fantasy .rf-scene-index,.rf-guide .rf-scene-index{left:62px}
  .rf-scenes .rf-scene-copy h3{font-size:27px!important}
  .rf-scene-copy p{font-size:12px}
  .rf-access-art{inset:0 0 0 65%}.rf-access-message{width:47px;height:43px;font-size:27px;right:68%;top:17px}
  .rf-community-panel{grid-template-columns:1.1fr 1fr;padding:30px 1%;gap:30px}
  .rf-community-art{width:100%;height:270px;margin:0}.rf-community-build{height:180px;left:10%;width:70%}.rf-community-art>img{width:140px;height:140px;top:80px}
}
@media(max-width:760px){
  .cubiq-native{--rf-gutter:18px}
  .cubiq-native .cq-hero .pixel-heading{font-size:clamp(36px,6.4vw,56px)}
  .rf-scenes{grid-template-columns:1fr;grid-template-rows:auto;height:auto;gap:22px;padding:0}
  .rf-forge{height:330px}.rf-fantasy,.rf-guide{height:250px;width:100%;margin-left:0;transform:none}
  .rf-scenes .rf-scene-index{left:22px;top:20px}
  .rf-forge .rf-scene-copy{left:22px;bottom:26px}
  .rf-fantasy .rf-scene-copy,.rf-guide .rf-scene-copy{left:22px;bottom:25px;right:25px;padding:0;background:none}
  .rf-scenes .rf-scene-copy h3{font-size:30px!important}.rf-forge .rf-scene-copy h3{font-size:34px!important}
  .rf-fantasy .rf-scene-copy>span,.rf-guide .rf-scene-copy>span{max-width:70%;font-size:11px}
  .rf-access-art{inset:0 0 0 57%}.rf-access-art img{width:143px;top:-15px;right:3%}.rf-access-message{top:24px;right:84%;width:48px;height:44px;font-size:28px}
  .rf-access-spark{right:16%;bottom:90px}
  .rf-guide-sheets{top:9px;right:6%;width:43%;height:125px;opacity:.72}
  .rf-forge{box-shadow:5px 6px 0 #10111660}
  .cubiq-native #novidades .discover-sub-head{align-items:stretch;flex-direction:column;gap:17px}
  .rf-build-search{width:100%;height:46px;flex:0 0 46px;min-width:0}.rf-search-status{margin:0 0 17px}
  .cubiq-native .oe_product_cart .o_wsale_product_information{padding:12px!important}
  .cubiq-native .oe_product_cart .o_wsale_products_item_title{font-size:14px!important}
  .rf-community-panel{grid-template-columns:1fr;padding:24px 4px 18px;gap:28px}
  .cubiq-native .rf-community-copy h2{font-size:32px}.rf-community-copy>p:not(.rf-eyebrow){font-size:14px}
  .rf-community-art{max-width:370px;width:100%;margin:0 auto;height:260px}
  .rf-community-build{height:175px;width:69%;left:13%;top:42px}.rf-discord-stamp{left:3%;top:20px;width:66px;height:66px;font-size:39px;border-radius:13px}
  .rf-community-art>img{right:0;top:60px;width:135px;height:135px}.rf-chat-one{right:3%;top:0}.rf-chat-two{left:15%;bottom:15px}.rf-community-star{left:0;bottom:34px}.rf-community-caption{display:block;bottom:-5px;font-size:7px}
  .rf-community-orbit{inset:8px 1% 10px 6%}
}
@media(max-width:480px){.cubiq-native{--rf-gutter:16px}.cubiq-native .header-inner{gap:8px!important}.cubiq-native .header-actions,.cubiq-native .header-odoo-actions{gap:5px!important}.cubiq-native .header-inner .cq-brand{width:106px;min-width:0;flex-shrink:0}.cubiq-native .header-inner .cq-brand img{max-width:100%}.cubiq-native #cq-mobile-nav.rf-mobile-nav{left:12px;right:12px;padding:15px}.rf-menu-links a{padding:12px 7px!important}.rf-scenes .rf-scene-copy h3{font-size:29px!important}.rf-forge .rf-scene-copy h3{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){.rf-scene,.cubiq-native #cq-menu-toggle span,.cubiq-native #cq-mobile-nav.rf-mobile-nav,.rf-menu-scrim{transition:none}.rf-scene:hover{transform:none}}

/* Shared website design. Preserve creator palettes, native controls and guide internals. */
.cubiq-native{font-size:15px;--bs-body-bg:var(--bg-100);--bs-body-color:var(--text-100)}
html[data-cubiq-theme=dark] .cubiq-native{--card-bg:#202127;--cq-surface:#202127;--cq-soft:#191a20;--cq-ink:#f2f1f5;--cq-muted:#c2c1c9;--cq-border:#363740;--header-bg:rgba(22,23,28,.96)}
@media(prefers-color-scheme:dark){html:not([data-cubiq-theme]) .cubiq-native{--card-bg:#202127;--cq-surface:#202127;--cq-soft:#191a20;--cq-ink:#f2f1f5;--cq-muted:#c2c1c9;--cq-border:#363740}}
html[data-cubiq-theme=dark] body:has(.cubiq-native){background:#16171c!important}
html[data-cubiq-theme=dark] .cubiq-native main{background-color:var(--bg-100)}
.cubiq-native .bg-grid{background-image:var(--grid-pattern);background-size:84px 84px}
.cubiq-native .panel-tint{background-color:var(--panel-tint)}
.cubiq-native main>.o_portal_wrap>.container,
.cubiq-native #wrap>.container,
.cubiq-native .o_wsale_products_page>.container,
.cubiq-native .o_wsale_product_page>.container-lg,
.cubiq-native .o_wsale_product_page>.container,
.cubiq-native .o_website_sale_checkout_container{
  width:calc(100% - var(--rf-gutter)*2)!important;max-width:var(--rf-width)!important;margin-inline:auto!important;padding-inline:0!important;
}
.cubiq-native .o_wsale_products_page .o_wsale_products_item_title{font-size:16px!important}
.cubiq-native .cubiq-build-page #product_detail{padding-inline:max(var(--rf-gutter),calc((100% - var(--rf-width))/2))!important}
.cubiq-native .cubiq-build-page :is(.bd-quick-wrap,.bd-body,.bd-related-section,.bd-reviews-section){width:calc(100% - var(--rf-gutter)*2);max-width:var(--rf-width);margin-inline:auto}
.cubiq-native .cubiq-build-page :is(.bd-quick-wrap,.bd-body,.bd-related-section){padding-inline:0}
.cubiq-native :is(.cc-hero,.rq-page,.cubiq-cart-page) h1.pixel-heading{font-size:clamp(34px,3.5vw,58px)}
.cubiq-native .cubiq-auth{background-color:var(--bg-100)}
html[data-cubiq-theme=dark] .cubiq-native .logo.cq-brand .cq-brand-dark{display:block!important}
html[data-cubiq-theme=dark] .cubiq-native .logo.cq-brand .cq-brand-light{display:none!important}
html[data-cubiq-theme=light] .cubiq-native .logo.cq-brand .cq-brand-dark{display:none!important}
html[data-cubiq-theme=light] .cubiq-native .logo.cq-brand .cq-brand-light{display:block!important}
.cubiq-native.o_header_overlay:has(.cq-hero) header.site-header:not(.scrolled) .logo.cq-brand .cq-brand-dark{display:block!important}
.cubiq-native.o_header_overlay:has(.cq-hero) header.site-header:not(.scrolled) .logo.cq-brand .cq-brand-light{display:none!important}
.cubiq-native.o_header_overlay:has(.cq-hero) header.site-header:not(.scrolled){--text-100:#f2f1f5;--text-200:#c2c1c9;--bg-100:#16171c;--bg-200:#202127;--bg-300:#2e3038;color:var(--text-100)}
.cubiq-native .rf-discord-button[disabled]{opacity:1;cursor:default}
.cubiq-native #novidades .rf-result-hidden{display:none!important}
.cubiq-native #novidades .rf-search-status{padding:0}
.cubiq-native #novidades .rf-search-status:empty{display:none}
.cubiq-native .rf-mobile-nav a:focus-visible{outline:2px solid var(--primary-100);outline-offset:2px}
@media(max-width:480px){.cubiq-native .o_wsale_products_page .o_wsale_products_item_title{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.cubiq-native .rf-mobile-nav,.cubiq-native #cq-menu-toggle span{transition:none!important}}