/* Contenido embebido en /movil/ (iframe ?movil=1) — shell app, no sitio web */
html.lochloe-movil-embed {
  --lc-embed-bg: #fef8f9;
  --lc-metal-border: 1px solid rgba(255, 255, 255, 0.78);
  --lc-metal-inset: inset 0 2px 4px rgba(255, 255, 255, 0.88), inset 0 -2px 6px rgba(150, 105, 118, 0.14);
  --lc-metal-shadow: 0 3px 16px rgba(140, 95, 110, 0.12);
  --lc-metal-bg: linear-gradient(
    158deg,
    #ffffff 0%,
    #f0e4e8 18%,
    #d5bcc4 36%,
    #faf2f5 50%,
    #cdb3bc 68%,
    #fffbfb 100%
  );
  --lc-metal-bg-2: linear-gradient(
    148deg,
    #fffefe 0%,
    #ebe0e5 22%,
    #c9aab4 38%,
    #f5eaee 52%,
    #c4a3ad 70%,
    #ffffff 100%
  );
  --lc-metal-rose: linear-gradient(145deg, #ddb0b8, #c9909a);
  --lc-text: #4d3238;
  --lc-text-muted: #9a7080;
}

html.lochloe-movil-embed .header,
html.lochloe-movil-embed .footer,
html.lochloe-movil-embed .mobile-menu-dropdown,
html.lochloe-movil-embed .ranking-strip,
html.lochloe-movil-embed .sticky-cta,
html.lochloe-movil-embed .market-ribbon,
html.lochloe-movil-embed #splashOverlay,
html.lochloe-movil-embed .floating-elements,
html.lochloe-movil-embed .whatsapp-float,
html.lochloe-movil-embed .social-cta,
html.lochloe-movil-embed .skip-link {
  display: none !important;
}

html.lochloe-movil-embed body {
  background: var(--lc-embed-bg) !important;
  overflow-x: hidden;
}

html.lochloe-movil-embed .container {
  max-width: 100% !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

html.lochloe-movil-embed .ranking-main,
html.lochloe-movil-embed #main-content {
  padding-top: 8px !important;
}

html.lochloe-movil-embed .blog-cta,
html.lochloe-movil-embed .ranking-cta {
  display: none !important;
}

/* —— Ranking (app metalizado) —— */
html.lochloe-movil-embed.lochloe-embed-ranking .ranking-hero {
  background: var(--lc-metal-bg) !important;
  padding: 14px 12px 16px !important;
  margin: 0 0 10px;
  border-radius: 16px;
  border: var(--lc-metal-border);
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow);
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-hero::before {
  display: none !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-hero-inner {
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-hero-text {
  max-width: none;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-badge {
  background: rgba(255, 255, 255, 0.88) !important;
  color: var(--lc-text-muted) !important;
  border: 1px solid rgba(180, 130, 145, 0.22);
  backdrop-filter: none;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-title {
  color: var(--lc-text) !important;
  font-size: 1.45rem !important;
  text-shadow: none !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-subtitle {
  color: #5c454e !important;
  font-size: 0.88rem !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-hero-stats {
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

html.lochloe-movil-embed.lochloe-embed-ranking .rh-stat-label {
  background: var(--lc-metal-bg-2) !important;
  color: var(--lc-text) !important;
  border: var(--lc-metal-border);
  box-shadow: var(--lc-metal-inset);
}

html.lochloe-movil-embed.lochloe-embed-ranking .slot-frame {
  background: var(--lc-metal-bg-2) !important;
  border: var(--lc-metal-border) !important;
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-section {
  padding: 0 0 14px !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-section-header {
  text-align: center;
  margin-bottom: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: var(--lc-metal-border);
  background: var(--lc-metal-bg-2);
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow);
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-section-header h2 {
  color: var(--lc-text) !important;
  font-size: 1.05rem !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-section-header p {
  color: var(--lc-text-muted) !important;
  font-size: 0.82rem !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-name-search {
  margin-bottom: 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: var(--lc-metal-border);
  background: var(--lc-metal-bg);
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow);
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-name-search-label {
  color: var(--lc-text) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-name-search-input {
  border-radius: 12px !important;
  border: var(--lc-metal-border) !important;
  background: var(--lc-metal-bg-2) !important;
  box-shadow: var(--lc-metal-inset) !important;
  color: var(--lc-text) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-tabs {
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-tab {
  border-radius: 999px !important;
  border: var(--lc-metal-border) !important;
  background: var(--lc-metal-bg-2) !important;
  box-shadow: var(--lc-metal-inset) !important;
  color: var(--lc-text) !important;
  font-weight: 700 !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .ranking-tab.active {
  background: var(--lc-metal-rose) !important;
  border-color: #c08893 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(192, 136, 147, 0.22) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .potm-card,
html.lochloe-movil-embed.lochloe-embed-ranking .potm-inner {
  border-radius: 16px !important;
  border: var(--lc-metal-border) !important;
  background: var(--lc-metal-bg) !important;
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow) !important;
  color: var(--lc-text) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .potm-card::before,
html.lochloe-movil-embed.lochloe-embed-ranking .potm-inner::before {
  display: none !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .potm-name,
html.lochloe-movil-embed.lochloe-embed-ranking .potm-rubro {
  color: var(--lc-text) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .potm-tag {
  background: var(--lc-metal-bg-2) !important;
  border: var(--lc-metal-border);
  color: #5c454e !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .rank-row {
  border-radius: 14px !important;
  border: var(--lc-metal-border) !important;
  background: var(--lc-metal-bg-2) !important;
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow) !important;
  margin-bottom: 8px;
  color: var(--lc-text) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .rank-row:hover {
  transform: none !important;
  background: linear-gradient(145deg, #f5dce0, #f0cdc6) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .rank-name {
  color: var(--lc-text) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .rank-meta {
  color: var(--lc-text-muted) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .hall-card {
  border-radius: 16px !important;
  border: var(--lc-metal-border) !important;
  background: var(--lc-metal-bg) !important;
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .hall-card::before {
  height: 3px !important;
  background: var(--lc-metal-rose) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .hall-card h3,
html.lochloe-movil-embed.lochloe-embed-ranking .hall-desc {
  color: var(--lc-text) !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .potm-btn,
html.lochloe-movil-embed.lochloe-embed-ranking .btn-primary {
  background: var(--lc-metal-rose) !important;
  border-color: #c08893 !important;
  color: #fff !important;
  border-radius: 12px !important;
}

html.lochloe-movil-embed.lochloe-embed-ranking .btn-outline {
  background: var(--lc-metal-bg-2) !important;
  border: var(--lc-metal-border) !important;
  color: var(--lc-text) !important;
  border-radius: 12px !important;
}

/* —— Blog (app metalizado) —— */
html.lochloe-movil-embed.lochloe-embed-blog .blog-hero {
  background: var(--lc-metal-bg) !important;
  padding: 16px 12px 18px !important;
  margin: 0 0 10px;
  border-radius: 16px;
  border: var(--lc-metal-border);
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow);
  text-align: center;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-hero .section-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.88);
  color: var(--lc-text-muted);
  border: 1px solid rgba(180, 130, 145, 0.22);
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 700;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-hero-title {
  color: var(--lc-text) !important;
  font-size: 1.45rem !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-hero-sub {
  color: #5c454e !important;
  font-size: 0.88rem !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-listing-wrap {
  padding-bottom: 24px;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-category-nav {
  margin-bottom: 14px;
  padding: 8px 6px;
  border-radius: 14px;
  border: var(--lc-metal-border);
  background: var(--lc-metal-bg-2);
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow);
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-category-pill {
  border: var(--lc-metal-border) !important;
  background: var(--lc-metal-bg) !important;
  box-shadow: var(--lc-metal-inset) !important;
  color: var(--lc-text) !important;
  font-weight: 700;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-category-pill.is-active {
  background: var(--lc-metal-rose) !important;
  border-color: #c08893 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(192, 136, 147, 0.22) !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-card {
  display: block;
  border-radius: 16px !important;
  border: var(--lc-metal-border) !important;
  background: var(--lc-metal-bg) !important;
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow) !important;
  overflow: hidden;
  text-decoration: none !important;
  color: var(--lc-text) !important;
  transform: none !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-card::after {
  display: none !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-card:hover {
  transform: none !important;
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow) !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-card-img {
  background: var(--lc-metal-bg-2) !important;
  min-height: 120px;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-card-body {
  padding: 12px 14px 14px !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-card-title {
  color: var(--lc-text) !important;
  font-size: 1rem !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-card-excerpt {
  color: var(--lc-text-muted) !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-tag {
  background: rgba(255, 255, 255, 0.75) !important;
  color: var(--lc-text-muted) !important;
  border: 1px solid rgba(180, 130, 145, 0.2);
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-article {
  padding: 0 4px 24px;
}

html.lochloe-movil-embed.lochloe-embed-blog .article-container,
html.lochloe-movil-embed.lochloe-embed-blog .article-header {
  border-radius: 16px;
  border: var(--lc-metal-border);
  background: var(--lc-metal-bg);
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow);
  padding: 14px 14px 16px;
  margin-bottom: 12px;
}

html.lochloe-movil-embed.lochloe-embed-blog .article-title {
  color: var(--lc-text) !important;
  font-size: 1.35rem !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .article-meta,
html.lochloe-movil-embed.lochloe-embed-blog .article-content p,
html.lochloe-movil-embed.lochloe-embed-blog .article-content li {
  color: #5c454e !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .article-content a {
  color: #c08893 !important;
}

html.lochloe-movil-embed.lochloe-embed-blog .article-highlight {
  border-radius: 12px;
  border: var(--lc-metal-border);
  background: var(--lc-metal-bg-2);
  box-shadow: var(--lc-metal-inset);
}

html.lochloe-movil-embed.lochloe-embed-blog .blog-back-link a {
  color: #c08893 !important;
}

/* —— Index: solo planes (?movil=1&planes=1 o #pricing) —— */
html.lochloe-movil-embed.index-pricing-only .hero {
  min-height: 0 !important;
  padding: 0 !important;
  background: var(--lc-embed-bg) !important;
}

html.lochloe-movil-embed.index-pricing-only .hero-bg-shapes,
html.lochloe-movil-embed.index-pricing-only .hero-two-col {
  display: none !important;
}

html.lochloe-movil-embed.index-pricing-only main > section:not(#hero-search),
html.lochloe-movil-embed.index-pricing-only #searchResults,
html.lochloe-movil-embed.index-pricing-only #featured,
html.lochloe-movil-embed.index-pricing-only #blog,
html.lochloe-movil-embed.index-pricing-only #how,
html.lochloe-movil-embed.index-pricing-only #providers,
html.lochloe-movil-embed.index-pricing-only #testimonials,
html.lochloe-movil-embed.index-pricing-only #faq {
  display: none !important;
}

html.lochloe-movil-embed.index-pricing-only .hero-inner {
  padding: 0 !important;
  max-width: none !important;
}

html.lochloe-movil-embed.index-pricing-only #pricing {
  display: block !important;
  margin: 0;
  padding: 10px 10px 28px;
  background: transparent;
  border: none;
  box-shadow: none;
}

html.lochloe-movil-embed.index-pricing-only #pricing .section-header {
  margin-bottom: 14px;
  padding: 14px 16px;
  border-radius: 16px;
  border: var(--lc-metal-border);
  background: var(--lc-metal-bg);
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow);
  text-align: center;
}

html.lochloe-movil-embed.index-pricing-only #pricing .section-title,
html.lochloe-movil-embed.index-pricing-only #pricing .section-subtitle {
  color: #4d3238;
  margin-left: auto;
  margin-right: auto;
  max-width: 22rem;
}

html.lochloe-movil-embed.index-pricing-only #pricing .section-badge {
  display: inline-block;
  background: rgba(255, 255, 255, 0.72);
  color: #9a7080;
  border: 1px solid rgba(180, 130, 145, 0.2);
}

html.lochloe-movil-embed.index-pricing-only .pricing-grid {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 0;
  width: 100%;
  max-width: none;
  margin: 0 auto;
}

html.lochloe-movil-embed.index-pricing-only .pricing-card {
  margin: 0 auto !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 20px 16px !important;
  border-radius: 16px !important;
  border: var(--lc-metal-border) !important;
  background: var(--lc-metal-bg) !important;
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow) !important;
  text-align: center;
  transform: none !important;
}

html.lochloe-movil-embed.index-pricing-only .pricing-card:hover {
  transform: none !important;
}

html.lochloe-movil-embed.index-pricing-only .plan-name,
html.lochloe-movil-embed.index-pricing-only .plan-tagline,
html.lochloe-movil-embed.index-pricing-only .plan-audience,
html.lochloe-movil-embed.index-pricing-only .plan-price {
  text-align: center;
}

html.lochloe-movil-embed.index-pricing-only .plan-audience {
  max-width: 20rem;
  margin-left: auto;
  margin-right: auto;
}

html.lochloe-movil-embed.index-pricing-only .plan-price {
  margin-bottom: 18px;
}

html.lochloe-movil-embed.index-pricing-only .plan-features {
  text-align: left;
  max-width: 19.5rem;
  margin: 0 auto 20px;
  padding: 0;
}

html.lochloe-movil-embed.index-pricing-only .plan-features li {
  justify-content: flex-start;
}

html.lochloe-movil-embed.index-pricing-only .plan-btn,
html.lochloe-movil-embed.index-pricing-only #pricing .btn {
  max-width: 19.5rem;
  margin-left: auto;
  margin-right: auto;
}

/* Combo Premium: mismo lenguaje metalizado app (sin sorteo web) */
html.lochloe-movil-embed.index-pricing-only .pricing-card--lottery {
  background: linear-gradient(158deg, #fff9e8 0%, #f5e8ec 45%, #ecd8de 100%) !important;
  border: var(--lc-metal-border) !important;
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow) !important;
  animation: none !important;
  color: #4d3238 !important;
  overflow: visible !important;
  z-index: auto !important;
}

html.lochloe-movil-embed.index-pricing-only .pricing-card--lottery::before,
html.lochloe-movil-embed.index-pricing-only .pricing-card--lottery::after,
html.lochloe-movil-embed.index-pricing-only .lottery-coins,
html.lochloe-movil-embed.index-pricing-only .lottery-rays {
  display: none !important;
}

html.lochloe-movil-embed.index-pricing-only .lottery-badge {
  position: static !important;
  transform: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0 auto 10px;
  padding: 6px 12px;
  border-radius: 999px;
  animation: none !important;
  background: linear-gradient(145deg, #ddb0b8, #c9909a) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  color: #fff !important;
  box-shadow: var(--lc-metal-inset), 0 2px 10px rgba(150, 95, 110, 0.15);
  font-size: 0.72rem;
  font-weight: 800;
}

html.lochloe-movil-embed.index-pricing-only .lottery-badge__star {
  animation: none !important;
  color: #fff9e6 !important;
  text-shadow: none !important;
}

html.lochloe-movil-embed.index-pricing-only .lottery-mega {
  margin: 0 0 4px;
  font-size: 0.72rem !important;
  font-weight: 800;
  letter-spacing: 0.14em;
  color: #9a7080 !important;
  text-shadow: none !important;
  animation: none !important;
}

html.lochloe-movil-embed.index-pricing-only .plan-name--lottery {
  color: #4d3238 !important;
  text-shadow: none !important;
}

html.lochloe-movil-embed.index-pricing-only .plan-tagline--lottery {
  color: #c08893 !important;
  text-shadow: none !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.04em;
}

html.lochloe-movil-embed.index-pricing-only .plan-audience--lottery {
  color: #5c454e !important;
}

html.lochloe-movil-embed.index-pricing-only .lottery-jackpot {
  justify-content: center;
}

html.lochloe-movil-embed.index-pricing-only .lottery-jackpot__was {
  color: #9a7080 !important;
  text-decoration-color: #c9909a !important;
}

html.lochloe-movil-embed.index-pricing-only .lottery-jackpot__price {
  color: #b07682 !important;
  font-size: 2rem !important;
  text-shadow: none !important;
  animation: none !important;
}

html.lochloe-movil-embed.index-pricing-only .lottery-jackpot__period {
  color: #5c454e !important;
}

html.lochloe-movil-embed.index-pricing-only .lottery-savings__label {
  animation: none !important;
  font-size: 0.68rem;
  padding: 6px 12px;
  color: #4d3238 !important;
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(180, 130, 145, 0.25);
  box-shadow: var(--lc-metal-inset);
}

html.lochloe-movil-embed.index-pricing-only .plan-features--lottery li.included {
  color: #5c454e !important;
  font-size: 0.86rem;
}

html.lochloe-movil-embed.index-pricing-only .plan-features--lottery li.included::before {
  content: "✓" !important;
  color: #c08893 !important;
  text-shadow: none !important;
}

html.lochloe-movil-embed.index-pricing-only .btn-lottery,
html.lochloe-movil-embed.index-pricing-only .plan-btn--combo {
  background: linear-gradient(145deg, #ddb0b8, #c9909a) !important;
  border: 1px solid #c08893 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(192, 136, 147, 0.25) !important;
  animation: none !important;
}

html.lochloe-movil-embed.index-pricing-only .pricing-footer {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: var(--lc-metal-border);
  background: var(--lc-metal-bg-2);
  box-shadow: var(--lc-metal-inset), var(--lc-metal-shadow);
  color: #5c454e;
  font-size: 0.88rem;
  text-align: center;
}

html.lochloe-movil-embed.index-pricing-only .pricing-badges {
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

html.lochloe-movil-embed.index-pricing-only .plan-btn,
html.lochloe-movil-embed.index-pricing-only #pricing .btn {
  border-radius: 12px;
  font-weight: 700;
}

html.lochloe-movil-embed.index-pricing-only #pricing .btn-outline {
  background: var(--lc-metal-bg-2) !important;
  border: var(--lc-metal-border) !important;
  color: #4d3238 !important;
}

html.lochloe-movil-embed.index-pricing-only #pricing .btn-primary {
  background: linear-gradient(145deg, #ddb0b8, #c9909a) !important;
  border-color: #c08893 !important;
}

html.lochloe-movil-embed.index-pricing-only .pricing-addons {
  max-width: none;
  padding: 0 4px;
}

html.lochloe-movil-embed.index-pricing-only .addons-grid {
  grid-template-columns: 1fr !important;
  gap: 10px;
}

html.lochloe-movil-embed.index-pricing-only .addon-card {
  padding: 12px 14px;
}

html.lochloe-movil-embed.index-pricing-only .addon-card--wide {
  grid-column: 1 / -1 !important;
}