/* ========================================================== DISCRETAX - Premium colors final para categorías/listados ========================================================== */ :root { --dx-premium-pink: #ff4fb3; --dx-premium-pink-2: #a737ff; --dx-premium-gold: #ffd84d; --dx-premium-gold-2: #ffb400; --dx-purple: #74306c; } /* Solo páginas de listados/categorías/búsqueda */ body.dx-listing-page .home-post-card.dx-card-premium, body.dx-listing-page article.home-post-card.dx-card-premium, body.dx-listing-page .home-post-card:has(.dx-plan-badge-premium) { border: 1.5px solid rgba(255, 79, 179, .72) !important; box-shadow: 0 0 0 1px rgba(255, 79, 179, .20), 0 12px 34px rgba(255, 79, 179, .16), inset 0 0 22px rgba(255, 79, 179, .05) !important; background: linear-gradient(180deg, rgba(255, 79, 179, .07), rgba(255,255,255,.02)), #fff !important; } body.dx-listing-page .home-post-card.dx-card-premium-plus, body.dx-listing-page article.home-post-card.dx-card-premium-plus, body.dx-listing-page .home-post-card:has(.dx-plan-badge-plus) { border: 1.5px solid rgba(255, 216, 77, .88) !important; box-shadow: 0 0 0 1px rgba(255, 216, 77, .30), 0 14px 36px rgba(255, 184, 0, .18), inset 0 0 24px rgba(255, 216, 77, .07) !important; background: linear-gradient(180deg, rgba(255, 216, 77, .10), rgba(255,255,255,.02)), #fff !important; } /* Badge Premium rosa, anulando text-bg-primary/text-bg-dark/etc */ body.dx-listing-page .badge.dx-plan-badge-premium, body.dx-listing-page span.badge.dx-plan-badge-premium, body.dx-listing-page .home-post-card__media .badge.dx-plan-badge-premium, body.dx-listing-page .badge.dx-premium-label.dx-plan-badge-premium { background: linear-gradient(135deg, #ff4fb3 0%, #d73de0 48%, #8f36ff 100%) !important; background-color: #ff4fb3 !important; color: #fff !important; border: 1px solid rgba(255,255,255,.45) !important; box-shadow: 0 0 0 1px rgba(255, 79, 179, .35), 0 8px 22px rgba(255, 79, 179, .40), 0 0 18px rgba(255, 79, 179, .30) !important; text-shadow: 0 1px 1px rgba(0,0,0,.22) !important; font-size: .66rem !important; font-weight: 900 !important; letter-spacing: .055em !important; text-transform: uppercase !important; line-height: 1 !important; padding: .42rem .68rem !important; } /* Badge Premium+ dorado, anulando text-bg-primary */ body.dx-listing-page .badge.dx-plan-badge-plus, body.dx-listing-page span.badge.dx-plan-badge-plus, body.dx-listing-page .home-post-card__media .badge.dx-plan-badge-plus, body.dx-listing-page .badge.dx-premium-label.dx-plan-badge-plus { background: linear-gradient(135deg, #fff2a8 0%, #ffd84d 45%, #ffb400 100%) !important; background-color: #ffd84d !important; color: #2b1700 !important; border: 1px solid rgba(255,255,255,.58) !important; box-shadow: 0 0 0 1px rgba(255, 216, 77, .42), 0 8px 24px rgba(255, 184, 0, .42), 0 0 20px rgba(255, 216, 77, .34) !important; text-shadow: 0 1px 0 rgba(255,255,255,.35) !important; font-size: .66rem !important; font-weight: 950 !important; letter-spacing: .055em !important; text-transform: uppercase !important; line-height: 1 !important; padding: .42rem .68rem !important; } /* Vacíos por seguridad */ body.dx-listing-page .badge.dx-plan-badge-premium:empty::before { content: "✦ Premium"; } body.dx-listing-page .badge.dx-plan-badge-plus:empty::before { content: "♛ Premium +"; } /* Botones Premium en listados: si son w-100 deben verse como botón real */ body.dx-listing-page .dx-premium-action.w-100, body.dx-listing-page .home-post-card .dx-premium-action.w-100, body.dx-listing-page .dx-plan-button.dx-premium-action.w-100 { width: 100% !important; min-height: 34px !important; height: auto !important; padding: .48rem .7rem !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: .35rem !important; font-size: .78rem !important; font-weight: 900 !important; line-height: 1 !important; white-space: nowrap !important; text-transform: uppercase !important; letter-spacing: .035em !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Botón Premium rosa */ body.dx-listing-page .dx-premium-action.dx-plan-action-premium, body.dx-listing-page .dx-premium-action.dx-plan-button--premium, body.dx-listing-page .home-post-card.dx-card-premium .dx-premium-action { background: linear-gradient(135deg, #ff4fb3 0%, #d73de0 48%, #8f36ff 100%) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.44) !important; box-shadow: 0 0 0 1px rgba(255, 79, 179, .22), 0 8px 20px rgba(255, 79, 179, .28) !important; } /* Botón Premium+ dorado */ body.dx-listing-page .dx-premium-action.dx-plan-action-plus, body.dx-listing-page .home-post-card.dx-card-premium-plus .dx-premium-action, body.dx-listing-page .home-post-card:has(.dx-plan-badge-plus) .dx-premium-action { background: linear-gradient(135deg, #fff2a8 0%, #ffd84d 45%, #ffb400 100%) !important; color: #2b1700 !important; border: 1px solid rgba(255,255,255,.58) !important; box-shadow: 0 0 0 1px rgba(255, 216, 77, .28), 0 8px 20px rgba(255, 184, 0, .30) !important; } /* En botones w-100 sí mostramos texto */ body.dx-listing-page .dx-premium-action.w-100 span { display: inline !important; color: inherit !important; } body.dx-listing-page .dx-premium-action.w-100.dx-plan-action-premium span:empty::before, body.dx-listing-page .home-post-card.dx-card-premium .dx-premium-action.w-100 span:empty::before { content: "Premium"; } body.dx-listing-page .dx-premium-action.w-100.dx-plan-action-plus span:empty::before, body.dx-listing-page .home-post-card.dx-card-premium-plus .dx-premium-action.w-100 span:empty::before, body.dx-listing-page .home-post-card:has(.dx-plan-badge-plus) .dx-premium-action.w-100 span:empty::before { content: "Premium +"; } /* Icono dentro del botón */ body.dx-listing-page .dx-premium-action .dx-plan-icon, body.dx-listing-page .dx-premium-action i { color: inherit !important; font-size: .82rem !important; line-height: 1 !important; margin: 0 !important; } /* Si el botón NO es w-100, lo dejamos como icono pequeño pero con color según plan */ body.dx-listing-page .dx-premium-action:not(.w-100) { width: 34px !important; min-width: 34px !important; height: 28px !important; min-height: 28px !important; padding: 0 !important; border-radius: 999px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } body.dx-listing-page .dx-premium-action:not(.w-100) span { display: none !important; } /* Anular la clase neutral anterior en páginas de listado */ body.dx-listing-page .dx-plan-button--neutral { background-image: inherit !important; }