/* ==========================================================
   RM2026 — Home Ruth Montenegro 2026
   Archivo: /rm2026/assets/css/rm2026.css
   Versión consolidada sin selectores relacionales
   Scope: body.rm2026-active .rm2026-scope / .rm2026-page
   ========================================================== */

body.rm2026-active {
  background: #f7faff;
}

body.rm2026-active .neve-main,
body.rm2026-active .site-content,
body.rm2026-active .nv-single-page-wrap,
body.rm2026-active .nv-page-title-wrap {
  background: #f7faff;
}

body.rm2026-active .rm2026-scope,
body.rm2026-active .rm2026-page {
  --rm2026-blue: #185dc5;
  --rm2026-blue-hover: #0f4da8;
  --rm2026-blue-night: #0b2f6b;
  --rm2026-text: #0f172a;
  --rm2026-muted: #334155;
  --rm2026-soft: #64748b;
  --rm2026-border: #cfe0ff;
  --rm2026-border-strong: #b8d4ff;
  --rm2026-border-soft: #e2e8f0;
  --rm2026-bg: #ffffff;
  --rm2026-bg-soft: #f8fafc;
  --rm2026-bg-premium: #f7faff;
  --rm2026-bg-info: #eef4ff;
  --rm2026-gold: #b7791f;
  --rm2026-gold-hover: #70480e;
  --rm2026-whatsapp: #166534;
  --rm2026-whatsapp-hover: #14532d;
  --rm2026-international: #0f766e;
  --rm2026-806: #4f46e5;
  --rm2026-radius-lg: 28px;
  --rm2026-radius-md: 22px;
  --rm2026-radius-sm: 14px;
  --rm2026-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
  --rm2026-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.05);
  --rm2026-container: 1180px;
  --rm2026-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  color: var(--rm2026-text);
  font-family: var(--rm2026-font);
  font-size: 17px;
  line-height: 1.65;
  overflow-x: clip;
}

body.rm2026-active .rm2026-scope *,
body.rm2026-active .rm2026-scope *::before,
body.rm2026-active .rm2026-scope *::after,
body.rm2026-active .rm2026-page *,
body.rm2026-active .rm2026-page *::before,
body.rm2026-active .rm2026-page *::after {
  box-sizing: border-box;
}

body.rm2026-active .rm2026-scope img,
body.rm2026-active .rm2026-page img {
  display: block;
  max-width: 100%;
  height: auto;
}

body.rm2026-active .rm2026-scope a,
body.rm2026-active .rm2026-page a {
  color: inherit;
}

body.rm2026-active .rm2026-scope p,
body.rm2026-active .rm2026-page p {
  margin: 0;
}

body.rm2026-active .rm2026-scope h1,
body.rm2026-active .rm2026-scope h2,
body.rm2026-active .rm2026-scope h3,
body.rm2026-active .rm2026-page h1,
body.rm2026-active .rm2026-page h2,
body.rm2026-active .rm2026-page h3 {
  margin: 0;
  color: var(--rm2026-text);
  font-family: var(--rm2026-font);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.08;
  text-transform: none;
  word-break: normal;
  overflow-wrap: normal;
}

body.rm2026-active .rm2026-scope h2,
body.rm2026-active .rm2026-page h2 {
  font-size: clamp(1.85rem, 3vw, 2.55rem);
}

body.rm2026-active .rm2026-scope h3,
body.rm2026-active .rm2026-page h3 {
  font-size: clamp(1.25rem, 1.8vw, 1.55rem);
  line-height: 1.18;
}

body.rm2026-active .rm2026-container {
  width: min(var(--rm2026-container), calc(100% - 40px));
  margin-inline: auto;
}

body.rm2026-active .rm2026-section {
  padding-block: clamp(42px, 6vw, 84px);
  border-bottom: 1px solid rgba(207, 224, 255, 0.75);
}

body.rm2026-active .rm2026-section:nth-of-type(even) {
  background: #f0f6ff;
}

body.rm2026-active .rm2026-section-head {
  max-width: 780px;
  margin: 0 0 28px;
}

body.rm2026-active .rm2026-section-head--center {
  text-align: center;
  margin-inline: auto;
}

body.rm2026-active .rm2026-section-head p {
  margin-top: 14px;
  color: var(--rm2026-muted);
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  line-height: 1.7;
}

body.rm2026-active .rm2026-kicker,
body.rm2026-active .rm2026-card__label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 14px;
  color: var(--rm2026-blue-night);
  font-size: 0.83rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.rm2026-active .rm2026-note {
  max-width: 680px;
  margin-top: 20px;
  color: var(--rm2026-muted);
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1.6;
}

/* ==========================================================
   Botones
   ========================================================== */

body.rm2026-active .rm2026-btn,
body.rm2026-active a.rm2026-btn,
body.rm2026-active .rm2026-scope .rm2026-btn,
body.rm2026-active .rm2026-scope a.rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-btn,
body.rm2026-active .rm2026-page a.rm2026-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content;
  max-width: 100%;
  min-height: 48px !important;
  padding: 13px 24px !important;
  border: 2px solid var(--rm2026-blue) !important;
  border-radius: 999px !important;
  background: var(--rm2026-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(24, 93, 197, 0.14);
  font-size: clamp(0.95rem, 1vw, 1.05rem) !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-shadow: none !important;
  white-space: normal !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
  -webkit-tap-highlight-color: transparent;
}

body.rm2026-active .rm2026-btn:hover,
body.rm2026-active .rm2026-btn:focus-visible,
body.rm2026-active a.rm2026-btn:hover,
body.rm2026-active a.rm2026-btn:focus-visible {
  background: var(--rm2026-blue-hover) !important;
  border-color: var(--rm2026-blue-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 14px 26px rgba(24, 93, 197, 0.18);
  text-decoration: none !important;
  transform: translateY(-1px);
}

body.rm2026-active .rm2026-btn:focus-visible,
body.rm2026-active a.rm2026-btn:focus-visible {
  outline: 3px solid rgba(24, 93, 197, 0.28);
  outline-offset: 3px;
}

body.rm2026-active .rm2026-btn--whatsapp,
body.rm2026-active a.rm2026-btn--whatsapp {
  background: var(--rm2026-whatsapp) !important;
  border-color: var(--rm2026-whatsapp) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 101, 52, 0.14);
}

body.rm2026-active .rm2026-btn--whatsapp:hover,
body.rm2026-active .rm2026-btn--whatsapp:focus-visible,
body.rm2026-active a.rm2026-btn--whatsapp:hover,
body.rm2026-active a.rm2026-btn--whatsapp:focus-visible {
  background: var(--rm2026-whatsapp-hover) !important;
  border-color: var(--rm2026-whatsapp-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.rm2026-active .rm2026-btn--cabinet,
body.rm2026-active a.rm2026-btn--cabinet {
  background: var(--rm2026-gold) !important;
  border-color: var(--rm2026-gold) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(183, 121, 31, 0.16);
}

body.rm2026-active .rm2026-btn--cabinet:hover,
body.rm2026-active .rm2026-btn--cabinet:focus-visible,
body.rm2026-active a.rm2026-btn--cabinet:hover,
body.rm2026-active a.rm2026-btn--cabinet:focus-visible {
  background: var(--rm2026-gold-hover) !important;
  border-color: var(--rm2026-gold-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.rm2026-active .rm2026-btn--phone,
body.rm2026-active .rm2026-btn--806,
body.rm2026-active .rm2026-btn--international,
body.rm2026-active a.rm2026-btn--phone,
body.rm2026-active a.rm2026-btn--806,
body.rm2026-active a.rm2026-btn--international {
  background: var(--rm2026-blue-night) !important;
  border-color: var(--rm2026-blue-night) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.rm2026-active .rm2026-btn--phone:hover,
body.rm2026-active .rm2026-btn--806:hover,
body.rm2026-active .rm2026-btn--international:hover,
body.rm2026-active a.rm2026-btn--phone:hover,
body.rm2026-active a.rm2026-btn--806:hover,
body.rm2026-active a.rm2026-btn--international:hover {
  background: #08265a !important;
  border-color: #08265a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.rm2026-active .rm2026-btn--secondary,
body.rm2026-active .rm2026-btn--outline,
body.rm2026-active a.rm2026-btn--secondary,
body.rm2026-active a.rm2026-btn--outline {
  background: #ffffff !important;
  border-color: var(--rm2026-border-strong) !important;
  color: var(--rm2026-blue-hover) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover) !important;
  box-shadow: none;
}

body.rm2026-active .rm2026-btn--secondary:hover,
body.rm2026-active .rm2026-btn--outline:hover,
body.rm2026-active .rm2026-btn--secondary:focus-visible,
body.rm2026-active .rm2026-btn--outline:focus-visible,
body.rm2026-active a.rm2026-btn--secondary:hover,
body.rm2026-active a.rm2026-btn--outline:hover,
body.rm2026-active a.rm2026-btn--secondary:focus-visible,
body.rm2026-active a.rm2026-btn--outline:focus-visible {
  background: var(--rm2026-blue) !important;
  border-color: var(--rm2026-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.rm2026-active .rm2026-cluster {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(14px, 1.8vw, 22px);
  margin-top: clamp(28px, 3vw, 42px);
  margin-bottom: clamp(24px, 3vw, 38px);
}

body.rm2026-active .rm2026-cluster + p,
body.rm2026-active .rm2026-cluster + .rm2026-note,
body.rm2026-active .rm2026-cluster + .rm2026-text {
  margin-top: clamp(18px, 2.5vw, 30px);
}

/* ==========================================================
   Hero
   ========================================================== */

body.rm2026-active .rm2026-section--hero {
  padding-block: clamp(48px, 6vw, 86px);
  background:
    radial-gradient(circle at 85% 15%, rgba(24, 93, 197, 0.13), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #eef4ff 100%);
}

body.rm2026-active .rm2026-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(340px, 0.94fr);
  align-items: center;
  gap: clamp(34px, 5vw, 74px);
}

body.rm2026-active .rm2026-hero__title,
body.rm2026-active .rm2026-hero-title {
  max-width: 760px;
  font-size: clamp(2.25rem, 3.35vw, 3.15rem);
  line-height: 1.07;
  letter-spacing: -0.045em;
}

body.rm2026-active .rm2026-hero__lead,
body.rm2026-active .rm2026-hero-lead {
  max-width: 760px;
  margin-top: 22px;
  color: var(--rm2026-text);
  font-size: clamp(1.05rem, 1.45vw, 1.24rem);
  font-weight: 500;
  line-height: 1.7;
}

body.rm2026-active .rm2026-hero__actions,
body.rm2026-active .rm2026-hero-actions {
  margin-top: 28px;
}

body.rm2026-active .rm2026-media {
  margin: 0;
}

body.rm2026-active .rm2026-media img {
  width: 100%;
  object-fit: cover;
  background: #dbeafe;
}

body.rm2026-active .rm2026-media--hero {
  overflow: hidden;
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-lg);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow);
}

body.rm2026-active .rm2026-media--hero img {
  aspect-ratio: 4 / 3;
}

body.rm2026-active .rm2026-media figcaption,
body.rm2026-active .rm2026-media__caption,
body.rm2026-active figcaption.rm2026-media__caption {
  padding: 14px 18px;
  color: var(--rm2026-muted);
  background: #ffffff;
  font-size: 0.94rem;
  font-weight: 600;
  line-height: 1.45;
}
/* ==========================================================
   Horóscopos — hero escritorio igual que tablet
   Objetivo: aplicar en PC el mismo patrón visual ya validado
   por el hero interior reutilizable en <=1180px.
   Scope: solo /horoscopos/
   ========================================================== */

@media (min-width: 1181px) {
  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__grid {
    width: min(920px, calc(100% - 40px)) !important;
    grid-template-columns: 1fr !important;
    gap: 34px !important;
    text-align: center !important;
  }

  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__content,
  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__title,
  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__text,
  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-micro {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__content {
    max-width: 820px !important;
  }

  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__title {
    max-width: 760px !important;
  }

  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__text {
    max-width: 780px !important;
  }

  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-actions {
    justify-content: center !important;
  }

  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__media {
    width: min(620px, 100%) !important;
    justify-self: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.rm2026-active .rm2026-page--horoscopos .rm2026-hero--split .rm2026-hero__caption {
    text-align: center !important;
  }
}
/* ==========================================================
   Grids
   ========================================================== */

body.rm2026-active .rm2026-grid {
  display: grid;
  gap: clamp(22px, 2.6vw, 34px);
}

body.rm2026-active .rm2026-grid--2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.rm2026-active .rm2026-grid--3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.rm2026-active .rm2026-grid--4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* ==========================================================
   Cards
   ========================================================== */

body.rm2026-active .rm2026-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: clamp(16px, 2vw, 24px);
  min-width: 0;
  min-height: 100%;
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-md);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow-soft);
  overflow: hidden;
}

body.rm2026-active .rm2026-card > * {
  margin-top: 0;
  margin-bottom: 0;
}

body.rm2026-active .rm2026-card p {
  color: var(--rm2026-muted);
  line-height: 1.65;
}

body.rm2026-active .rm2026-card p + .rm2026-btn,
body.rm2026-active .rm2026-card p + a,
body.rm2026-active .rm2026-card .rm2026-btn,
body.rm2026-active .rm2026-card a.rm2026-btn {
  margin-top: clamp(24px, 2.8vw, 34px) !important;
}

body.rm2026-active .rm2026-grid .rm2026-card .rm2026-btn,
body.rm2026-active .rm2026-grid .rm2026-card a.rm2026-btn {
  margin-top: auto !important;
}

body.rm2026-active .rm2026-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  margin-bottom: 0;
  border-radius: 999px;
  background: #e8f1ff;
  color: var(--rm2026-blue);
  font-weight: 900;
  line-height: 1;
  overflow: hidden;
}

body.rm2026-active img.rm2026-card__icon,
body.rm2026-active .rm2026-card__icon img {
  width: 58px;
  height: 58px;
  border-radius: 999px;
  object-fit: cover;
}

body.rm2026-active .rm2026-card__icon span {
  font-size: 1rem;
}

body.rm2026-active .rm2026-card__head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 4px;
}

body.rm2026-active .rm2026-card__head .rm2026-card__icon,
body.rm2026-active .rm2026-card__head img.rm2026-card__icon {
  flex: 0 0 auto;
  margin: 0;
}

body.rm2026-active .rm2026-card__head .rm2026-card__label {
  margin: 0;
  align-self: center;
}

body.rm2026-active .rm2026-route--whatsapp .rm2026-card__icon {
  background: #ecfdf5;
  color: var(--rm2026-whatsapp);
}

body.rm2026-active .rm2026-route--cabinet .rm2026-card__icon {
  background: #fdf8ee;
  color: var(--rm2026-gold);
}

body.rm2026-active .rm2026-route--806 .rm2026-card__icon {
  background: #f5f3ff;
  color: var(--rm2026-806);
}

body.rm2026-active .rm2026-route--international .rm2026-card__icon {
  background: #ecfdf5;
  color: var(--rm2026-international);
}

body.rm2026-active .rm2026-card--advisor {
  min-height: 300px;
}

body.rm2026-active .rm2026-card--soft {
  background: #ffffff;
  box-shadow: none;
}

/* ==========================================================
   Rutas telefónicas
   ========================================================== */

body.rm2026-active .rm2026-phone-grid {
  align-items: stretch;
}

body.rm2026-active .rm2026-card--phone {
  min-height: 420px;
  justify-content: space-between;
}

body.rm2026-active .rm2026-phone-card-head {
  display: flex;
  align-items: center;
  gap: clamp(14px, 1.5vw, 20px);
  margin-bottom: clamp(6px, 1vw, 12px);
}

body.rm2026-active .rm2026-phone-icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(54px, 4.5vw, 72px);
  height: clamp(54px, 4.5vw, 72px);
  border-radius: 999px;
  background: #eaf2ff;
  color: var(--rm2026-blue);
  font-weight: 900;
  line-height: 1;
  overflow: hidden;
}

body.rm2026-active .rm2026-phone-icon img {
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
}

body.rm2026-active .rm2026-phone-card-title {
  min-width: 0;
}

body.rm2026-active .rm2026-phone-card-title .rm2026-kicker {
  margin: 0 0 4px;
}

body.rm2026-active .rm2026-phone-card-title h3 {
  margin: 0;
  font-size: clamp(1.28rem, 1.75vw, 1.65rem);
  line-height: 1.12;
  color: var(--rm2026-text);
}

body.rm2026-active .rm2026-route--international .rm2026-phone-card-title h3 {
  font-size: clamp(1.08rem, 1.45vw, 1.48rem);
  white-space: nowrap;
}

body.rm2026-active .rm2026-phone-country,
body.rm2026-active .rm2026-phone-region {
  margin: 0;
  color: var(--rm2026-blue-night);
  font-size: clamp(0.98rem, 1.15vw, 1.08rem);
  font-weight: 800;
}

body.rm2026-active .rm2026-phone-display,
body.rm2026-active .rm2026-phone-number {
  margin: 0;
  color: var(--rm2026-text);
  font-size: clamp(1.28rem, 1.9vw, 1.65rem);
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

body.rm2026-active .rm2026-card--phone .rm2026-btn,
body.rm2026-active .rm2026-card--phone a.rm2026-btn {
  align-self: flex-start;
  min-width: min(100%, 230px);
  margin-top: auto !important;
}

/* ==========================================================
   Feature / bloques destacados
   ========================================================== */

body.rm2026-active .rm2026-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
  gap: clamp(28px, 4vw, 58px);
  align-items: center;
  padding: clamp(28px, 4vw, 54px);
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-lg);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow);
}

body.rm2026-active .rm2026-feature--compact {
  display: block;
  max-width: 1120px;
  margin-inline: auto;
}

body.rm2026-active .rm2026-feature__content > p:not(.rm2026-kicker) {
  margin-top: 18px;
  color: var(--rm2026-muted);
  font-size: clamp(1.02rem, 1.35vw, 1.14rem);
  line-height: 1.75;
}

body.rm2026-active .rm2026-feature .rm2026-cluster {
  margin-top: 30px;
}

body.rm2026-active .rm2026-list {
  display: grid;
  gap: 8px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

body.rm2026-active .rm2026-list li {
  position: relative;
  padding-left: 24px;
  color: var(--rm2026-muted);
  font-weight: 600;
  line-height: 1.55;
}

body.rm2026-active .rm2026-list li::before {
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--rm2026-blue);
}

body.rm2026-active .rm2026-media--feature {
  overflow: hidden;
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-md);
  background: #ffffff;
}

body.rm2026-active .rm2026-media--feature img {
  aspect-ratio: 4 / 3;
}

/* ==========================================================
   Editorial / recursos
   ========================================================== */

body.rm2026-active .rm2026-editorial {
  padding: clamp(28px, 4vw, 50px);
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-lg);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow-soft);
}

body.rm2026-active .rm2026-editorial > p,
body.rm2026-active .rm2026-editorial--split p {
  max-width: 780px;
  margin-top: 18px;
  color: var(--rm2026-muted);
  font-size: clamp(1.02rem, 1.35vw, 1.12rem);
  line-height: 1.75;
}

body.rm2026-active .rm2026-editorial .rm2026-grid {
  margin-top: 28px;
}

body.rm2026-active .rm2026-editorial--split {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
  gap: clamp(28px, 4vw, 56px);
  align-items: start;
}

body.rm2026-active .rm2026-mini-grid {
  display: grid;
  gap: 16px;
}

body.rm2026-active .rm2026-mini-card {
  padding: 22px;
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-md);
  background: var(--rm2026-bg-premium);
}

body.rm2026-active .rm2026-mini-card p {
  margin-top: 10px;
  color: var(--rm2026-muted);
  line-height: 1.6;
}

body.rm2026-active .rm2026-media-grid {
  margin-top: 30px;
}

body.rm2026-active .rm2026-section--resources .rm2026-grid--4,
body.rm2026-active .rm2026-section--featured .rm2026-grid--4,
body.rm2026-active .rm2026-resources-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.rm2026-active .rm2026-card--media {
  overflow: hidden;
  padding: 0;
}

body.rm2026-active .rm2026-card__media-link {
  display: block;
  overflow: hidden;
  background: #eef4ff;
}

body.rm2026-active .rm2026-card--media img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform 0.2s ease;
}

body.rm2026-active .rm2026-card--media:hover img {
  transform: scale(1.025);
}

body.rm2026-active .rm2026-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 24px;
}

body.rm2026-active .rm2026-card__body p {
  margin-bottom: 22px;
}

body.rm2026-active .rm2026-text-link,
body.rm2026-active .rm2026-section--resources .rm2026-card a:not(.rm2026-card__media-link):not(.rm2026-btn),
body.rm2026-active .rm2026-section--featured .rm2026-card a:not(.rm2026-card__media-link):not(.rm2026-btn),
body.rm2026-active .rm2026-card--resource a:not(.rm2026-card__media-link):not(.rm2026-btn),
body.rm2026-active .rm2026-card--editorial a:not(.rm2026-card__media-link):not(.rm2026-btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-height: 46px !important;
  margin-top: auto !important;
  padding: 12px 22px !important;
  border: 2px solid var(--rm2026-border-strong) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--rm2026-blue-hover) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.rm2026-active .rm2026-text-link:hover,
body.rm2026-active .rm2026-section--resources .rm2026-card a:not(.rm2026-card__media-link):not(.rm2026-btn):hover,
body.rm2026-active .rm2026-section--featured .rm2026-card a:not(.rm2026-card__media-link):not(.rm2026-btn):hover,
body.rm2026-active .rm2026-card--resource a:not(.rm2026-card__media-link):not(.rm2026-btn):hover,
body.rm2026-active .rm2026-card--editorial a:not(.rm2026-card__media-link):not(.rm2026-btn):hover {
  background: var(--rm2026-blue) !important;
  border-color: var(--rm2026-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}

body.rm2026-active .rm2026-resource-links {
  margin-top: 24px;
}

/* ==========================================================
   Pagos
   ========================================================== */

body.rm2026-active .rm2026-payment-box {
  padding: clamp(28px, 4vw, 44px);
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-lg);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow);
  text-align: center;
}

body.rm2026-active .rm2026-payment-grid,
body.rm2026-active .rm2026-payments-grid,
body.rm2026-active .rm2026-payment-options {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(18px, 2.8vw, 34px);
  align-items: start;
  justify-items: center;
  margin-top: 30px;
}

body.rm2026-active .rm2026-payment-card,
body.rm2026-active .rm2026-payment-item,
body.rm2026-active .rm2026-payment-option,
body.rm2026-active .rm2026-pay-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 160px;
  padding: 14px 10px;
  border: 1px solid transparent;
  border-radius: var(--rm2026-radius-md);
  background: #ffffff;
  color: var(--rm2026-text);
  text-align: center;
  text-decoration: none;
  transition: border-color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

body.rm2026-active .rm2026-payment-card:hover,
body.rm2026-active .rm2026-payment-card:focus-visible {
  border-color: var(--rm2026-border);
  background: var(--rm2026-bg-premium);
  text-decoration: none;
  transform: translateY(-1px);
}

body.rm2026-active .rm2026-payment-card:focus-visible {
  outline: 3px solid rgba(24, 93, 197, 0.25);
  outline-offset: 3px;
}

body.rm2026-active .rm2026-payment-card__icon,
body.rm2026-active .rm2026-payment-item img,
body.rm2026-active .rm2026-payment-option img,
body.rm2026-active .rm2026-pay-item img,
body.rm2026-active .rm2026-section--payments img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(78px, 6vw, 104px);
  height: clamp(78px, 6vw, 104px);
}

body.rm2026-active .rm2026-payment-card__icon img,
body.rm2026-active .rm2026-payment-item img,
body.rm2026-active .rm2026-payment-option img,
body.rm2026-active .rm2026-pay-item img,
body.rm2026-active .rm2026-section--payments img {
  border-radius: 999px;
  object-fit: cover;
}

body.rm2026-active .rm2026-payment-card__label,
body.rm2026-active .rm2026-payment-item strong,
body.rm2026-active .rm2026-payment-option strong,
body.rm2026-active .rm2026-pay-item strong {
  margin-top: 10px;
  color: var(--rm2026-text);
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.2;
}

body.rm2026-active .rm2026-payment-card__badge,
body.rm2026-active .rm2026-badge,
body.rm2026-active .rm2026-payment-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-top: 8px;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--rm2026-blue);
  color: #ffffff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
}

/* ==========================================================
   FAQ / CTA final
   ========================================================== */

body.rm2026-active .rm2026-faq-list {
  display: grid;
  gap: 14px;
}

body.rm2026-active .rm2026-faq {
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-md);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow-soft);
}

body.rm2026-active .rm2026-faq summary {
  cursor: pointer;
  padding: 20px 24px;
  color: var(--rm2026-text);
  font-size: clamp(1.05rem, 1.4vw, 1.2rem);
  font-weight: 850;
  line-height: 1.25;
}

body.rm2026-active .rm2026-faq p {
  padding: 0 24px 22px;
  color: var(--rm2026-muted);
  line-height: 1.7;
}

body.rm2026-active .rm2026-section--final-cta {
  background: linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 1180px) {
  body.rm2026-active .rm2026-grid--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.rm2026-active .rm2026-payment-grid,
  body.rm2026-active .rm2026-payments-grid,
  body.rm2026-active .rm2026-payment-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  body.rm2026-active .rm2026-hero,
  body.rm2026-active .rm2026-feature,
  body.rm2026-active .rm2026-editorial--split {
    grid-template-columns: 1fr;
  }

  body.rm2026-active .rm2026-hero__title,
  body.rm2026-active .rm2026-hero-title {
    max-width: 680px;
  }

  body.rm2026-active .rm2026-grid--3 {
    grid-template-columns: 1fr;
  }

  body.rm2026-active .rm2026-grid--2 {
    grid-template-columns: 1fr;
  }

  body.rm2026-active .rm2026-card--phone {
    min-height: auto;
  }

  body.rm2026-active .rm2026-route--international .rm2026-phone-card-title h3 {
    white-space: normal;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body.rm2026-active .rm2026-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.rm2026-active .rm2026-section--resources .rm2026-grid--4,
  body.rm2026-active .rm2026-section--featured .rm2026-grid--4,
  body.rm2026-active .rm2026-resources-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.rm2026-active .rm2026-card {
    padding: clamp(26px, 5vw, 40px);
    gap: 20px;
  }

  body.rm2026-active .rm2026-card .rm2026-btn,
  body.rm2026-active .rm2026-card a.rm2026-btn {
    margin-top: 28px !important;
  }
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-scope,
  body.rm2026-active .rm2026-page {
    font-size: 16px;
    line-height: 1.62;
  }

  body.rm2026-active .rm2026-container {
    width: min(100% - 32px, var(--rm2026-container));
  }

  body.rm2026-active .rm2026-section {
    padding-block: 42px;
  }

  body.rm2026-active .rm2026-section-head {
    margin-bottom: 22px;
  }

  body.rm2026-active .rm2026-section-head p {
    font-size: 1rem;
    line-height: 1.65;
  }

  body.rm2026-active .rm2026-hero__title,
  body.rm2026-active .rm2026-hero-title {
    font-size: clamp(2.05rem, 9vw, 2.55rem);
    line-height: 1.08;
    letter-spacing: -0.045em;
  }

  body.rm2026-active .rm2026-hero__lead,
  body.rm2026-active .rm2026-hero-lead {
    margin-top: 18px;
    font-size: 1.04rem;
    line-height: 1.68;
  }

  body.rm2026-active .rm2026-cluster,
  body.rm2026-active .rm2026-hero__actions,
  body.rm2026-active .rm2026-hero-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 18px;
    margin-top: 30px;
    margin-bottom: 32px;
  }

  body.rm2026-active .rm2026-btn,
  body.rm2026-active a.rm2026-btn,
  body.rm2026-active .rm2026-card--resource > a,
  body.rm2026-active .rm2026-card--editorial > a {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 54px !important;
    padding: 14px 20px !important;
    font-size: clamp(1rem, 4.2vw, 1.12rem) !important;
  }

  body.rm2026-active .rm2026-card {
    padding: clamp(28px, 7vw, 38px);
    gap: 18px;
  }

  body.rm2026-active .rm2026-card p + a,
  body.rm2026-active .rm2026-card p + .rm2026-btn,
  body.rm2026-active .rm2026-card .rm2026-btn,
  body.rm2026-active .rm2026-card a.rm2026-btn {
    margin-top: 28px !important;
  }

  body.rm2026-active .rm2026-feature,
  body.rm2026-active .rm2026-editorial,
  body.rm2026-active .rm2026-payment-box {
    padding: 24px;
    border-radius: 22px;
  }

  body.rm2026-active .rm2026-feature__content > p:not(.rm2026-kicker),
  body.rm2026-active .rm2026-editorial > p,
  body.rm2026-active .rm2026-editorial--split p {
    font-size: 1rem;
    line-height: 1.7;
  }

  body.rm2026-active .rm2026-grid,
  body.rm2026-active .rm2026-grid--2,
  body.rm2026-active .rm2026-grid--3,
  body.rm2026-active .rm2026-grid--4,
  body.rm2026-active .rm2026-section--resources .rm2026-grid--4,
  body.rm2026-active .rm2026-section--featured .rm2026-grid--4,
  body.rm2026-active .rm2026-resources-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  body.rm2026-active .rm2026-payment-grid,
  body.rm2026-active .rm2026-payments-grid,
  body.rm2026-active .rm2026-payment-options {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px 16px;
  }

  body.rm2026-active .rm2026-payment-card,
  body.rm2026-active .rm2026-payment-item,
  body.rm2026-active .rm2026-payment-option,
  body.rm2026-active .rm2026-pay-item {
    min-height: 132px;
  }

  body.rm2026-active .rm2026-payment-card__icon,
  body.rm2026-active .rm2026-payment-item img,
  body.rm2026-active .rm2026-payment-option img,
  body.rm2026-active .rm2026-pay-item img,
  body.rm2026-active .rm2026-section--payments img {
    width: 86px;
    height: 86px;
  }

  body.rm2026-active .rm2026-media figcaption,
  body.rm2026-active .rm2026-media__caption,
  body.rm2026-active figcaption.rm2026-media__caption {
    font-size: 0.92rem;
    color: var(--rm2026-muted);
  }

  body.rm2026-active .rm2026-phone-card-head {
    align-items: center;
    gap: 14px;
  }

  body.rm2026-active .rm2026-phone-icon {
    width: 54px;
    height: 54px;
  }

  body.rm2026-active .rm2026-phone-card-title h3,
  body.rm2026-active .rm2026-route--international .rm2026-phone-card-title h3 {
    font-size: 1.35rem;
    white-space: normal;
  }

  body.rm2026-active .rm2026-phone-display,
  body.rm2026-active .rm2026-phone-number {
    font-size: clamp(1.25rem, 6vw, 1.55rem);
    white-space: nowrap;
  }

  body.rm2026-active .rm2026-card--phone .rm2026-btn,
  body.rm2026-active .rm2026-card--phone a.rm2026-btn {
    width: 100% !important;
    align-self: stretch;
    margin-top: 28px !important;
  }

  body.rm2026-active .rm2026-card__head {
    gap: 12px;
    margin-bottom: 20px;
  }

  body.rm2026-active .rm2026-card__icon,
  body.rm2026-active img.rm2026-card__icon,
  body.rm2026-active .rm2026-card__icon img {
    width: 54px;
    height: 54px;
  }

  body.rm2026-active .rm2026-card__label {
    font-size: 0.82rem;
    line-height: 1.25;
  }
}

@media (max-width: 420px) {
  body.rm2026-active .rm2026-container {
    width: min(100% - 24px, var(--rm2026-container));
  }

  body.rm2026-active .rm2026-card,
  body.rm2026-active .rm2026-feature,
  body.rm2026-active .rm2026-editorial,
  body.rm2026-active .rm2026-payment-box {
    padding: 22px;
  }

  body.rm2026-active .rm2026-hero__title,
  body.rm2026-active .rm2026-hero-title {
    font-size: clamp(2.1rem, 10.5vw, 2.8rem);
  }

  body.rm2026-active .rm2026-phone-card-title h3,
  body.rm2026-active .rm2026-route--international .rm2026-phone-card-title h3 {
    font-size: 1.22rem;
  }

  body.rm2026-active .rm2026-phone-display,
  body.rm2026-active .rm2026-phone-number {
    font-size: 1.2rem;
  }
}
/* ==========================================================
   RM2026 — Refinamiento visual semántico 2026
   Objetivo: aplicar color por ruta comercial sin contaminar
   CSS heredado ni modificar estilos globales de Neve.
   ========================================================== */

body.rm2026-active .rm2026-scope,
body.rm2026-active .rm2026-page {
  --rm2026-cabinet: #8a5a12;
  --rm2026-cabinet-hover: #70480e;
  --rm2026-cabinet-bg: #fdf8ee;
  --rm2026-806-hover: #4338ca;
  --rm2026-806-active: #3730a3;
  --rm2026-international-hover: #115e59;
  --rm2026-international-active: #0b4f4a;
  --rm2026-teresa: #7c3aed;
  --rm2026-teresa-hover: #6d28d9;
  --rm2026-teresa-bg: #f5f3ff;
  --rm2026-alejandro: #0f766e;
  --rm2026-alejandro-hover: #115e59;
  --rm2026-alejandro-bg: #ecfdf5;
  --rm2026-whatsapp-bg: #ecfdf5;
}

/* Jerarquía tipográfica más premium: fuerte, pero menos rígida en H2/H3 */
body.rm2026-active .rm2026-scope h2,
body.rm2026-active .rm2026-page h2 {
  font-weight: 750;
  letter-spacing: -0.032em;
}

body.rm2026-active .rm2026-scope h3,
body.rm2026-active .rm2026-page h3 {
  font-weight: 750;
  letter-spacing: -0.026em;
}

/* Botones: radio menos “app”, más premium web */
body.rm2026-active .rm2026-btn,
body.rm2026-active a.rm2026-btn,
body.rm2026-active .rm2026-text-link,
body.rm2026-active .rm2026-section--resources .rm2026-card a:not(.rm2026-card__media-link):not(.rm2026-btn),
body.rm2026-active .rm2026-section--featured .rm2026-card a:not(.rm2026-card__media-link):not(.rm2026-btn),
body.rm2026-active .rm2026-card--resource a:not(.rm2026-card__media-link):not(.rm2026-btn),
body.rm2026-active .rm2026-card--editorial a:not(.rm2026-card__media-link):not(.rm2026-btn) {
  border-radius: 16px !important;
}

/* Ruth Premium: CTA principal con máxima jerarquía sin usar dorado dominante */
body.rm2026-active .rm2026-btn--premium,
body.rm2026-active a.rm2026-btn--premium {
  background: var(--rm2026-blue) !important;
  border-color: var(--rm2026-blue-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(24, 93, 197, 0.20), inset 0 0 0 1px rgba(255,255,255,0.16);
}

body.rm2026-active .rm2026-btn--premium:hover,
body.rm2026-active .rm2026-btn--premium:focus-visible,
body.rm2026-active a.rm2026-btn--premium:hover,
body.rm2026-active a.rm2026-btn--premium:focus-visible {
  background: var(--rm2026-blue-hover) !important;
  border-color: var(--rm2026-blue-night) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 15px 30px rgba(24, 93, 197, 0.24);
}

/* WhatsApp: verde sobrio de reserva/disponibilidad */
body.rm2026-active .rm2026-btn--whatsapp,
body.rm2026-active a.rm2026-btn--whatsapp {
  background: var(--rm2026-whatsapp) !important;
  border-color: var(--rm2026-whatsapp) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 101, 52, 0.16);
}

body.rm2026-active .rm2026-btn--whatsapp:hover,
body.rm2026-active .rm2026-btn--whatsapp:focus-visible,
body.rm2026-active a.rm2026-btn--whatsapp:hover,
body.rm2026-active a.rm2026-btn--whatsapp:focus-visible {
  background: var(--rm2026-whatsapp-hover) !important;
  border-color: var(--rm2026-whatsapp-hover) !important;
}

/* Gabinete 24h: cálido sobrio, separado de Ruth Premium */
body.rm2026-active .rm2026-btn--cabinet,
body.rm2026-active a.rm2026-btn--cabinet {
  background: var(--rm2026-cabinet) !important;
  border-color: var(--rm2026-cabinet) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(138, 90, 18, 0.18);
}

body.rm2026-active .rm2026-btn--cabinet:hover,
body.rm2026-active .rm2026-btn--cabinet:focus-visible,
body.rm2026-active a.rm2026-btn--cabinet:hover,
body.rm2026-active a.rm2026-btn--cabinet:focus-visible {
  background: var(--rm2026-cabinet-hover) !important;
  border-color: var(--rm2026-cabinet-hover) !important;
}

/* Teléfono 911: llamada nacional seria */
body.rm2026-active .rm2026-btn--phone,
body.rm2026-active .rm2026-btn--911,
body.rm2026-active a.rm2026-btn--phone,
body.rm2026-active a.rm2026-btn--911 {
  background: var(--rm2026-blue-night) !important;
  border-color: var(--rm2026-blue-night) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(11, 47, 107, 0.16);
}

body.rm2026-active .rm2026-btn--phone:hover,
body.rm2026-active .rm2026-btn--phone:focus-visible,
body.rm2026-active .rm2026-btn--911:hover,
body.rm2026-active .rm2026-btn--911:focus-visible,
body.rm2026-active a.rm2026-btn--phone:hover,
body.rm2026-active a.rm2026-btn--phone:focus-visible,
body.rm2026-active a.rm2026-btn--911:hover,
body.rm2026-active a.rm2026-btn--911:focus-visible {
  background: #08265a !important;
  border-color: #08265a !important;
}

/* Tarot 806: ruta específica, no Ruth Premium */
body.rm2026-active .rm2026-btn--806,
body.rm2026-active a.rm2026-btn--806 {
  background: var(--rm2026-806) !important;
  border-color: var(--rm2026-806) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(79, 70, 229, 0.16);
}

body.rm2026-active .rm2026-btn--806:hover,
body.rm2026-active .rm2026-btn--806:focus-visible,
body.rm2026-active a.rm2026-btn--806:hover,
body.rm2026-active a.rm2026-btn--806:focus-visible {
  background: var(--rm2026-806-hover) !important;
  border-color: var(--rm2026-806-hover) !important;
}

/* Internacional: verde azulado, separado de WhatsApp */
body.rm2026-active .rm2026-btn--international,
body.rm2026-active a.rm2026-btn--international {
  background: var(--rm2026-international) !important;
  border-color: var(--rm2026-international) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(15, 118, 110, 0.16);
}

body.rm2026-active .rm2026-btn--international:hover,
body.rm2026-active .rm2026-btn--international:focus-visible,
body.rm2026-active a.rm2026-btn--international:hover,
body.rm2026-active a.rm2026-btn--international:focus-visible {
  background: var(--rm2026-international-hover) !important;
  border-color: var(--rm2026-international-hover) !important;
}

/* Colaboradores premium: botones secundarios con identidad propia */
body.rm2026-active .rm2026-btn--advisor,
body.rm2026-active a.rm2026-btn--advisor {
  background: #ffffff !important;
  box-shadow: none;
}

body.rm2026-active .rm2026-btn--teresa,
body.rm2026-active a.rm2026-btn--teresa {
  border-color: #c4b5fd !important;
  color: var(--rm2026-teresa-hover) !important;
  -webkit-text-fill-color: var(--rm2026-teresa-hover) !important;
}

body.rm2026-active .rm2026-btn--teresa:hover,
body.rm2026-active .rm2026-btn--teresa:focus-visible,
body.rm2026-active a.rm2026-btn--teresa:hover,
body.rm2026-active a.rm2026-btn--teresa:focus-visible {
  background: var(--rm2026-teresa) !important;
  border-color: var(--rm2026-teresa) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.rm2026-active .rm2026-btn--alejandro,
body.rm2026-active a.rm2026-btn--alejandro {
  border-color: #99f6e4 !important;
  color: var(--rm2026-alejandro) !important;
  -webkit-text-fill-color: var(--rm2026-alejandro) !important;
}

body.rm2026-active .rm2026-btn--alejandro:hover,
body.rm2026-active .rm2026-btn--alejandro:focus-visible,
body.rm2026-active a.rm2026-btn--alejandro:hover,
body.rm2026-active a.rm2026-btn--alejandro:focus-visible {
  background: var(--rm2026-alejandro) !important;
  border-color: var(--rm2026-alejandro) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Secciones: fondos por intención, no alternancia mecánica */
body.rm2026-active .rm2026-section--route-selector,
body.rm2026-active .rm2026-section--advisors,
body.rm2026-active .rm2026-section--choose,
body.rm2026-active .rm2026-section--resources,
body.rm2026-active .rm2026-section--faqs {
  background: #ffffff;
}

body.rm2026-active .rm2026-section--ruth-premium,
body.rm2026-active .rm2026-section--payments {
  background: var(--rm2026-bg-premium);
}

body.rm2026-active .rm2026-section--cabinet {
  background: var(--rm2026-cabinet-bg);
}

body.rm2026-active .rm2026-section--phone-routes,
body.rm2026-active .rm2026-section--options {
  background: var(--rm2026-bg-info);
}

body.rm2026-active .rm2026-section--final-cta {
  background:
    radial-gradient(circle at 50% 0%, rgba(24, 93, 197, 0.12), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #eef4ff 100%);
}

/* Cards con acento semántico por ruta */
body.rm2026-active .rm2026-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: transparent;
  pointer-events: none;
}

body.rm2026-active .rm2026-card.rm2026-route--ruth,
body.rm2026-active .rm2026-route--ruth .rm2026-card,
body.rm2026-active .rm2026-section--ruth-premium .rm2026-feature {
  border-color: var(--rm2026-border);
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

body.rm2026-active .rm2026-card.rm2026-route--ruth::before,
body.rm2026-active .rm2026-route--ruth .rm2026-card::before {
  background: var(--rm2026-blue);
}

body.rm2026-active .rm2026-card.rm2026-route--whatsapp {
  border-color: rgba(22, 101, 52, 0.22);
  background: linear-gradient(180deg, #ffffff 0%, #f5fff9 100%);
}

body.rm2026-active .rm2026-card.rm2026-route--whatsapp::before {
  background: var(--rm2026-whatsapp);
}

body.rm2026-active .rm2026-card.rm2026-route--cabinet,
body.rm2026-active .rm2026-route--cabinet .rm2026-feature {
  border-color: rgba(138, 90, 18, 0.24);
  background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
}

body.rm2026-active .rm2026-card.rm2026-route--cabinet::before {
  background: var(--rm2026-cabinet);
}

body.rm2026-active .rm2026-card.rm2026-route--911::before,
body.rm2026-active .rm2026-card.rm2026-route--phone::before {
  background: var(--rm2026-blue-night);
}

body.rm2026-active .rm2026-card.rm2026-route--806 {
  border-color: rgba(79, 70, 229, 0.22);
  background: linear-gradient(180deg, #ffffff 0%, #fbfaff 100%);
}

body.rm2026-active .rm2026-card.rm2026-route--806::before {
  background: var(--rm2026-806);
}

body.rm2026-active .rm2026-card.rm2026-route--international {
  border-color: rgba(15, 118, 110, 0.22);
  background: linear-gradient(180deg, #ffffff 0%, #f4fffd 100%);
}

body.rm2026-active .rm2026-card.rm2026-route--international::before {
  background: var(--rm2026-international);
}

body.rm2026-active .rm2026-card.rm2026-route--teresa {
  border-color: rgba(124, 58, 237, 0.20);
  background: linear-gradient(180deg, #ffffff 0%, #fbfaff 100%);
}

body.rm2026-active .rm2026-card.rm2026-route--teresa::before {
  background: var(--rm2026-teresa);
}

body.rm2026-active .rm2026-card.rm2026-route--alejandro {
  border-color: rgba(15, 118, 110, 0.20);
  background: linear-gradient(180deg, #ffffff 0%, #f4fffd 100%);
}

body.rm2026-active .rm2026-card.rm2026-route--alejandro::before {
  background: var(--rm2026-alejandro);
}

/* Iconos por ruta */
body.rm2026-active .rm2026-route--ruth .rm2026-card__icon {
  background: #e8f1ff;
  color: var(--rm2026-blue);
}

body.rm2026-active .rm2026-route--whatsapp .rm2026-card__icon {
  background: var(--rm2026-whatsapp-bg);
  color: var(--rm2026-whatsapp);
}

body.rm2026-active .rm2026-route--cabinet .rm2026-card__icon {
  background: var(--rm2026-cabinet-bg);
  color: var(--rm2026-cabinet);
}

body.rm2026-active .rm2026-route--911 .rm2026-card__icon,
body.rm2026-active .rm2026-route--phone .rm2026-card__icon {
  background: var(--rm2026-bg-info);
  color: var(--rm2026-blue-night);
}

body.rm2026-active .rm2026-route--806 .rm2026-card__icon {
  background: #f5f3ff;
  color: var(--rm2026-806);
}

body.rm2026-active .rm2026-route--international .rm2026-card__icon {
  background: #ecfdf5;
  color: var(--rm2026-international);
}

body.rm2026-active .rm2026-route--teresa .rm2026-card__icon {
  background: var(--rm2026-teresa-bg);
  color: var(--rm2026-teresa);
}

body.rm2026-active .rm2026-route--alejandro .rm2026-card__icon {
  background: var(--rm2026-alejandro-bg);
  color: var(--rm2026-alejandro);
}

/* Cards informativas: menor presión visual */
body.rm2026-active .rm2026-card--soft,
body.rm2026-active .rm2026-mini-card {
  box-shadow: none;
  border-color: var(--rm2026-border-soft);
}

body.rm2026-active .rm2026-card:hover {
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08);
}

/* Links editoriales: mantienen rol informativo */
body.rm2026-active .rm2026-text-link {
  font-weight: 800 !important;
  box-shadow: none !important;
}

/* Pagos: sección secundaria, con acentos discretos por tipo */
body.rm2026-active .rm2026-payment-card {
  min-height: 154px;
}

body.rm2026-active .rm2026-payment-card__icon {
  padding: 4px;
  border-radius: 999px;
  background: #eef4ff;
}

body.rm2026-active .rm2026-payment--bizum .rm2026-payment-card__icon,
body.rm2026-active .rm2026-payment--visa .rm2026-payment-card__icon,
body.rm2026-active .rm2026-payment--transfer .rm2026-payment-card__icon {
  background: #eef4ff;
}

body.rm2026-active .rm2026-payment--806 .rm2026-payment-card__icon {
  background: #f5f3ff;
}

body.rm2026-active .rm2026-payment--cabinet .rm2026-payment-card__icon,
body.rm2026-active .rm2026-payment--promo .rm2026-payment-card__icon {
  background: #fdf8ee;
}

body.rm2026-active .rm2026-payment--806:hover {
  border-color: rgba(79, 70, 229, 0.24);
}

body.rm2026-active .rm2026-payment--cabinet:hover,
body.rm2026-active .rm2026-payment--promo:hover {
  border-color: rgba(138, 90, 18, 0.24);
}

/* FAQ: foco visible y estado abierto más claro */
body.rm2026-active .rm2026-faq[open] {
  border-color: var(--rm2026-border-strong);
  background: #ffffff;
}

body.rm2026-active .rm2026-faq summary:focus-visible {
  outline: 3px solid rgba(24, 93, 197, 0.24);
  outline-offset: 3px;
  border-radius: 14px;
}

/* Mobile: CTAs más fáciles de tocar sin romper jerarquía */
@media (max-width: 767px) {
  body.rm2026-active .rm2026-hero__actions .rm2026-btn,
  body.rm2026-active .rm2026-hero__actions a.rm2026-btn,
  body.rm2026-active .rm2026-feature .rm2026-cluster .rm2026-btn,
  body.rm2026-active .rm2026-feature .rm2026-cluster a.rm2026-btn {
    width: 100%;
  }

  body.rm2026-active .rm2026-btn,
  body.rm2026-active a.rm2026-btn {
    min-height: 50px !important;
  }
}

/* ==========================================================
   RM2026 — FIX V3 BOTONES SEMÁNTICOS
   Objetivo: que el color correcto se vea en estado normal,
   no solo en hover. Se añade al final para ganar prioridad
   frente a la regla base .rm2026-scope .rm2026-btn.
   ========================================================== */

/* Ruth Premium: azul marca / premium */
body.rm2026-active .rm2026-scope .rm2026-btn--premium,
body.rm2026-active .rm2026-page .rm2026-btn--premium,
body.rm2026-active .rm2026-scope a.rm2026-btn--premium,
body.rm2026-active .rm2026-page a.rm2026-btn--premium {
  background: var(--rm2026-blue, #185dc5) !important;
  border-color: var(--rm2026-blue-hover, #0f4da8) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(24, 93, 197, 0.20), inset 0 0 0 1px rgba(255,255,255,0.16) !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--premium:hover,
body.rm2026-active .rm2026-page .rm2026-btn--premium:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--premium:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--premium:focus-visible,
body.rm2026-active .rm2026-scope a.rm2026-btn--premium:hover,
body.rm2026-active .rm2026-page a.rm2026-btn--premium:hover,
body.rm2026-active .rm2026-scope a.rm2026-btn--premium:focus-visible,
body.rm2026-active .rm2026-page a.rm2026-btn--premium:focus-visible {
  background: var(--rm2026-blue-hover, #0f4da8) !important;
  border-color: var(--rm2026-blue-night, #0b2f6b) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* WhatsApp: verde desde el primer estado */
body.rm2026-active .rm2026-scope .rm2026-btn--whatsapp,
body.rm2026-active .rm2026-page .rm2026-btn--whatsapp,
body.rm2026-active .rm2026-scope a.rm2026-btn--whatsapp,
body.rm2026-active .rm2026-page a.rm2026-btn--whatsapp,
body.rm2026-active .rm2026-scope .rm2026-route--whatsapp .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--whatsapp .rm2026-btn,
body.rm2026-active .rm2026-scope .rm2026-route--whatsapp a.rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--whatsapp a.rm2026-btn {
  background: var(--rm2026-whatsapp, #166534) !important;
  border-color: var(--rm2026-whatsapp, #166534) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(22, 101, 52, 0.16) !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--whatsapp:hover,
body.rm2026-active .rm2026-page .rm2026-btn--whatsapp:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--whatsapp:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--whatsapp:focus-visible,
body.rm2026-active .rm2026-scope a.rm2026-btn--whatsapp:hover,
body.rm2026-active .rm2026-page a.rm2026-btn--whatsapp:hover,
body.rm2026-active .rm2026-scope a.rm2026-btn--whatsapp:focus-visible,
body.rm2026-active .rm2026-page a.rm2026-btn--whatsapp:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-route--whatsapp .rm2026-btn:hover,
body.rm2026-active .rm2026-page .rm2026-route--whatsapp .rm2026-btn:hover,
body.rm2026-active .rm2026-scope .rm2026-route--whatsapp .rm2026-btn:focus-visible,
body.rm2026-active .rm2026-page .rm2026-route--whatsapp .rm2026-btn:focus-visible {
  background: var(--rm2026-whatsapp-hover, #14532d) !important;
  border-color: var(--rm2026-whatsapp-hover, #14532d) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Gabinete 24h: dorado/marrón sobrio desde el primer estado */
body.rm2026-active .rm2026-scope .rm2026-btn--cabinet,
body.rm2026-active .rm2026-page .rm2026-btn--cabinet,
body.rm2026-active .rm2026-scope a.rm2026-btn--cabinet,
body.rm2026-active .rm2026-page a.rm2026-btn--cabinet,
body.rm2026-active .rm2026-scope .rm2026-route--cabinet .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--cabinet .rm2026-btn,
body.rm2026-active .rm2026-scope .rm2026-route--cabinet a.rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--cabinet a.rm2026-btn {
  background: var(--rm2026-cabinet, #8a5a12) !important;
  border-color: var(--rm2026-cabinet, #8a5a12) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(138, 90, 18, 0.18) !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--cabinet:hover,
body.rm2026-active .rm2026-page .rm2026-btn--cabinet:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--cabinet:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--cabinet:focus-visible,
body.rm2026-active .rm2026-scope a.rm2026-btn--cabinet:hover,
body.rm2026-active .rm2026-page a.rm2026-btn--cabinet:hover,
body.rm2026-active .rm2026-scope a.rm2026-btn--cabinet:focus-visible,
body.rm2026-active .rm2026-page a.rm2026-btn--cabinet:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-route--cabinet .rm2026-btn:hover,
body.rm2026-active .rm2026-page .rm2026-route--cabinet .rm2026-btn:hover,
body.rm2026-active .rm2026-scope .rm2026-route--cabinet .rm2026-btn:focus-visible,
body.rm2026-active .rm2026-page .rm2026-route--cabinet .rm2026-btn:focus-visible {
  background: var(--rm2026-cabinet-hover, #70480e) !important;
  border-color: var(--rm2026-cabinet-hover, #70480e) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Teléfono / 911: azul noche */
body.rm2026-active .rm2026-scope .rm2026-btn--phone,
body.rm2026-active .rm2026-page .rm2026-btn--phone,
body.rm2026-active .rm2026-scope .rm2026-btn--911,
body.rm2026-active .rm2026-page .rm2026-btn--911,
body.rm2026-active .rm2026-scope a.rm2026-btn--phone,
body.rm2026-active .rm2026-page a.rm2026-btn--phone,
body.rm2026-active .rm2026-scope a.rm2026-btn--911,
body.rm2026-active .rm2026-page a.rm2026-btn--911,
body.rm2026-active .rm2026-scope .rm2026-route--phone .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--phone .rm2026-btn,
body.rm2026-active .rm2026-scope .rm2026-route--911 .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--911 .rm2026-btn {
  background: var(--rm2026-blue-night, #0b2f6b) !important;
  border-color: var(--rm2026-blue-night, #0b2f6b) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(11, 47, 107, 0.16) !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--phone:hover,
body.rm2026-active .rm2026-page .rm2026-btn--phone:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--911:hover,
body.rm2026-active .rm2026-page .rm2026-btn--911:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--phone:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--phone:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-btn--911:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--911:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-route--phone .rm2026-btn:hover,
body.rm2026-active .rm2026-page .rm2026-route--phone .rm2026-btn:hover,
body.rm2026-active .rm2026-scope .rm2026-route--911 .rm2026-btn:hover,
body.rm2026-active .rm2026-page .rm2026-route--911 .rm2026-btn:hover {
  background: #08265a !important;
  border-color: #08265a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Tarot 806: violeta desde el primer estado */
body.rm2026-active .rm2026-scope .rm2026-btn--806,
body.rm2026-active .rm2026-page .rm2026-btn--806,
body.rm2026-active .rm2026-scope a.rm2026-btn--806,
body.rm2026-active .rm2026-page a.rm2026-btn--806,
body.rm2026-active .rm2026-scope .rm2026-route--806 .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--806 .rm2026-btn,
body.rm2026-active .rm2026-scope .rm2026-route--806 a.rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--806 a.rm2026-btn {
  background: var(--rm2026-806, #4f46e5) !important;
  border-color: var(--rm2026-806, #4f46e5) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(79, 70, 229, 0.16) !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--806:hover,
body.rm2026-active .rm2026-page .rm2026-btn--806:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--806:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--806:focus-visible,
body.rm2026-active .rm2026-scope a.rm2026-btn--806:hover,
body.rm2026-active .rm2026-page a.rm2026-btn--806:hover,
body.rm2026-active .rm2026-scope a.rm2026-btn--806:focus-visible,
body.rm2026-active .rm2026-page a.rm2026-btn--806:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-route--806 .rm2026-btn:hover,
body.rm2026-active .rm2026-page .rm2026-route--806 .rm2026-btn:hover,
body.rm2026-active .rm2026-scope .rm2026-route--806 .rm2026-btn:focus-visible,
body.rm2026-active .rm2026-page .rm2026-route--806 .rm2026-btn:focus-visible {
  background: var(--rm2026-806-hover, #4338ca) !important;
  border-color: var(--rm2026-806-hover, #4338ca) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Internacional: verde azulado desde el primer estado */
body.rm2026-active .rm2026-scope .rm2026-btn--international,
body.rm2026-active .rm2026-page .rm2026-btn--international,
body.rm2026-active .rm2026-scope a.rm2026-btn--international,
body.rm2026-active .rm2026-page a.rm2026-btn--international,
body.rm2026-active .rm2026-scope .rm2026-route--international .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--international .rm2026-btn,
body.rm2026-active .rm2026-scope .rm2026-route--international a.rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--international a.rm2026-btn {
  background: var(--rm2026-international, #0f766e) !important;
  border-color: var(--rm2026-international, #0f766e) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(15, 118, 110, 0.16) !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--international:hover,
body.rm2026-active .rm2026-page .rm2026-btn--international:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--international:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--international:focus-visible,
body.rm2026-active .rm2026-scope a.rm2026-btn--international:hover,
body.rm2026-active .rm2026-page a.rm2026-btn--international:hover,
body.rm2026-active .rm2026-scope a.rm2026-btn--international:focus-visible,
body.rm2026-active .rm2026-page a.rm2026-btn--international:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-route--international .rm2026-btn:hover,
body.rm2026-active .rm2026-page .rm2026-route--international .rm2026-btn:hover,
body.rm2026-active .rm2026-scope .rm2026-route--international .rm2026-btn:focus-visible,
body.rm2026-active .rm2026-page .rm2026-route--international .rm2026-btn:focus-visible {
  background: var(--rm2026-international-hover, #115e59) !important;
  border-color: var(--rm2026-international-hover, #115e59) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Botones secundarios / informativos: blancos con borde azul */
body.rm2026-active .rm2026-scope .rm2026-btn--secondary,
body.rm2026-active .rm2026-page .rm2026-btn--secondary,
body.rm2026-active .rm2026-scope .rm2026-btn--outline,
body.rm2026-active .rm2026-page .rm2026-btn--outline,
body.rm2026-active .rm2026-scope a.rm2026-btn--secondary,
body.rm2026-active .rm2026-page a.rm2026-btn--secondary,
body.rm2026-active .rm2026-scope a.rm2026-btn--outline,
body.rm2026-active .rm2026-page a.rm2026-btn--outline {
  background: #ffffff !important;
  border-color: var(--rm2026-border-strong, #b8d4ff) !important;
  color: var(--rm2026-blue-hover, #0f4da8) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover, #0f4da8) !important;
  box-shadow: none !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--secondary:hover,
body.rm2026-active .rm2026-page .rm2026-btn--secondary:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--outline:hover,
body.rm2026-active .rm2026-page .rm2026-btn--outline:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--secondary:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--secondary:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-btn--outline:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--outline:focus-visible {
  background: var(--rm2026-blue, #185dc5) !important;
  border-color: var(--rm2026-blue, #185dc5) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Colaboradores premium: estado normal como botón secundario con acento propio */
body.rm2026-active .rm2026-scope .rm2026-btn--advisor,
body.rm2026-active .rm2026-page .rm2026-btn--advisor,
body.rm2026-active .rm2026-scope a.rm2026-btn--advisor,
body.rm2026-active .rm2026-page a.rm2026-btn--advisor,
body.rm2026-active .rm2026-scope .rm2026-route--teresa .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--teresa .rm2026-btn,
body.rm2026-active .rm2026-scope .rm2026-route--alejandro .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--alejandro .rm2026-btn {
  background: #ffffff !important;
  box-shadow: none !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--teresa,
body.rm2026-active .rm2026-page .rm2026-btn--teresa,
body.rm2026-active .rm2026-scope a.rm2026-btn--teresa,
body.rm2026-active .rm2026-page a.rm2026-btn--teresa,
body.rm2026-active .rm2026-scope .rm2026-route--teresa .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--teresa .rm2026-btn {
  background: var(--rm2026-teresa, #7c3aed) !important;
  border-color: var(--rm2026-teresa, #7c3aed) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(124, 58, 237, 0.22) !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--teresa:hover,
body.rm2026-active .rm2026-page .rm2026-btn--teresa:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--teresa:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--teresa:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-route--teresa .rm2026-btn:hover,
body.rm2026-active .rm2026-page .rm2026-route--teresa .rm2026-btn:hover,
body.rm2026-active .rm2026-scope .rm2026-route--teresa .rm2026-btn:focus-visible,
body.rm2026-active .rm2026-page .rm2026-route--teresa .rm2026-btn:focus-visible {
  background: var(--rm2026-teresa, #7c3aed) !important;
  border-color: var(--rm2026-teresa, #7c3aed) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.rm2026-active .rm2026-scope .rm2026-btn--alejandro,
body.rm2026-active .rm2026-page .rm2026-btn--alejandro,
body.rm2026-active .rm2026-scope .rm2026-btn--alejandro:hover,
body.rm2026-active .rm2026-page .rm2026-btn--alejandro:hover,
body.rm2026-active .rm2026-scope .rm2026-btn--alejandro:focus-visible,
body.rm2026-active .rm2026-page .rm2026-btn--alejandro:focus-visible,
body.rm2026-active .rm2026-scope a.rm2026-btn--alejandro:hover,
body.rm2026-active .rm2026-page a.rm2026-btn--alejandro:hover,
body.rm2026-active .rm2026-scope a.rm2026-btn--alejandro:focus-visible,
body.rm2026-active .rm2026-page a.rm2026-btn--alejandro:focus-visible,
body.rm2026-active .rm2026-scope .rm2026-route--alejandro .rm2026-btn:hover,
body.rm2026-active .rm2026-page .rm2026-route--alejandro .rm2026-btn:hover,
body.rm2026-active .rm2026-scope .rm2026-route--alejandro .rm2026-btn:focus-visible,
body.rm2026-active .rm2026-page .rm2026-route--alejandro .rm2026-btn:focus-visible {
  background: var(--rm2026-alejandro-hover, #115e59) !important;
  border-color: var(--rm2026-alejandro-hover, #115e59) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body.rm2026-active .rm2026-scope a.rm2026-btn--alejandro,
body.rm2026-active .rm2026-page a.rm2026-btn--alejandro,
body.rm2026-active .rm2026-scope .rm2026-route--alejandro .rm2026-btn,
body.rm2026-active .rm2026-page .rm2026-route--alejandro .rm2026-btn {
  background: var(--rm2026-alejandro, #0f766e) !important;
  border-color: var(--rm2026-alejandro, #0f766e) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(15, 118, 110, 0.22) !important;
}
/* =========================================================
   RM2026 — Tarot WhatsApp Ruth Montenegro
   Archivo destino recomendado: /css/rm2026.css
   Scope obligatorio: body.rm2026-active + clases rm2026-
   ========================================================= */

body.rm2026-active .rm2026-scope {
  --rm2026-blue: #185DC5;
  --rm2026-blue-hover: #0F4DA8;
  --rm2026-blue-night: #0B2F6B;
  --rm2026-text: #0F172A;
  --rm2026-muted: #334155;
  --rm2026-soft: #F8FAFC;
  --rm2026-premium: #F7FAFF;
  --rm2026-info: #EEF4FF;
  --rm2026-border: #E2E8F0;
  --rm2026-border-premium: #CFE0FF;
  --rm2026-whatsapp: #166534;
  --rm2026-whatsapp-hover: #14532D;
  --rm2026-gabinete: #8A5A12;
  --rm2026-gabinete-hover: #70480E;
  --rm2026-806: #4F46E5;
  --rm2026-806-hover: #4338CA;
  --rm2026-international: #0F766E;
  --rm2026-international-hover: #115E59;
  --rm2026-radius-lg: 28px;
  --rm2026-radius-md: 20px;
  --rm2026-shadow: 0 18px 50px rgba(15, 23, 42, 0.08);
  color: var(--rm2026-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  overflow-x: hidden;
}

body.rm2026-active .rm2026-scope,
body.rm2026-active .rm2026-scope * {
  box-sizing: border-box;
}

body.rm2026-active .rm2026-container {
  width: min(1120px, calc(100% - 32px));
  margin-inline: auto;
}

body.rm2026-active .rm2026-container--narrow {
  width: min(880px, calc(100% - 32px));
}

body.rm2026-active .rm2026-hero {
  background:
    radial-gradient(circle at 15% 0%, rgba(24, 93, 197, 0.12), transparent 36%),
    linear-gradient(180deg, #FFFFFF 0%, var(--rm2026-premium) 100%);
  padding: clamp(34px, 6vw, 72px) 0 clamp(36px, 6vw, 84px);
}

body.rm2026-active .rm2026-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px;
  align-items: center;
}

body.rm2026-active .rm2026-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 12px;
  padding: 7px 12px;
  border: 1px solid rgba(24, 93, 197, 0.18);
  border-radius: 999px;
  background: #FFFFFF;
  color: var(--rm2026-blue-night);
  font-size: 0.82rem;
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.rm2026-active .rm2026-hero__title,
body.rm2026-active .rm2026-hero-title {
  max-width: 760px;
  margin: 0;
  color: var(--rm2026-text);
  font-size: clamp(2.25rem, 3.35vw, 3.15rem);
  line-height: 1.07;
  letter-spacing: -0.045em;
  font-weight: 900;
  text-transform: none;
}

body.rm2026-active .rm2026-hero__subtitle {
  max-width: 720px;
  margin: 16px 0 0;
  color: var(--rm2026-blue-night);
  font-size: clamp(1.16rem, 2vw, 1.45rem);
  line-height: 1.35;
  font-weight: 800;
}

body.rm2026-active .rm2026-hero__text,
body.rm2026-active .rm2026-section__lead,
body.rm2026-active .rm2026-prose p,
body.rm2026-active .rm2026-card p,
body.rm2026-active .rm2026-step p,
body.rm2026-active .rm2026-route-card p,
body.rm2026-active .rm2026-cta-band p,
body.rm2026-active .rm2026-final-cta p,
body.rm2026-active .rm2026-faq-item__body p {
  color: var(--rm2026-muted);
  font-size: 1rem;
  line-height: 1.68;
}

body.rm2026-active .rm2026-hero__text {
  max-width: 740px;
  margin: 16px 0 0;
}

body.rm2026-active .rm2026-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

body.rm2026-active .rm2026-actions--center {
  justify-content: center;
}

body.rm2026-active .rm2026-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 14px 18px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.98rem;
  line-height: 1.15;
  font-weight: 900;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
  -webkit-tap-highlight-color: transparent;
}

body.rm2026-active .rm2026-btn:hover,
body.rm2026-active .rm2026-btn:focus-visible {
  transform: translateY(-1px);
  text-decoration: none !important;
}

body.rm2026-active .rm2026-btn:focus-visible {
  outline: 3px solid rgba(24, 93, 197, 0.25);
  outline-offset: 3px;
}

body.rm2026-active .rm2026-btn--whatsapp,
body.rm2026-active .rm2026-route--whatsapp .rm2026-btn {
  background: var(--rm2026-whatsapp) !important;
  border-color: var(--rm2026-whatsapp) !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 26px rgba(22, 101, 52, 0.18);
}

body.rm2026-active .rm2026-btn--whatsapp:hover,
body.rm2026-active .rm2026-btn--whatsapp:focus-visible,
body.rm2026-active .rm2026-route--whatsapp .rm2026-btn:hover,
body.rm2026-active .rm2026-route--whatsapp .rm2026-btn:focus-visible {
  background: var(--rm2026-whatsapp-hover) !important;
  border-color: var(--rm2026-whatsapp-hover) !important;
  color: #FFFFFF !important;
}

body.rm2026-active .rm2026-btn--gabinete,
body.rm2026-active .rm2026-route--gabinete .rm2026-btn {
  background: var(--rm2026-gabinete) !important;
  border-color: var(--rm2026-gabinete) !important;
  color: #FFFFFF !important;
}

body.rm2026-active .rm2026-btn--gabinete:hover,
body.rm2026-active .rm2026-btn--gabinete:focus-visible,
body.rm2026-active .rm2026-route--gabinete .rm2026-btn:hover,
body.rm2026-active .rm2026-route--gabinete .rm2026-btn:focus-visible {
  background: var(--rm2026-gabinete-hover) !important;
  border-color: var(--rm2026-gabinete-hover) !important;
  color: #FFFFFF !important;
}

body.rm2026-active .rm2026-btn--806 {
  background: var(--rm2026-806) !important;
  border-color: var(--rm2026-806) !important;
  color: #FFFFFF !important;
}

body.rm2026-active .rm2026-btn--806:hover,
body.rm2026-active .rm2026-btn--806:focus-visible {
  background: var(--rm2026-806-hover) !important;
  border-color: var(--rm2026-806-hover) !important;
  color: #FFFFFF !important;
}

body.rm2026-active .rm2026-btn--international {
  background: var(--rm2026-international) !important;
  border-color: var(--rm2026-international) !important;
  color: #FFFFFF !important;
}

body.rm2026-active .rm2026-btn--international:hover,
body.rm2026-active .rm2026-btn--international:focus-visible {
  background: var(--rm2026-international-hover) !important;
  border-color: var(--rm2026-international-hover) !important;
  color: #FFFFFF !important;
}

body.rm2026-active .rm2026-btn--secondary {
  background: #FFFFFF !important;
  border-color: var(--rm2026-border-premium) !important;
  color: var(--rm2026-blue-hover) !important;
}

body.rm2026-active .rm2026-btn--secondary:hover,
body.rm2026-active .rm2026-btn--secondary:focus-visible {
  background: var(--rm2026-info) !important;
  border-color: var(--rm2026-border-premium) !important;
  color: var(--rm2026-blue-night) !important;
}

body.rm2026-active .rm2026-micro,
body.rm2026-active .rm2026-legal-note,
body.rm2026-active .rm2026-hero__caption {
  color: #64748B;
  font-size: 0.88rem;
  line-height: 1.45;
}

body.rm2026-active .rm2026-micro {
  max-width: 720px;
  margin: 12px 0 0;
}

body.rm2026-active .rm2026-hero__media {
  width: min(460px, 100%);
  margin-inline: auto;
}

body.rm2026-active .rm2026-hero__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--rm2026-radius-lg);
  box-shadow: var(--rm2026-shadow);
  border: 1px solid rgba(24, 93, 197, 0.12);
}

body.rm2026-active .rm2026-hero__caption {
  margin: 10px 0 0;
  text-align: center;
  font-weight: 700;
}

body.rm2026-active .rm2026-section {
  padding: clamp(42px, 6vw, 76px) 0;
  background: #FFFFFF;
}

body.rm2026-active .rm2026-section--soft {
  background: var(--rm2026-soft);
}

body.rm2026-active .rm2026-section--premium {
  background:
    radial-gradient(circle at 85% 0%, rgba(24, 93, 197, 0.10), transparent 34%),
    var(--rm2026-premium);
}

body.rm2026-active .rm2026-section--related {
  padding-top: 34px;
}

body.rm2026-active .rm2026-content-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

body.rm2026-active .rm2026-section__head {
  max-width: 780px;
}

body.rm2026-active .rm2026-section__head--center {
  margin-inline: auto;
  text-align: center;
}

body.rm2026-active .rm2026-section__head--center .rm2026-kicker {
  margin-inline: auto;
}

body.rm2026-active .rm2026-section__title {
  margin: 0;
  color: var(--rm2026-text);
  font-size: clamp(1.75rem, 3vw, 2.42rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 900;
  text-transform: none;
}

body.rm2026-active .rm2026-section__title--sm {
  font-size: clamp(1.45rem, 2.5vw, 1.8rem);
}

body.rm2026-active .rm2026-section__lead {
  max-width: 820px;
  margin: 14px auto 0;
}

body.rm2026-active .rm2026-prose p {
  margin: 0 0 16px;
}

body.rm2026-active .rm2026-prose p:last-child {
  margin-bottom: 0;
}

body.rm2026-active .rm2026-steps,
body.rm2026-active .rm2026-card-grid,
body.rm2026-active .rm2026-route-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 28px;
}

body.rm2026-active .rm2026-step,
body.rm2026-active .rm2026-card,
body.rm2026-active .rm2026-route-card,
body.rm2026-active .rm2026-faq-item {
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-md);
  background: #FFFFFF;
  box-shadow: 0 12px 34px rgba(15, 23, 42, 0.05);
}

body.rm2026-active .rm2026-step,
body.rm2026-active .rm2026-card,
body.rm2026-active .rm2026-route-card {
  padding: 20px;
}

body.rm2026-active .rm2026-step__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: var(--rm2026-blue);
  color: #FFFFFF;
  font-weight: 900;
}

body.rm2026-active .rm2026-card__title,
body.rm2026-active .rm2026-route-card__title {
  margin: 0 0 8px;
  color: var(--rm2026-text);
  font-size: 1.16rem;
  line-height: 1.22;
  font-weight: 900;
  text-transform: none;
}

body.rm2026-active .rm2026-step p,
body.rm2026-active .rm2026-card p,
body.rm2026-active .rm2026-route-card p {
  margin: 0;
}

body.rm2026-active .rm2026-card--highlight {
  border-color: rgba(22, 101, 52, 0.22);
  background: #ECFDF5;
}

body.rm2026-active .rm2026-route-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

body.rm2026-active .rm2026-route-card__label {
  width: fit-content;
  margin: 0;
  padding: 5px 9px;
  border-radius: 999px;
  font-size: 0.74rem;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

body.rm2026-active .rm2026-route--whatsapp {
  border-color: rgba(22, 101, 52, 0.22);
  background: #ECFDF5;
}

body.rm2026-active .rm2026-route--whatsapp .rm2026-route-card__label {
  background: rgba(22, 101, 52, 0.10);
  color: var(--rm2026-whatsapp);
}

body.rm2026-active .rm2026-route--gabinete {
  border-color: rgba(138, 90, 18, 0.24);
  background: #FDF8EE;
}

body.rm2026-active .rm2026-route--gabinete .rm2026-route-card__label {
  background: rgba(138, 90, 18, 0.12);
  color: var(--rm2026-gabinete);
}

body.rm2026-active .rm2026-route--phone {
  border-color: rgba(79, 70, 229, 0.18);
  background: #FFFFFF;
}

body.rm2026-active .rm2026-route--phone .rm2026-route-card__label {
  background: #F5F3FF;
  color: var(--rm2026-806);
}

body.rm2026-active .rm2026-legal-note {
  margin: 0;
}

body.rm2026-active .rm2026-details {
  border: 1px solid rgba(79, 70, 229, 0.18);
  border-radius: 16px;
  background: #FFFFFF;
  padding: 12px;
}

body.rm2026-active .rm2026-details summary {
  color: var(--rm2026-blue-night);
  cursor: pointer;
  font-weight: 900;
}

body.rm2026-active .rm2026-details__body {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 12px;
}

body.rm2026-active .rm2026-cta-band {
  padding: clamp(40px, 6vw, 70px) 0;
  background: var(--rm2026-blue-night);
  color: #FFFFFF;
}

body.rm2026-active .rm2026-cta-band__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  align-items: center;
}

body.rm2026-active .rm2026-cta-band__title,
body.rm2026-active .rm2026-final-cta__title {
  margin: 0 0 12px;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: 1.1;
  letter-spacing: -0.035em;
  font-weight: 900;
  text-transform: none;
}

body.rm2026-active .rm2026-cta-band p {
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.88);
}

body.rm2026-active .rm2026-cta-band .rm2026-micro {
  color: rgba(255, 255, 255, 0.76);
}

body.rm2026-active .rm2026-cta-band__actions {
  display: flex;
  justify-content: flex-start;
}

body.rm2026-active .rm2026-faq-list {
  display: grid;
  gap: 12px;
  margin-top: 28px;
}

body.rm2026-active .rm2026-faq-item {
  padding: 0;
  overflow: hidden;
}

body.rm2026-active .rm2026-faq-item summary {
  padding: 17px 18px;
  color: var(--rm2026-text);
  cursor: pointer;
  font-weight: 900;
  line-height: 1.35;
}

body.rm2026-active .rm2026-faq-item__body {
  padding: 0 18px 18px;
}

body.rm2026-active .rm2026-faq-item__body p {
  margin: 0;
}

body.rm2026-active .rm2026-final-cta {
  padding: clamp(46px, 7vw, 82px) 0;
  background:
    radial-gradient(circle at 50% 0%, rgba(24, 93, 197, 0.12), transparent 38%),
    var(--rm2026-premium);
  text-align: center;
}

body.rm2026-active .rm2026-final-cta__inner {
  width: min(860px, calc(100% - 32px));
  margin-inline: auto;
}

body.rm2026-active .rm2026-final-cta .rm2026-kicker {
  margin-inline: auto;
}

body.rm2026-active .rm2026-final-cta p {
  max-width: 760px;
  margin: 0 auto 14px;
}

body.rm2026-active .rm2026-link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 18px;
}

body.rm2026-active .rm2026-link-list a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 13px;
  border: 1px solid var(--rm2026-border-premium);
  border-radius: 999px;
  background: #FFFFFF;
  color: var(--rm2026-blue-hover);
  font-size: 0.92rem;
  line-height: 1.1;
  font-weight: 800;
  text-decoration: none !important;
}

body.rm2026-active .rm2026-link-list a:hover,
body.rm2026-active .rm2026-link-list a:focus-visible {
  background: var(--rm2026-info);
  color: var(--rm2026-blue-night);
}

@media (max-width: 560px) {
  body.rm2026-active .rm2026-actions,
  body.rm2026-active .rm2026-cta-band__actions {
    width: 100%;
  }

  body.rm2026-active .rm2026-btn {
    width: 100%;
  }

  body.rm2026-active .rm2026-hero__title,
  body.rm2026-active .rm2026-hero-title {
    font-size: clamp(2rem, 10vw, 2.35rem);
  }
}

@media (min-width: 760px) {
  body.rm2026-active .rm2026-steps,
  body.rm2026-active .rm2026-card-grid--benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.rm2026-active .rm2026-details__body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.rm2026-active .rm2026-details__body .rm2026-legal-note {
    grid-column: 1 / -1;
  }
}

@media (min-width: 960px) {
  body.rm2026-active .rm2026-hero__grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: clamp(36px, 5vw, 70px);
  }

  body.rm2026-active .rm2026-hero__media {
    margin-inline: 0;
    justify-self: end;
  }

  body.rm2026-active .rm2026-hero__caption {
    text-align: right;
  }

  body.rm2026-active .rm2026-content-grid {
    grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.2fr);
    gap: clamp(34px, 5vw, 72px);
    align-items: start;
  }

  body.rm2026-active .rm2026-route-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.rm2026-active .rm2026-cta-band__inner {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  body.rm2026-active .rm2026-cta-band__actions {
    justify-content: flex-end;
  }
}
/* ==========================================================
   RM2026 — FIX Tarot WhatsApp Ruth
   Motivo:
   - Evita conflicto con .rm2026-hero de la Home.
   - Centra el hero en escritorio.
   - Evita columnas demasiado estrechas en tablet/anchos intermedios.
   - Corrige impresión/PDF con header superpuesto.
   ========================================================== */

/* 1. El section hero de esta landing NO debe heredar el grid de la Home */
body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero.rm2026-hero--whatsapp {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: clamp(48px, 6vw, 78px) 0 clamp(52px, 6vw, 86px) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(24, 93, 197, 0.12), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, var(--rm2026-premium, #f7faff) 100%) !important;
}

/* 2. El grid real del hero debe estar en el contenedor interno */
body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero--whatsapp .rm2026-hero__grid {
  width: min(1180px, calc(100% - 40px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.82fr) !important;
  gap: clamp(42px, 5vw, 72px) !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 3. Control de ancho del texto para que no se pegue al borde */
body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__content {
  width: 100%;
  max-width: 720px;
}

body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__title {
  max-width: 720px;
}

body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__subtitle,
body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__text,
body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-micro {
  max-width: 690px;
}

/* 4. Imagen hero equilibrada en escritorio */
body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__media {
  width: min(460px, 100%);
  justify-self: end;
  margin-inline: 0;
}

body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__image {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* 5. Anchos intermedios: evitar columnas estrechas y centrar */
@media (max-width: 1180px) {
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero--whatsapp .rm2026-hero__grid {
    width: min(860px, calc(100% - 36px)) !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    text-align: center;
  }

  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__content,
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__title,
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__subtitle,
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__text,
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-micro {
    margin-inline: auto;
  }

  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-actions {
    justify-content: center;
  }

  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__media {
    justify-self: center;
    margin-inline: auto;
  }

  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__caption {
    text-align: center;
  }
}

/* 6. Móvil: texto legible, sin columnas estrechas */
@media (max-width: 560px) {
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero--whatsapp .rm2026-hero__grid {
    width: min(100% - 28px, 520px) !important;
    text-align: left;
  }

  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero__title {
    font-size: clamp(2rem, 10vw, 2.45rem);
    line-height: 1.08;
  }

  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-actions {
    align-items: stretch;
    justify-content: flex-start;
  }

  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-actions .rm2026-btn {
    width: 100% !important;
  }
}

/* 7. PDF / impresión: evitar header fijo superpuesto */
@media print {
  body.rm2026-active #wpadminbar {
    display: none !important;
  }

  body.rm2026-active #masthead,
  body.rm2026-active header,
  body.rm2026-active .site-header,
  body.rm2026-active .nv-navbar,
  body.rm2026-active .header-main,
  body.rm2026-active .header-bottom {
    position: static !important;
    top: auto !important;
    transform: none !important;
    box-shadow: none !important;
  }

  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-hero,
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-section,
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-cta-band,
  body.rm2026-active .rm2026-page--tarot-whatsapp .rm2026-final-cta {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}
/* ==========================================================
   RM2026 — Reglas globales de contraste y aire en CTAs
   Aplicable a futuras páginas RM2026
   ========================================================== */

/* 1. Bloques oscuros: nunca heredar títulos negros/azul noche */
body.rm2026-active .rm2026-cta-band,
body.rm2026-active .rm2026-section--dark,
body.rm2026-active .rm2026-band--dark {
  color: #ffffff;
}

body.rm2026-active .rm2026-cta-band .rm2026-cta-band__title,
body.rm2026-active .rm2026-cta-band .rm2026-section__title,
body.rm2026-active .rm2026-cta-band h2,
body.rm2026-active .rm2026-section--dark .rm2026-section__title,
body.rm2026-active .rm2026-section--dark h2,
body.rm2026-active .rm2026-band--dark h2 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.rm2026-active .rm2026-cta-band p,
body.rm2026-active .rm2026-cta-band .rm2026-micro,
body.rm2026-active .rm2026-section--dark p,
body.rm2026-active .rm2026-section--dark .rm2026-micro,
body.rm2026-active .rm2026-band--dark p,
body.rm2026-active .rm2026-band--dark .rm2026-micro {
  color: rgba(255, 255, 255, 0.88) !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.88) !important;
}

/* 2. Aire mínimo alrededor de grupos de botones */
body.rm2026-active .rm2026-actions,
body.rm2026-active .rm2026-hero__actions,
body.rm2026-active .rm2026-cta-band__actions,
body.rm2026-active .rm2026-final-cta .rm2026-actions,
body.rm2026-active .rm2026-card .rm2026-actions,
body.rm2026-active .rm2026-route-card .rm2026-actions {
  gap: 16px;
  margin-top: clamp(24px, 3vw, 36px);
}

/* Si un botón va después de texto, siempre debe respirar */
body.rm2026-active p + .rm2026-btn,
body.rm2026-active p + a.rm2026-btn,
body.rm2026-active .rm2026-card p + .rm2026-btn,
body.rm2026-active .rm2026-card p + a.rm2026-btn,
body.rm2026-active .rm2026-route-card p + .rm2026-btn,
body.rm2026-active .rm2026-route-card p + a.rm2026-btn,
body.rm2026-active .rm2026-final-cta p + .rm2026-actions,
body.rm2026-active .rm2026-cta-band p + .rm2026-cta-band__actions {
  margin-top: clamp(20px, 3vw, 32px) !important;
}

/* Aire cuando hay microcopy bajo el botón */
body.rm2026-active .rm2026-btn + .rm2026-micro,
body.rm2026-active .rm2026-actions + .rm2026-micro,
body.rm2026-active .rm2026-btn + p,
body.rm2026-active .rm2026-actions + p {
  margin-top: clamp(14px, 2vw, 20px) !important;
}

/* 3. Botones más cómodos de pulsar en tablet/móvil */
@media (max-width: 960px) {
  body.rm2026-active .rm2026-btn,
  body.rm2026-active a.rm2026-btn {
    min-height: 54px !important;
    padding: 16px 22px !important;
    line-height: 1.22 !important;
  }

  body.rm2026-active .rm2026-actions,
  body.rm2026-active .rm2026-hero__actions,
  body.rm2026-active .rm2026-cta-band__actions,
  body.rm2026-active .rm2026-final-cta .rm2026-actions {
    gap: 18px !important;
    margin-top: 28px !important;
  }
}

@media (max-width: 560px) {
  body.rm2026-active .rm2026-btn,
  body.rm2026-active a.rm2026-btn {
    width: 100% !important;
    min-height: 56px !important;
    padding: 17px 20px !important;
  }

  body.rm2026-active .rm2026-actions,
  body.rm2026-active .rm2026-hero__actions,
  body.rm2026-active .rm2026-cta-band__actions,
  body.rm2026-active .rm2026-final-cta .rm2026-actions {
    width: 100%;
    gap: 18px !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
  }
}

/* 4. Botón dentro del bloque azul: mantener legibilidad y separación */
body.rm2026-active .rm2026-cta-band .rm2026-btn,
body.rm2026-active .rm2026-cta-band a.rm2026-btn {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18) !important;
}

/* 5. Regla reusable: cuando una sección use fondo oscuro, los botones no deben pegarse al texto */
body.rm2026-active .rm2026-section--dark .rm2026-btn,
body.rm2026-active .rm2026-band--dark .rm2026-btn {
  margin-top: 4px;
}
/* ==========================================================
   RM2026 — Opciones telefónicas en columna + legales por ruta
   ========================================================== */

body.rm2026-active .rm2026-phone-options {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 22px;
}

body.rm2026-active .rm2026-phone-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--rm2026-border, #e2e8f0);
  border-radius: 18px;
  background: #ffffff;
}

body.rm2026-active .rm2026-phone-option__title {
  margin: 0;
  color: var(--rm2026-text, #0f172a);
  font-size: 1.05rem;
  line-height: 1.25;
  font-weight: 900;
  text-transform: none;
}

body.rm2026-active .rm2026-phone-option__text {
  margin: 0;
  color: var(--rm2026-muted, #334155);
  font-size: 0.98rem;
  line-height: 1.55;
}

body.rm2026-active .rm2026-phone-option .rm2026-btn {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

body.rm2026-active .rm2026-phone-option .rm2026-legal-note {
  margin: 0;
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.55;
}

body.rm2026-active .rm2026-phone-option--806 {
  border-color: rgba(79, 70, 229, 0.22);
  background: #fbfaff;
}

body.rm2026-active .rm2026-phone-option--international {
  border-color: rgba(15, 118, 110, 0.22);
  background: #f4fffd;
}

@media (max-width: 960px) {
  body.rm2026-active .rm2026-phone-option {
    gap: 16px;
    padding: 20px;
  }

  body.rm2026-active .rm2026-phone-option .rm2026-btn {
    width: 100% !important;
    min-height: 56px !important;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
  }
}
/* ==========================================================
   RM2026 — Refuerzo global de aire vertical en botones
   ========================================================== */

body.rm2026-active .rm2026-btn,
body.rm2026-active a.rm2026-btn {
  min-height: 52px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  line-height: 1.22 !important;
}

@media (max-width: 960px) {
  body.rm2026-active .rm2026-btn,
  body.rm2026-active a.rm2026-btn {
    min-height: 56px !important;
    padding-top: 17px !important;
    padding-bottom: 17px !important;
    line-height: 1.24 !important;
  }
}

@media (max-width: 560px) {
  body.rm2026-active .rm2026-btn,
  body.rm2026-active a.rm2026-btn {
    min-height: 58px !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
}
/* ==========================================================
   RM2026 — Gabinete telefónico 24h como bloque reutilizable
   Uso: WhatsApp/Ruth + rutas 911/806/internacional
   ========================================================== */

body.rm2026-active .rm2026-route-grid--compare {
  grid-template-columns: 1fr;
  align-items: stretch;
  margin-top: 34px;
}

body.rm2026-active .rm2026-section__head--sub {
  margin-top: clamp(34px, 5vw, 56px);
}

body.rm2026-active .rm2026-gabinete-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 26px;
}

body.rm2026-active .rm2026-gabinete-grid .rm2026-route-card {
  min-height: 100%;
}

body.rm2026-active .rm2026-gabinete-grid .rm2026-route-card .rm2026-btn {
  margin-top: clamp(20px, 3vw, 30px) !important;
  margin-bottom: clamp(12px, 2vw, 18px) !important;
}

body.rm2026-active .rm2026-gabinete-grid .rm2026-legal-note,
body.rm2026-active .rm2026-route-grid--compare .rm2026-legal-note {
  margin-top: 14px;
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.58;
}

@media (min-width: 760px) {
  body.rm2026-active .rm2026-route-grid--compare {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.rm2026-active .rm2026-gabinete-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 960px) {
  body.rm2026-active .rm2026-gabinete-grid .rm2026-btn,
  body.rm2026-active .rm2026-gabinete-grid a.rm2026-btn {
    width: 100% !important;
    min-height: 56px !important;
  }
}
/* ==========================================================
   RM2026 — Hero interior reutilizable
   Uso obligatorio en páginas interiores:
   .rm2026-hero.rm2026-hero--split.rm2026-hero--nombre
   ========================================================== */

body.rm2026-active .rm2026-page .rm2026-hero--split {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding: clamp(56px, 6vw, 82px) 0 clamp(56px, 6vw, 86px) !important;
  background:
    radial-gradient(circle at 15% 0%, rgba(24, 93, 197, 0.12), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, var(--rm2026-premium, #f7faff) 100%) !important;
}

body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__grid {
  width: min(1180px, calc(100% - 40px)) !important;
  margin-inline: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.98fr) minmax(360px, 0.82fr) !important;
  gap: clamp(42px, 5vw, 72px) !important;
  align-items: center !important;
  justify-content: center !important;
}

body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__content {
  width: 100%;
  max-width: 720px;
}

body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__title {
  max-width: 720px;
}

body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__subtitle,
body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__text,
body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-micro {
  max-width: 690px;
}

body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__media {
  width: min(460px, 100%);
  justify-self: end;
  margin-inline: 0;
}

body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__image {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__image {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

body.rm2026-active .rm2026-page--horoscopo-egipcio .rm2026-hero--split .rm2026-hero__image {
  object-position: center 22%;
}

@media (max-width: 768px) {
  body.rm2026-active .rm2026-page--horoscopo-egipcio .rm2026-hero--split .rm2026-hero__image {
    object-position: center 18%;
  }
}
@media (max-width: 1180px) {
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__grid {
    width: min(860px, calc(100% - 36px)) !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    text-align: center;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__content,
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__title,
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__subtitle,
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__text,
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-micro {
    margin-inline: auto;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-actions {
    justify-content: center;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__media {
    justify-self: center;
    margin-inline: auto;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__caption {
    text-align: center;
  }
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-page .rm2026-hero--split {
    padding-top: clamp(54px, 12vw, 78px) !important;
    padding-bottom: clamp(46px, 10vw, 64px) !important;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__grid {
    width: min(100% - 28px, 540px) !important;
    text-align: left;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__content,
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__title,
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__subtitle,
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__text,
  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-micro {
    margin-inline: 0;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 18px;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-actions .rm2026-btn {
    width: 100% !important;
  }
}
/* ==========================================================
   RM2026 — CTA bands: botones en columna en móvil
   Evita botones comprimidos o paralelos en pantallas pequeñas.
   ========================================================== */

body.rm2026-active .rm2026-cta-band__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-cta-band__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 18px !important;
    margin-top: 28px !important;
  }

  body.rm2026-active .rm2026-cta-band__actions .rm2026-btn,
  body.rm2026-active .rm2026-cta-band__actions a.rm2026-btn {
    width: 100% !important;
    min-height: 58px !important;
  }
}
/* ==========================================================
   RM2026 — Safe offset definitivo para hero interior móvil/tablet
   Evita que el kicker/H1 quede debajo del header sticky.
   Uso global para páginas interiores con .rm2026-hero--split
   ========================================================== */

body.rm2026-active .rm2026-page {
  --rm2026-header-safe-mobile: 118px;
  --rm2026-header-safe-tablet: 104px;
}

/* Tablet y móvil: proteger inicio del hero frente al header sticky */
@media (max-width: 1024px) {
  body.rm2026-active .rm2026-page .rm2026-hero--split {
    padding-top: calc(var(--rm2026-header-safe-tablet) + 34px) !important;
  }
}

/* Móvil: más aire porque el header mobile ocupa más altura visual */
@media (max-width: 767px) {
  body.rm2026-active .rm2026-page .rm2026-hero--split {
    padding-top: calc(var(--rm2026-header-safe-mobile) + 34px) !important;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-kicker {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
  }

  body.rm2026-active .rm2026-page .rm2026-hero--split .rm2026-hero__title {
    margin-top: 0 !important;
  }
}

/* Móviles pequeños: asegurar lectura completa del primer impacto */
@media (max-width: 420px) {
  body.rm2026-active .rm2026-page .rm2026-hero--split {
    padding-top: calc(var(--rm2026-header-safe-mobile) + 42px) !important;
  }
}
/* ==========================================================
   RM2026 — Contrato global único para hero centrado interior
   Sustituye todos los bloques anteriores de rm2026-hero--center.
   ========================================================== */

.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding-top: clamp(52px, 5vw, 82px) !important;
  padding-block-start: clamp(52px, 5vw, 82px) !important;
}

.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center > .rm2026-container {
  display: block !important;
  width: min(920px, calc(100% - 40px)) !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__content {
  width: 100% !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-kicker {
  margin-left: auto !important;
  margin-right: auto !important;
}

.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__title,
.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero-title {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__subtitle,
.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__text,
.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__lead,
.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero-lead,
.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-micro,
.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-microcopy {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-actions {
  justify-content: center !important;
}

/* Tablet: aire moderado bajo header */
@media (min-width: 768px) and (max-width: 959px) {
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center {
    padding-top: 52px !important;
    padding-block-start: 52px !important;
  }
}

/* Móvil: aire suficiente para evitar solape con header */
@media (max-width: 767px) {
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center {
    padding-top: 84px !important;
    padding-block-start: 84px !important;
  }
}

/* Tablet y móvil: lectura natural + botones en columna */
@media (max-width: 959px) {
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__content {
    text-align: left !important;
  }

  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-kicker,
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__title,
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero-title,
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__subtitle,
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__text,
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero__lead,
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-hero-lead,
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-micro,
  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-microcopy {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-actions {
    width: 100% !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
  }

  .rm2026-page.rm2026-scope .rm2026-hero.rm2026-hero--center .rm2026-actions .rm2026-btn {
    width: 100% !important;
    min-height: 54px !important;
  }
}
/* ==========================================================
   RM2026 — Gabinete grid en tablet
   Evita tres tarjetas estrechas en tablet y controla el ancho
   de los botones telefónicos dentro de tarjetas de gabinete.
   ========================================================== */

@media (min-width: 768px) and (max-width: 1100px) {
  .rm2026-page.rm2026-scope .rm2026-gabinete-grid {
    grid-template-columns: 1fr !important;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }

  .rm2026-page.rm2026-scope .rm2026-gabinete-grid .rm2026-btn {
    width: auto !important;
    max-width: 360px;
    min-width: min(100%, 280px);
    margin-left: auto;
    margin-right: auto;
    display: inline-flex;
    justify-content: center;
  }
}
/* ==========================================================
   RM2026 — Directorio /tarotistas/
   Añadir al FINAL de: /rm2026/assets/css/rm2026.css
   Scope: body.rm2026-active .rm2026-page--tarotistas
   ========================================================== */

body.rm2026-active .rm2026-page--tarotistas {
  --rm2026-directory-green: #166534;
  --rm2026-directory-green-soft: #ecfdf5;
  --rm2026-directory-amber: #8a5a12;
  --rm2026-directory-amber-soft: #fdf8ee;
  --rm2026-directory-gray: #64748b;
  --rm2026-directory-gray-soft: #f8fafc;
}

/* Hero específico de /tarotistas/ */
body.rm2026-active .rm2026-page--tarotistas .rm2026-hero--tarotistas {
  background:
    radial-gradient(circle at 50% 0%, rgba(24, 93, 197, 0.14), transparent 38%),
    linear-gradient(180deg, #ffffff 0%, var(--rm2026-bg-premium, #f7faff) 100%) !important;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-actions--hero {
  margin-bottom: 14px;
}

/* Rutas telefónicas: tarjetas equilibradas */
body.rm2026-active .rm2026-page--tarotistas .rm2026-gabinete-grid {
  align-items: stretch;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-gabinete-grid .rm2026-route-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-gabinete-grid .rm2026-route-card .rm2026-btn {
  margin-top: auto !important;
}

/* Filtros del directorio */
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(180px, 0.75fr));
  gap: 16px;
  align-items: end;
  margin: clamp(26px, 4vw, 42px) 0 14px;
  padding: clamp(18px, 2.4vw, 24px);
  border: 1px solid var(--rm2026-border, #cfe0ff);
  border-radius: var(--rm2026-radius-md, 22px);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow-soft, 0 10px 24px rgba(15, 23, 42, 0.05));
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools__field label {
  color: var(--rm2026-blue-night, #0b2f6b);
  font-size: 0.88rem;
  font-weight: 900;
  line-height: 1.2;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-search,
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-select {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 2px solid var(--rm2026-border-soft, #e2e8f0);
  border-radius: 14px;
  background: #ffffff;
  color: var(--rm2026-text, #0f172a);
  font: inherit;
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: none;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-search:focus,
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-select:focus {
  border-color: var(--rm2026-blue, #185dc5);
  outline: 3px solid rgba(24, 93, 197, 0.18);
  outline-offset: 2px;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-count {
  margin: 0 0 18px;
  color: var(--rm2026-muted, #334155);
  font-size: 0.96rem;
  font-weight: 800;
  line-height: 1.4;
  text-align: right;
}

/* Listado compacto tipo directorio */
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory {
  display: grid;
  gap: 18px;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card {
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr) minmax(230px, 0.34fr);
  gap: clamp(18px, 2.2vw, 28px);
  align-items: center;
  padding: clamp(18px, 2.6vw, 26px);
  border: 1px solid var(--rm2026-border, #cfe0ff);
  border-radius: var(--rm2026-radius-md, 22px);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow-soft, 0 10px 24px rgba(15, 23, 42, 0.05));
  overflow: hidden;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card[hidden] {
  display: none !important;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__media {
  align-self: start;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__image {
  width: 132px;
  height: 132px;
  border: 1px solid var(--rm2026-border-soft, #e2e8f0);
  border-radius: 18px;
  background: var(--rm2026-bg-info, #eef4ff);
  object-fit: cover;
  object-position: center;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__body {
  min-width: 0;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__title {
  margin: 4px 0 10px;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1.28rem, 1.6vw, 1.55rem);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: -0.025em;
  text-transform: none;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-card__tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--rm2026-bg-info, #eef4ff);
  color: var(--rm2026-blue-night, #0b2f6b);
  font-size: 0.78rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__body > p {
  color: var(--rm2026-muted, #334155);
  font-size: 0.98rem;
  line-height: 1.62;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__meta {
  display: grid;
  gap: 6px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid var(--rm2026-border-soft, #e2e8f0);
  border-radius: 16px;
  background: var(--rm2026-bg-soft, #f8fafc);
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__meta p {
  color: var(--rm2026-muted, #334155);
  font-size: 0.92rem;
  font-weight: 650;
  line-height: 1.45;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__meta strong {
  color: var(--rm2026-text, #0f172a);
  font-weight: 900;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  min-width: 0;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions .rm2026-btn {
  width: 100% !important;
  min-height: 54px !important;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions .rm2026-micro {
  margin: 0 !important;
  color: var(--rm2026-soft, #64748b);
  font-size: 0.88rem;
  line-height: 1.45;
  text-align: center;
}

/* Estados de horario */
body.rm2026-active .rm2026-page--tarotistas .rm2026-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 9px 12px;
  border: 1px solid var(--rm2026-border-soft, #e2e8f0);
  border-radius: 999px;
  background: var(--rm2026-directory-gray-soft, #f8fafc);
  color: var(--rm2026-directory-gray, #64748b);
  font-size: 0.88rem;
  font-weight: 900;
  line-height: 1.15;
  text-align: center;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-status-badge.is-on-shift {
  border-color: rgba(22, 101, 52, 0.24);
  background: var(--rm2026-directory-green-soft, #ecfdf5);
  color: var(--rm2026-directory-green, #166534);
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-status-badge.is-off-shift {
  border-color: rgba(138, 90, 18, 0.24);
  background: var(--rm2026-directory-amber-soft, #fdf8ee);
  color: var(--rm2026-directory-amber, #8a5a12);
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-status-badge.is-unknown {
  border-color: var(--rm2026-border-soft, #e2e8f0);
  background: #ffffff;
  color: var(--rm2026-directory-gray, #64748b);
}

/* Premium separado: 3 cards más estables */
body.rm2026-active .rm2026-page--tarotistas .rm2026-route-grid--premium {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-route-grid--premium .rm2026-route-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-route-grid--premium .rm2026-route-card .rm2026-btn:first-of-type {
  margin-top: auto !important;
}

/* Condiciones: tarjetas legales equilibradas */
body.rm2026-active .rm2026-page--tarotistas .rm2026-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-card-grid .rm2026-card {
  display: flex;
  flex-direction: column;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-card-grid .rm2026-btn {
  width: 100% !important;
  margin-top: auto !important;
}

/* Tablet */
@media (max-width: 1100px) {
  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card {
    grid-template-columns: 118px minmax(0, 1fr);
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(180px, 0.7fr) minmax(220px, 0.8fr) minmax(0, 1fr);
    align-items: center;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__image {
    width: 118px;
    height: 118px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-route-grid--premium,
  body.rm2026-active .rm2026-page--tarotistas .rm2026-card-grid {
    grid-template-columns: 1fr;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Móvil */
@media (max-width: 767px) {
  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 24px;
    padding: 18px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-search,
  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-select {
    min-height: 52px;
    font-size: 16px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-count {
    text-align: left;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory {
    gap: 16px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 18px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__media {
    width: 100%;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__image {
    width: min(100%, 320px);
    height: auto;
    aspect-ratio: 1 / 1;
    margin-inline: auto;
    border-radius: 20px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__body {
    text-align: left;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions {
    grid-column: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-status-badge,
  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions .rm2026-btn {
    width: 100% !important;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions .rm2026-micro {
    text-align: left;
  }
}

/* Móvil pequeño */
@media (max-width: 420px) {
  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools,
  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card {
    border-radius: 18px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__title {
    font-size: 1.24rem;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__meta {
    padding: 12px;
  }
}
/* ==========================================================
   RM2026 — Addon v4 Directorio Tarotistas: mancias editoriales + estado único
   Añadir al FINAL de /rm2026/assets/css/rm2026.css
   Debe ir después de los addons anteriores de tarotistas.
   ========================================================== */

/* Si quedó CSS/HTML anterior de horarios, no debe mostrarse en frontend */
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__meta,
body.rm2026-active .rm2026-page--tarotistas .rm2026-status-badge {
  display: none !important;
}

/* Filtro: buscar + mancias + ordenar + botón */
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools {
  grid-template-columns: minmax(240px, 1.2fr) minmax(220px, 0.9fr) minmax(180px, 0.75fr) minmax(140px, 0.45fr) !important;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools__field--button {
  justify-content: end;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-filter-btn {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding-inline: 22px !important;
}

/* Cabecera interna de cada tarotista: nombre + estado + código */
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 12px;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__identity {
  min-width: 0;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__title {
  margin: 0 0 8px !important;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__availability {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  color: var(--rm2026-muted, #334155);
  font-size: 0.96rem;
  font-weight: 850;
  line-height: 1.35;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__availability span {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--rm2026-blue-night, #0b2f6b);
  box-shadow: 0 0 0 4px rgba(24, 93, 197, 0.10);
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__head .rm2026-card__tag {
  flex: 0 0 auto;
  margin: 0;
  white-space: nowrap;
}

/* Mancias visibles como dato comercial orientativo */
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__mancias {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  width: fit-content;
  max-width: 100%;
  margin: 14px 0 0 !important;
  padding: 8px 12px;
  border: 1px solid var(--rm2026-border-soft, #e2e8f0);
  border-radius: 999px;
  background: var(--rm2026-bg-soft, #f8fafc);
  color: var(--rm2026-blue-night, #0b2f6b) !important;
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.25;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__mancias strong {
  color: var(--rm2026-text, #0f172a);
  font-weight: 900;
}

/* Acciones: una sola llamada y microcopy, sin badge repetido */
body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions {
  justify-content: center;
}

body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions .rm2026-micro {
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools__field--button {
    justify-content: end;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions {
    grid-column: 1 / -1;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions .rm2026-btn {
    flex: 0 0 min(360px, 48%);
    width: auto !important;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions .rm2026-micro {
    flex: 1 1 auto;
    text-align: left;
  }
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-tools {
    grid-template-columns: 1fr !important;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__head {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__head .rm2026-card__tag {
    white-space: normal;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__mancias {
    border-radius: 16px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch;
    gap: 14px;
  }

  body.rm2026-active .rm2026-page--tarotistas .rm2026-directory-card__actions .rm2026-btn {
    width: 100% !important;
    flex: none;
  }
}

/* ==========================================================

/* ==========================================================
   RM2026 — Buscador interno CLEAN V8
   Archivo destino: /rm2026/assets/css/rm2026.css
   Scope: .rm2026-page--search

   Sustituye bloques anteriores del buscador:
   - RM2026 — Search Results / Buscador interno
   - RM2026 — Search refine patch
   - cualquier bloque previo con rm2026-page--search / rm2026-search-

   Motivo V8:
   - No depende de body.rm2026-active.
   - Usa el scope real del template: .rm2026-page--search.
   - Corrige hero bajo header sticky.
   - Restaura grid, cards, imágenes, formulario y compartir.
   ========================================================== */

.rm2026-page--search,
.rm2026-page--search.rm2026-scope {
  --rm2026-blue: #185dc5;
  --rm2026-blue-hover: #0f4da8;
  --rm2026-blue-night: #0b2f6b;
  --rm2026-text: #0f172a;
  --rm2026-muted: #334155;
  --rm2026-soft: #64748b;
  --rm2026-border: #cfe0ff;
  --rm2026-border-strong: #b8d4ff;
  --rm2026-border-soft: #e2e8f0;
  --rm2026-bg: #ffffff;
  --rm2026-bg-soft: #f8fafc;
  --rm2026-bg-premium: #f7faff;
  --rm2026-bg-info: #eef4ff;
  --rm2026-shadow: 0 16px 38px rgba(15, 23, 42, 0.07);
  --rm2026-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.05);
  --rm2026-container: 1120px;
  --rm2026-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;

  display: block !important;
  width: 100%;
  min-height: 60vh;
  background: var(--rm2026-bg-premium);
  color: var(--rm2026-text);
  font-family: var(--rm2026-font);
  overflow-x: clip;
}

.rm2026-page--search *,
.rm2026-page--search *::before,
.rm2026-page--search *::after {
  box-sizing: border-box;
}

.rm2026-page--search img {
  display: block;
  max-width: 100%;
  height: auto;
}

.rm2026-page--search a {
  color: inherit;
}

.rm2026-page--search p,
.rm2026-page--search h1,
.rm2026-page--search h2,
.rm2026-page--search h3 {
  margin-top: 0;
}

.rm2026-page--search .rm2026-container {
  width: min(var(--rm2026-container), calc(100% - 40px)) !important;
  max-width: var(--rm2026-container);
  margin-inline: auto !important;
}

/* ==========================================================
   Hero / cabecera buscador
   ========================================================== */

.rm2026-page--search .rm2026-search-hero {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: clamp(96px, 7vw, 128px) 0 clamp(34px, 4vw, 56px) !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(24, 93, 197, 0.14), transparent 36%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  border-bottom: 1px solid rgba(207, 224, 255, 0.82) !important;
  text-align: center !important;
}

.rm2026-page--search .rm2026-search-hero .rm2026-container {
  width: min(920px, calc(100% - 40px)) !important;
  max-width: 920px !important;
}

.rm2026-page--search .rm2026-kicker,
.rm2026-page--search .rm2026-search-hero .rm2026-kicker {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 0 auto 14px !important;
  padding: 7px 13px !important;
  border: 1px solid rgba(24, 93, 197, 0.18) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--rm2026-blue-night) !important;
  font-size: 0.82rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04) !important;
}

.rm2026-page--search .rm2026-search-title {
  max-width: 840px !important;
  margin: 0 auto !important;
  color: var(--rm2026-text) !important;
  font-family: var(--rm2026-font) !important;
  font-size: clamp(2.05rem, 3.15vw, 3rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.045em !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-transform: none !important;
  overflow-wrap: anywhere !important;
}

.rm2026-page--search .rm2026-search-title span {
  color: var(--rm2026-blue) !important;
  -webkit-text-fill-color: var(--rm2026-blue) !important;
}

.rm2026-page--search .rm2026-search-summary {
  max-width: 760px !important;
  margin: 12px auto 0 !important;
  color: var(--rm2026-muted) !important;
  font-size: clamp(1rem, 1.08vw, 1.1rem) !important;
  line-height: 1.6 !important;
  font-weight: 700 !important;
  text-align: center !important;
}

.rm2026-page--search .rm2026-search-form-wrap {
  width: min(620px, 100%) !important;
  max-width: 620px !important;
  margin: clamp(22px, 2.6vw, 30px) auto 0 !important;
}

.rm2026-page--search .search-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rm2026-page--search .search-form label {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.rm2026-page--search .search-field,
.rm2026-page--search input[type="search"].search-field {
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 14px 17px !important;
  border: 2px solid var(--rm2026-border-strong) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: var(--rm2026-text) !important;
  font: inherit !important;
  font-size: 1rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  outline: none !important;
  appearance: none !important;
}

.rm2026-page--search .search-field::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

.rm2026-page--search .search-field:focus {
  border-color: var(--rm2026-blue) !important;
  box-shadow: 0 0 0 4px rgba(24, 93, 197, 0.13) !important;
}

.rm2026-page--search .search-submit,
.rm2026-page--search button.search-submit,
.rm2026-page--search input[type="submit"].search-submit {
  flex: 0 0 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  min-width: 58px !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid var(--rm2026-blue) !important;
  border-radius: 16px !important;
  background: var(--rm2026-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(24, 93, 197, 0.18) !important;
  cursor: pointer !important;
  opacity: 1 !important;
  text-indent: 0 !important;
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease !important;
}

.rm2026-page--search .search-submit:hover,
.rm2026-page--search .search-submit:focus-visible {
  background: var(--rm2026-blue-hover) !important;
  border-color: var(--rm2026-blue-hover) !important;
  box-shadow: 0 15px 30px rgba(24, 93, 197, 0.24) !important;
  transform: translateY(-1px) !important;
}

.rm2026-page--search .search-submit svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  color: currentColor !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* ==========================================================
   Contenido / resultados
   ========================================================== */

.rm2026-page--search .rm2026-search-results,
.rm2026-page--search .rm2026-search-featured,
.rm2026-page--search .rm2026-search-related,
.rm2026-page--search .rm2026-search-access,
.rm2026-page--search .rm2026-search-empty {
  display: block !important;
  padding: clamp(36px, 5vw, 64px) 0 !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(207, 224, 255, 0.72) !important;
}

.rm2026-page--search .rm2026-search-results:nth-of-type(even),
.rm2026-page--search .rm2026-search-related,
.rm2026-page--search .rm2026-search-access {
  background: var(--rm2026-bg-premium) !important;
}

.rm2026-page--search .rm2026-search-results .rm2026-container,
.rm2026-page--search .rm2026-search-featured .rm2026-container,
.rm2026-page--search .rm2026-search-related .rm2026-container,
.rm2026-page--search .rm2026-search-access .rm2026-container,
.rm2026-page--search .rm2026-search-empty .rm2026-container {
  width: min(var(--rm2026-container), calc(100% - 40px)) !important;
  max-width: var(--rm2026-container) !important;
  margin-inline: auto !important;
}

.rm2026-page--search .rm2026-search-results > .rm2026-container > p:first-child,
.rm2026-page--search .rm2026-search-featured > .rm2026-container > p:first-child,
.rm2026-page--search .rm2026-search-related > .rm2026-container > p:first-child,
.rm2026-page--search .rm2026-search-block-head,
.rm2026-page--search .rm2026-search-note,
.rm2026-page--search .rm2026-search-intro {
  max-width: 760px !important;
  margin: 0 auto clamp(20px, 2.5vw, 30px) !important;
  color: var(--rm2026-muted) !important;
  font-size: clamp(1rem, 1.15vw, 1.08rem) !important;
  line-height: 1.65 !important;
  font-weight: 800 !important;
  text-align: center !important;
}

.rm2026-page--search .rm2026-search-block-title,
.rm2026-page--search .rm2026-search-related-title,
.rm2026-page--search .rm2026-section-head h2,
.rm2026-page--search .rm2026-section-head--center h2 {
  max-width: 780px !important;
  margin: 0 auto 14px !important;
  color: var(--rm2026-text) !important;
  font-size: clamp(1.65rem, 2.5vw, 2.28rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.035em !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-transform: none !important;
}

.rm2026-page--search .rm2026-search-grid,
.rm2026-page--search .rm2026-search-related-grid,
.rm2026-page--search .rm2026-search-access-grid,
.rm2026-page--search .rm2026-search-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 360px)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: clamp(20px, 2.4vw, 30px) !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Cards de resultados */
.rm2026-page--search .rm2026-search-card,
.rm2026-page--search .rm2026-search-grid > article,
.rm2026-page--search .rm2026-search-grid > a,
.rm2026-page--search .rm2026-search-cards > article,
.rm2026-page--search .rm2026-search-cards > a {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: 100% !important;
  overflow: hidden !important;
  border: 1px solid var(--rm2026-border) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07) !important;
  color: var(--rm2026-text) !important;
  text-align: center !important;
  text-decoration: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.rm2026-page--search .rm2026-search-card:hover,
.rm2026-page--search .rm2026-search-grid > article:hover,
.rm2026-page--search .rm2026-search-grid > a:hover,
.rm2026-page--search .rm2026-search-cards > article:hover,
.rm2026-page--search .rm2026-search-cards > a:hover {
  transform: translateY(-2px) !important;
  border-color: var(--rm2026-border-strong) !important;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.10) !important;
  text-decoration: none !important;
}

.rm2026-page--search .rm2026-search-card__media,
.rm2026-page--search .rm2026-search-card > a:first-child,
.rm2026-page--search .rm2026-search-grid > article > a:first-child,
.rm2026-page--search .rm2026-search-cards > article > a:first-child {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(24, 93, 197, 0.18), transparent 32%),
    linear-gradient(135deg, #eef4ff 0%, #ffffff 100%) !important;
  color: inherit !important;
  text-decoration: none !important;
}

.rm2026-page--search .rm2026-search-card__media::before,
.rm2026-page--search .rm2026-search-card > a:first-child::before,
.rm2026-page--search .rm2026-search-grid > article > a:first-child::before,
.rm2026-page--search .rm2026-search-cards > article > a:first-child::before {
  content: "";
  display: block;
  aspect-ratio: 16 / 8.5;
}

.rm2026-page--search .rm2026-search-card__media > img,
.rm2026-page--search .rm2026-search-card > a:first-child > img,
.rm2026-page--search .rm2026-search-grid > article > a:first-child > img,
.rm2026-page--search .rm2026-search-cards > article > a:first-child > img,
.rm2026-page--search .rm2026-search-card > img,
.rm2026-page--search .rm2026-search-grid > article > img,
.rm2026-page--search .rm2026-search-cards > article > img,
.rm2026-page--search .rm2026-search-card__image {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transition: transform 0.2s ease !important;
}

.rm2026-page--search .rm2026-search-card > img,
.rm2026-page--search .rm2026-search-grid > article > img,
.rm2026-page--search .rm2026-search-cards > article > img {
  position: relative !important;
  aspect-ratio: 16 / 8.5 !important;
  height: auto !important;
}

.rm2026-page--search .rm2026-search-card:hover img,
.rm2026-page--search .rm2026-search-grid > article:hover img,
.rm2026-page--search .rm202-search-cards > article:hover img {
  transform: scale(1.025) !important;
}

.rm2026-page--search .rm2026-search-card__placeholder {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 16 / 8.5 !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(24, 93, 197, 0.18), transparent 32%),
    linear-gradient(135deg, #eef4ff 0%, #ffffff 100%) !important;
}

.rm2026-page--search .rm2026-search-card__body,
.rm2026-page--search .rm2026-search-card__content,
.rm2026-page--search .rm2026-search-grid > article > .entry-summary,
.rm2026-page--search .rm2026-search-grid > article > .entry-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 116px !important;
  padding: 20px 18px 18px !important;
  text-align: center !important;
}

.rm2026-page--search .rm2026-search-card__title,
.rm2026-page--search .rm2026-search-card h2,
.rm2026-page--search .rm2026-search-card h3,
.rm2026-page--search .rm2026-search-grid > article h2,
.rm2026-page--search .rm2026-search-grid > article h3,
.rm2026-page--search .rm2026-search-cards > article h2,
.rm2026-page--search .rm2026-search-cards > article h3 {
  margin: 0 !important;
  color: var(--rm2026-text) !important;
  font-family: var(--rm2026-font) !important;
  font-size: clamp(1.18rem, 1.45vw, 1.48rem) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.03em !important;
  font-weight: 900 !important;
  text-align: center !important;
  text-transform: none !important;
}

.rm2026-page--search .rm2026-search-card__title a,
.rm2026-page--search .rm2026-search-card h2 a,
.rm2026-page--search .rm2026-search-card h3 a,
.rm2026-page--search .rm2026-search-grid > article h2 a,
.rm2026-page--search .rm2026-search-grid > article h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.rm2026-page--search .rm2026-search-card__title a:hover,
.rm2026-page--search .rm2026-search-card h2 a:hover,
.rm2026-page--search .rm2026-search-card h3 a:hover,
.rm2026-page--search .rm2026-search-grid > article h2 a:hover,
.rm2026-page--search .rm2026-search-grid > article h3 a:hover {
  color: var(--rm2026-blue) !important;
  text-decoration: none !important;
}

.rm2026-page--search .rm2026-search-card__type,
.rm2026-page--search .rm2026-search-card__label,
.rm2026-page--search .rm2026-search-card .rm2026-card__label,
.rm2026-page--search .rm2026-search-card small,
.rm2026-page--search .rm2026-search-grid > article small,
.rm2026-page--search .rm2026-search-grid > article .post-type-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin: 0 auto !important;
  color: var(--rm2026-blue) !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: none !important;
}

/* Tarjetas de acceso / secciones relacionadas */
.rm2026-page--search .rm2026-search-access-card,
.rm2026-page--search .rm2026-search-related-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-height: 100% !important;
  padding: 22px !important;
  border: 1px solid var(--rm2026-border) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  color: var(--rm2026-text) !important;
  box-shadow: var(--rm2026-shadow-soft) !important;
  text-decoration: none !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.rm2026-page--search .rm2026-search-access-card:hover,
.rm2026-page--search .rm2026-search-related-card:hover,
.rm2026-page--search .rm2026-search-access-card:focus-visible,
.rm2026-page--search .rm2026-search-related-card:focus-visible {
  transform: translateY(-2px) !important;
  border-color: var(--rm2026-border-strong) !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.09) !important;
  text-decoration: none !important;
}

.rm2026-page--search .rm2026-search-access-card__label,
.rm2026-page--search .rm2026-search-related-card__label {
  display: inline-flex !important;
  width: fit-content !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: var(--rm2026-bg-info) !important;
  color: var(--rm2026-blue-night) !important;
  font-size: 0.74rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.05em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.rm2026-page--search .rm2026-search-access-card strong,
.rm2026-page--search .rm2026-search-related-card h3 {
  margin: 0 !important;
  color: var(--rm2026-text) !important;
  font-size: clamp(1.05rem, 1.15vw, 1.22rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

.rm2026-page--search .rm2026-search-access-card span:not(.rm2026-search-access-card__label),
.rm2026-page--search .rm2026-search-related-card p {
  color: var(--rm2026-muted) !important;
  font-size: 0.95rem !important;
  line-height: 1.55 !important;
}

.rm2026-page--search .rm2026-search-access-card em,
.rm2026-page--search .rm2026-search-related-card .rm2026-text-link,
.rm2026-page--search .rm2026-search-related-card a {
  margin-top: auto !important;
  color: var(--rm2026-blue) !important;
  font-style: normal !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* Empty state */
.rm2026-page--search .rm2026-search-empty-card,
.rm2026-page--search .rm2026-search-empty .rm2026-card {
  width: min(760px, 100%) !important;
  margin-inline: auto !important;
  padding: clamp(28px, 4vw, 44px) !important;
  border: 1px solid var(--rm2026-border) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: var(--rm2026-shadow-soft) !important;
  text-align: center !important;
}

.rm2026-page--search .rm2026-search-empty-card h2,
.rm2026-page--search .rm2026-search-empty .rm2026-card h2 {
  margin: 0 0 12px !important;
  color: var(--rm2026-text) !important;
  font-size: clamp(1.45rem, 2.3vw, 2rem) !important;
  line-height: 1.14 !important;
  font-weight: 900 !important;
}

.rm2026-page--search .rm2026-search-empty-card p,
.rm2026-page--search .rm2026-search-empty .rm2026-card p {
  margin: 0 !important;
  color: var(--rm2026-muted) !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

/* ==========================================================
   Compartir contenido en buscador
   ========================================================== */

.rm2026-page--search .rm-section.rm-tg-afterfaq,
.rm2026-page--search .rm-tg-afterfaq {
  display: block !important;
  padding: clamp(34px, 5vw, 58px) 0 clamp(42px, 6vw, 72px) !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(207, 224, 255, 0.70) !important;
}

.rm2026-page--search .rm-tg-share-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  width: min(var(--rm2026-container), calc(100% - 40px)) !important;
  margin-inline: auto !important;
  padding: 22px 28px !important;
  border: 1px solid var(--rm2026-border) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: var(--rm2026-shadow-soft) !important;
}

.rm2026-page--search .rm-tg-afterfaq-title {
  margin: 0 !important;
  color: var(--rm2026-text) !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
}

.rm2026-page--search .rm-tg-socials {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
}

.rm2026-page--search .rm-tg-social {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 10px 15px !important;
  border: 1px solid var(--rm2026-border-soft) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--rm2026-blue-hover) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover) !important;
  font-size: 0.92rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.rm2026-page--search .rm-tg-social:hover,
.rm2026-page--search .rm-tg-social:focus-visible {
  border-color: var(--rm2026-blue) !important;
  background: var(--rm2026-blue) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}

/* ==========================================================
   Responsive
   ========================================================== */

@media (max-width: 1024px) {
  .rm2026-page--search .rm2026-search-hero {
    padding-top: clamp(110px, 14vw, 148px) !important;
  }

  .rm2026-page--search .rm2026-search-grid,
  .rm2026-page--search .rm2026-search-related-grid,
  .rm2026-page--search .rm2026-search-access-grid,
  .rm2026-page--search .rm2026-search-cards {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 360px)) !important;
  }
}

@media (max-width: 767px) {
  .rm2026-page--search .rm2026-container,
  .rm2026-page--search .rm2026-search-hero .rm2026-container,
  .rm2026-page--search .rm2026-search-results .rm2026-container,
  .rm2026-page--search .rm2026-search-featured .rm2026-container,
  .rm2026-page--search .rm2026-search-related .rm2026-container,
  .rm2026-page--search .rm2026-search-access .rm2026-container,
  .rm2026-page--search .rm2026-search-empty .rm2026-container {
    width: min(100% - 32px, var(--rm2026-container)) !important;
  }

  .rm2026-page--search .rm2026-search-hero {
    padding-top: clamp(122px, 26vw, 164px) !important;
    padding-bottom: 38px !important;
    text-align: left !important;
  }

  .rm2026-page--search .rm2026-search-hero .rm2026-container {
    text-align: left !important;
  }

  .rm2026-page--search .rm2026-kicker,
  .rm2026-page--search .rm2026-search-hero .rm2026-kicker {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .rm2026-page--search .rm2026-search-title,
  .rm2026-page--search .rm2026-search-summary {
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
  }

  .rm2026-page--search .rm2026-search-title {
    font-size: clamp(2rem, 9vw, 2.62rem) !important;
    line-height: 1.08 !important;
  }

  .rm2026-page--search .rm2026-search-form-wrap {
    max-width: none !important;
    margin-top: 24px !important;
  }

  .rm2026-page--search .search-form {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .rm2026-page--search .search-submit,
  .rm2026-page--search button.search-submit,
  .rm2026-page--search input[type="submit"].search-submit {
    width: 100% !important;
    min-width: 100% !important;
    flex-basis: auto !important;
    min-height: 56px !important;
  }

  .rm2026-page--search .rm2026-search-results,
  .rm2026-page--search .rm2026-search-featured,
  .rm2026-page--search .rm2026-search-related,
  .rm2026-page--search .rm2026-search-access,
  .rm2026-page--search .rm2026-search-empty {
    padding: 34px 0 !important;
  }

  .rm2026-page--search .rm2026-search-results > .rm2026-container > p:first-child,
  .rm2026-page--search .rm2026-search-featured > .rm2026-container > p:first-child,
  .rm2026-page--search .rm2026-search-related > .rm2026-container > p:first-child,
  .rm2026-page--search .rm2026-search-block-head,
  .rm2026-page--search .rm2026-search-note,
  .rm2026-page--search .rm2026-search-intro,
  .rm2026-page--search .rm2026-search-block-title,
  .rm2026-page--search .rm2026-search-related-title,
  .rm2026-page--search .rm2026-section-head h2,
  .rm2026-page--search .rm2026-section-head--center h2 {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .rm2026-page--search .rm2026-search-grid,
  .rm2026-page--search .rm2026-search-related-grid,
  .rm2026-page--search .rm2026-search-access-grid,
  .rm2026-page--search .rm2026-search-cards {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .rm2026-page--search .rm2026-search-card__body,
  .rm2026-page--search .rm2026-search-card__content,
  .rm2026-page--search .rm2026-search-grid > article > .entry-summary,
  .rm2026-page--search .rm2026-search-grid > article > .entry-content {
    min-height: 106px !important;
    padding: 18px 16px 16px !important;
  }

  .rm2026-page--search .rm-tg-share-card {
    flex-direction: column !important;
    align-items: flex-start !important;
    width: min(100% - 32px, var(--rm2026-container)) !important;
    padding: 20px !important;
  }

  .rm2026-page--search .rm-tg-socials {
    justify-content: flex-start !important;
    width: 100% !important;
  }

  .rm2026-page--search .rm-tg-social {
    flex: 1 1 calc(50% - 8px) !important;
  }
}

@media (max-width: 420px) {
  .rm2026-page--search .rm2026-container,
  .rm2026-page--search .rm2026-search-hero .rm2026-container,
  .rm2026-page--search .rm2026-search-results .rm2026-container,
  .rm2026-page--search .rm2026-search-featured .rm2026-container,
  .rm2026-page--search .rm2026-search-related .rm2026-container,
  .rm2026-page--search .rm2026-search-access .rm2026-container,
  .rm2026-page--search .rm2026-search-empty .rm2026-container {
    width: min(100% - 24px, var(--rm2026-container)) !important;
  }

  .rm2026-page--search .rm2026-search-hero {
    padding-top: clamp(128px, 30vw, 174px) !important;
  }

  .rm2026-page--search .rm2026-search-card,
  .rm2026-page--search .rm2026-search-grid > article,
  .rm2026-page--search .rm2026-search-grid > a,
  .rm2026-page--search .rm2026-search-cards > article,
  .rm2026-page--search .rm2026-search-cards > a,
  .rm2026-page--search .rm2026-search-access-card,
  .rm2026-page--search .rm2026-search-related-card,
  .rm2026-page--search .rm-tg-share-card {
    border-radius: 18px !important;
  }
}

/* ==========================================================
   RM2026 — Horóscopos mensual + anual
   CSS consolidado para singles RM2026
   Ruta destino: /wp-content/themes/neve-child-master/rm2026/assets/css/rm2026.css

   Sustituye los bloques anteriores de horóscopo mensual:
   - Ajustes V2 single horóscopo mensual
   - Horóscopo mensual V3
   - Horóscopo mensual final V4
   - Horóscopo mensual V5
   - Horóscopo mensual V5.1
   - Ajuste teléfonos V4

   Scope:
   - .rm2026-page--horoscopo-mensual
   - .rm2026-page--horoscopo-anual
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual{
  --rm2026-horo-max: 920px;
  --rm2026-horo-card-max: 840px;
}

/* ==========================================================
   1) Hero compartido mensual/anual
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo{
  padding-top: clamp(30px, 3.6vw, 56px) !important;
  padding-block-start: clamp(30px, 3.6vw, 56px) !important;
  padding-bottom: clamp(42px, 5vw, 76px) !important;
  padding-block-end: clamp(42px, 5vw, 76px) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__grid,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__grid{
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.72fr) !important;
  gap: clamp(34px, 4.6vw, 62px) !important;
  align-items: center !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__content{
  max-width: 820px !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__title{
  max-width: 880px !important;
  font-size: clamp(2.3rem, 2.8vw, 2.85rem) !important;
  line-height: 1.06 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__subtitle,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__subtitle{
  max-width: 760px !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__text,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__text,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-micro,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-micro{
  max-width: 720px !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__media,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__media{
  width: min(390px, 100%) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-btn--horo-consulta,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-btn--horo-consulta{
  border-color: var(--rm2026-border-strong, #b8d4ff) !important;
  background: #ffffff !important;
  color: var(--rm2026-blue-hover, #0f4da8) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover, #0f4da8) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-btn--horo-consulta:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-btn--horo-consulta:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-btn--horo-consulta:focus-visible,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-btn--horo-consulta:focus-visible{
  border-color: var(--rm2026-blue, #185dc5) !important;
  background: var(--rm2026-bg-info, #eef4ff) !important;
  color: var(--rm2026-blue-night, #0b2f6b) !important;
  -webkit-text-fill-color: var(--rm2026-blue-night, #0b2f6b) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual #rm2026-horo-content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual #rm2026-horo-content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual #rm2026-horo-consulta-personalizada,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual #rm2026-horo-consulta-personalizada{
  scroll-margin-top: 120px;
}

@media (max-width: 1180px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__grid,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__grid{
    grid-template-columns: 1fr !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__media,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__media{
    width: min(460px, 100%) !important;
  }
}

@media (min-width: 768px) and (max-width: 1180px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo{
    padding-top: 46px !important;
    padding-block-start: 46px !important;
    padding-bottom: 62px !important;
    padding-block-end: 62px !important;
  }
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo{
    padding-top: clamp(88px, 21vw, 104px) !important;
    padding-block-start: clamp(88px, 21vw, 104px) !important;
    padding-bottom: 54px !important;
    padding-block-end: 54px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-kicker,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-kicker{
    margin-top: 0 !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-hero--horoscopo .rm2026-hero__title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-hero--horoscopo .rm2026-hero__title{
    font-size: clamp(2.45rem, 10vw, 3.15rem) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal !important;
  }
}

/* ==========================================================
   2) Contenido editorial: base, anchura y respiración
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-section--horo-content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-section--horo-content{
  background:
    radial-gradient(circle at 50% 0%, rgba(24, 93, 197, 0.08), transparent 42%),
    linear-gradient(180deg, #eef4ff 0%, #f7faff 100%);
  padding-top: clamp(34px, 5vw, 68px) !important;
  padding-bottom: clamp(42px, 6vw, 86px) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-section--horo-content .rm2026-container--narrow,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-section--horo-content .rm2026-container--narrow{
  max-width: var(--rm2026-horo-max) !important;
  padding-left: clamp(18px, 4.6vw, 28px) !important;
  padding-right: clamp(18px, 4.6vw, 28px) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-article,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-article,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content{
  width: 100%;
  max-width: 100%;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content{
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1.02rem, 1.15vw, 1.12rem);
  line-height: 1.78;
  overflow-wrap: anywhere;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > *,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > *{
  max-width: 100%;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content p{
  margin-top: 0;
  margin-bottom: 1.15em;
  color: var(--rm2026-text-soft, #334155);
  font-weight: 600;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content em,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content em{
  color: var(--rm2026-blue-night, #0b2f6b);
  font-style: italic;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content strong,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content strong{
  color: var(--rm2026-blue-night, #0b2f6b);
  font-weight: 900;
}

/* ==========================================================
   3) Intro del artículo antes del índice
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > h2:not([id]):not(.rm2026-horo-toc__title),
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > h2:not([id]):not(.rm2026-horo-toc__title){
  max-width: var(--rm2026-horo-card-max);
  margin: 0 auto 12px !important;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1.85rem, 3.4vw, 2.65rem);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -0.035em;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > h2:not([id]):not(.rm2026-horo-toc__title) + p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > h2:not([id]):not(.rm2026-horo-toc__title) + p{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(22px, 3vw, 34px);
  color: var(--rm2026-text-muted, #475569);
  font-size: clamp(1.05rem, 1.3vw, 1.18rem);
  line-height: 1.65;
  font-weight: 700;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > p > a[href*="/horoscopos/"],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > p > a[href*="/horoscopos/"]{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 10px 16px;
  border: 1px solid var(--rm2026-border-strong, #b8d4ff);
  border-radius: 999px;
  background: #ffffff;
  color: var(--rm2026-blue-hover, #0f4da8) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover, #0f4da8) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
  font-size: 0.96rem;
  font-weight: 900;
  line-height: 1.2;
  text-decoration: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > p > a[href*="/horoscopos/"]:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > p > a[href*="/horoscopos/"]:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > p > a[href*="/horoscopos/"]:focus-visible,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > p > a[href*="/horoscopos/"]:focus-visible{
  border-color: var(--rm2026-blue, #185dc5);
  background: var(--rm2026-bg-info, #eef4ff);
  color: var(--rm2026-blue-night, #0b2f6b) !important;
  -webkit-text-fill-color: var(--rm2026-blue-night, #0b2f6b) !important;
}

/* ==========================================================
   4) Índice de contenidos
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc{
  max-width: var(--rm2026-horo-card-max);
  margin: clamp(28px, 4vw, 44px) auto clamp(32px, 5vw, 58px) !important;
  padding: clamp(22px, 3.4vw, 34px) !important;
  border: 1px solid rgba(24, 93, 197, 0.16) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc__title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc__title{
  margin: 0 0 18px !important;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1.45rem, 2.6vw, 2rem);
  line-height: 1.12;
  font-weight: 950;
  letter-spacing: -0.025em;
  text-align: left;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc ol,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc ol{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 14px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: rm2026-horo-toc;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc li,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc li{
  counter-increment: rm2026-horo-toc;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.25;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc li a,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc li a{
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(24, 93, 197, 0.14);
  border-radius: 16px;
  background: #ffffff;
  color: var(--rm2026-blue-night, #0b2f6b) !important;
  -webkit-text-fill-color: var(--rm2026-blue-night, #0b2f6b) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
  font-size: 0.98rem;
  font-weight: 900;
  text-decoration: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc li a::before,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc li a::before{
  content: counter(rm2026-horo-toc);
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background: var(--rm2026-bg-info, #eef4ff);
  color: var(--rm2026-blue-hover, #0f4da8);
  font-size: 0.82rem;
  font-weight: 950;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc li a:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc li a:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc li a:focus-visible,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc li a:focus-visible{
  border-color: var(--rm2026-blue, #185dc5);
  background: var(--rm2026-blue, #185dc5);
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  transform: translateY(-1px);
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc li a:hover::before,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc li a:hover::before,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc li a:focus-visible::before,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc li a:focus-visible::before{
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

/* ==========================================================
   5) Cards de secciones internas
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card{
  max-width: var(--rm2026-horo-card-max);
  margin: clamp(30px, 4.2vw, 50px) auto !important;
  padding: clamp(22px, 3.4vw, 36px) !important;
  border: 1px solid rgba(24, 93, 197, 0.14) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.075) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card > h2,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card > h2{
  margin-top: 0 !important;
  margin-bottom: clamp(18px, 2.4vw, 26px) !important;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1.75rem, 3vw, 2.45rem);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -0.035em;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card > h2::after,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card > h2::after{
  content: "";
  display: block;
  width: 76px;
  height: 4px;
  margin-top: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--rm2026-blue, #185dc5), rgba(24, 93, 197, 0.12));
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card p{
  margin-bottom: 1.18em !important;
  color: var(--rm2026-text-soft, #334155);
  font-size: clamp(1.02rem, 1.16vw, 1.1rem);
  line-height: 1.78;
  font-weight: 600;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card p:last-child,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card p:last-child{
  margin-bottom: 0 !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card ul,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card ul,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card ol,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card ol{
  margin: 0 0 18px !important;
  padding-left: 1.35rem !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card li,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card li{
  margin: 8px 0;
  color: var(--rm2026-text-soft, #334155);
  font-weight: 650;
  line-height: 1.6;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card li::marker,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card li::marker{
  color: var(--rm2026-blue-hover, #0f4da8);
  font-weight: 950;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card p > strong:first-child,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card p > strong:first-child{
  display: inline;
  color: var(--rm2026-blue-night, #0b2f6b);
  font-weight: 950;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--compatibilidad,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--compatibilidad,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--claves,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--claves,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--ritual,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--ritual,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--faq,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--faq{
  background: #ffffff !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--claves p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--claves p{
  padding: 12px 14px;
  border: 1px solid rgba(24, 93, 197, 0.12);
  border-radius: 16px;
  background: var(--rm2026-bg-info, #eef4ff);
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--mensaje,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--mensaje{
  background: linear-gradient(180deg, rgba(238, 244, 255, 0.86), rgba(255, 255, 255, 0.96)) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--consulta,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--consulta{
  border-color: rgba(22, 101, 52, 0.18) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--consulta a,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--consulta a{
  color: var(--rm2026-blue-hover, #0f4da8) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover, #0f4da8) !important;
  font-weight: 900;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--faq p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--faq p{
  margin-bottom: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(24, 93, 197, 0.12);
  border-radius: 18px;
  background: var(--rm2026-bg-info, #eef4ff);
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--faq p strong,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--faq p strong{
  display: block;
  margin-bottom: 6px;
  color: var(--rm2026-text, #0f172a);
  font-weight: 950;
}

/* Encabezados H2 reales cuando no han sido convertidos en card */
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > h2[id]{
  margin-top: clamp(38px, 5vw, 64px) !important;
  margin-bottom: clamp(14px, 2.2vw, 22px) !important;
  padding-top: 0 !important;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1.85rem, 3vw, 2.55rem);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -0.035em;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc + h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc + h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc + .rm2026-horo-card,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc + .rm2026-horo-card{
  margin-top: clamp(22px, 3.2vw, 36px) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > h2[id] + p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > h2[id] + p{
  margin-top: 0 !important;
  margin-bottom: 1.2em !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card + h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card + h2[id]{
  margin-top: clamp(42px, 5.4vw, 70px) !important;
}

/* ==========================================================
   6) Bloque “horóscopo de todos los signos”
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-links-title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-links-title{
  max-width: var(--rm2026-horo-card-max);
  margin: clamp(28px, 4vw, 46px) auto 18px;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1.35rem, 2.2vw, 1.85rem);
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: -0.025em;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px !important;
  max-width: var(--rm2026-horo-card-max);
  margin: 0 auto clamp(28px, 4vw, 48px) !important;
  padding: 0 !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid .horoscope-sign,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid .horoscope-sign{
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 14px 10px;
  border: 1px solid rgba(24, 93, 197, 0.12);
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.045);
  color: var(--rm2026-blue-night, #0b2f6b) !important;
  -webkit-text-fill-color: var(--rm2026-blue-night, #0b2f6b) !important;
  text-align: center;
  text-decoration: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid .horoscope-sign:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid .horoscope-sign:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid .horoscope-sign:focus-visible,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid .horoscope-sign:focus-visible{
  border-color: var(--rm2026-blue, #185dc5);
  transform: translateY(-2px);
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid .horoscope-sign img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid .horoscope-sign img{
  width: 58px !important;
  height: 58px !important;
  margin-bottom: 10px;
  border-radius: 999px;
  object-fit: cover;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid .horoscope-sign span,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid .horoscope-sign span{
  display: block;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-size: 0.88rem;
  font-weight: 950;
  line-height: 1.15;
  text-transform: uppercase;
}

/* ==========================================================
   7) Vídeos, iframes y enlaces dentro del contenido
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-yt-wrap,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-yt-wrap,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content iframe{
  max-width: var(--rm2026-horo-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content iframe{
  display: block;
  width: 100%;
  border: 0;
  border-radius: 22px;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content a,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content a{
  color: var(--rm2026-blue-hover, #0f4da8);
  -webkit-text-fill-color: var(--rm2026-blue-hover, #0f4da8);
  font-weight: 850;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content a:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content a:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content a:focus-visible,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content a:focus-visible{
  color: var(--rm2026-blue-night, #0b2f6b);
  -webkit-text-fill-color: var(--rm2026-blue-night, #0b2f6b);
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card[id]{
  scroll-margin-top: 128px;
}

/* ==========================================================
   8) Compartir en redes
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-section--horo-share,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-section--horo-share{
  background: var(--rm2026-bg-premium, #f7faff) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-share-card,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-share-card{
  max-width: 760px;
  margin-inline: auto;
  text-align: center !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-share-card .rm2026-section__head,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-share-card .rm2026-section__head,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-share-card .rm2026-kicker,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-share-card .rm2026-kicker,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-share-card .rm2026-section__title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-share-card .rm2026-section__title{
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-socials,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-socials{
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 24px !important;
  padding: 0 !important;
  text-align: center !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-socials a,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-socials a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 118px !important;
  min-height: 44px !important;
  padding: 11px 18px !important;
  border: 2px solid var(--rm2026-border-strong, #b8d4ff) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--rm2026-blue-hover, #0f4da8) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover, #0f4da8) !important;
  box-shadow: none !important;
  font-size: 0.96rem !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-socials a:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-socials a:hover,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-socials a:focus-visible,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-socials a:focus-visible{
  border-color: var(--rm2026-blue, #185dc5) !important;
  background: var(--rm2026-blue, #185dc5) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;
}

/* ==========================================================
   9) Tarjetas telefónicas gabinete
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-phone-grid,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-phone-grid{
  align-items: stretch;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__label--compact,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__label--compact{
  white-space: normal;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-nowrap,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-nowrap{
  white-space: nowrap;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__inline-head,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__inline-head{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 14px;
  margin-bottom: 18px;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__inline-head .rm2026-route-card__label,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__inline-head .rm2026-route-card__label,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__inline-head .rm2026-route-card__title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__inline-head .rm2026-route-card__title{
  margin: 0 !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__inline-head .rm2026-route-card__title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__inline-head .rm2026-route-card__title{
  line-height: 1.08;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card .rm2026-legal-note,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card .rm2026-legal-note{
  font-size: 0.92rem;
  line-height: 1.58;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card .rm2026-legal-note a,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card .rm2026-legal-note a{
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  font-weight: 900;
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__label--compact,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__label--compact{
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0 0.35em;
    width: auto;
    max-width: 100%;
    line-height: 1.2;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__inline-head,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__inline-head{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 12px;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__inline-head .rm2026-route-card__label,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__inline-head .rm2026-route-card__label{
    flex: 0 0 auto;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-route-card__inline-head .rm2026-route-card__title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-route-card__inline-head .rm2026-route-card__title{
    flex: 1 1 auto;
    min-width: 120px;
  }
}

/* ==========================================================
   10) Tablet, móvil y móvil pequeño
   ========================================================== */

@media (max-width: 900px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc ol,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc ol{
    grid-template-columns: 1fr;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-section--horo-content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-section--horo-content{
    padding-top: 34px !important;
    padding-bottom: 58px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-section--horo-content .rm2026-container--narrow,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-section--horo-content .rm2026-container--narrow{
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content p{
    font-size: 1.03rem;
    line-height: 1.72;
    font-weight: 600;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > h2:not([id]):not(.rm2026-horo-toc__title),
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > h2:not([id]):not(.rm2026-horo-toc__title){
    font-size: clamp(1.72rem, 8vw, 2.25rem);
    line-height: 1.1;
    margin-bottom: 10px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > h2:not([id]):not(.rm2026-horo-toc__title) + p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > h2:not([id]):not(.rm2026-horo-toc__title) + p{
    font-size: 1.02rem;
    line-height: 1.62;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc{
    margin-top: 26px !important;
    margin-bottom: 34px !important;
    padding: 20px !important;
    border-radius: 24px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc__title,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc__title{
    font-size: clamp(1.36rem, 7vw, 1.85rem);
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc li a,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc li a{
    min-height: 48px;
    padding: 11px 12px;
    font-size: 0.98rem;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card{
    margin-top: 28px !important;
    margin-bottom: 28px !important;
    padding: 22px 20px !important;
    border-radius: 24px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card > h2,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card > h2,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > h2[id]{
    font-size: clamp(1.75rem, 8.4vw, 2.35rem);
    line-height: 1.08;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card > h2,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card > h2{
    margin-bottom: 18px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > h2[id]{
    margin-top: 36px !important;
    margin-bottom: 16px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc + h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc + h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc + .rm2026-horo-card,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc + .rm2026-horo-card{
    margin-top: 24px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card + h2[id],
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card + h2[id]{
    margin-top: 38px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--claves p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--claves p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card--faq p,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card--faq p{
    padding: 13px 14px;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid .horoscope-sign,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid .horoscope-sign{
    min-height: 112px;
    border-radius: 18px;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-socials,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-socials{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-socials a,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-socials a{
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }
}

@media (max-width: 420px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-section--horo-content .rm2026-container--narrow,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-section--horo-content .rm2026-container--narrow{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card{
    border-radius: 22px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .horoscope-monthly-grid,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .horoscope-monthly-grid,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-socials,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-socials{
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================
   RM2026 — Horóscopos mensual/anual V2.1
   Corrección anual: índice robusto, vídeos Shorts, imágenes internas,
   slider anual y tamaños móviles. Sin :is() para Hostinger.
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc ul,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  counter-reset: rm2026-horo-toc;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc ul li,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc ul li {
  counter-increment: rm2026-horo-toc;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc ul li a,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  border: 1px solid var(--rm2026-border-strong, #b8d4ff) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: var(--rm2026-blue-hover, #0f4da8) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover, #0f4da8) !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc ul li a::before,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc ul li a::before {
  content: counter(rm2026-horo-toc);
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: var(--rm2026-bg-info, #eef4ff);
  color: var(--rm2026-blue-night, #0b2f6b);
  -webkit-text-fill-color: var(--rm2026-blue-night, #0b2f6b);
  font-size: 0.82rem;
  font-weight: 950;
}

/* Imágenes editoriales internas: centradas, sin ocupar media pantalla en desktop */
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > figure,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > figure,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .wp-block-image,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .wp-block-image {
  max-width: var(--rm2026-horo-card-max, 840px) !important;
  margin: clamp(30px, 4.5vw, 54px) auto !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content > img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content > img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content figure img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content figure img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .wp-block-image img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .wp-block-image img {
  display: block !important;
  width: 100% !important;
  max-width: var(--rm2026-horo-card-max, 840px) !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content figcaption,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content figcaption {
  max-width: var(--rm2026-horo-card-max, 840px);
  margin: 10px auto 0;
  color: var(--rm2026-muted, #334155);
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

/* Vídeos: horizontal normal y Short vertical separados */
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-video,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-video {
  display: block !important;
  width: 100% !important;
  margin: clamp(32px, 5vw, 60px) auto !important;
  overflow: hidden !important;
  background: #020617 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16) !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-video--wide,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-video--wide {
  max-width: var(--rm2026-horo-card-max, 840px) !important;
  aspect-ratio: 16 / 9 !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-video--short,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-video--short {
  max-width: 420px !important;
  aspect-ratio: 9 / 16 !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-video iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-video iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-video__iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-video__iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Fallback por si WordPress genera bloque embed sin wrapper PHP */
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .wp-block-embed,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .wp-block-embed {
  max-width: var(--rm2026-horo-card-max, 840px) !important;
  margin: clamp(32px, 5vw, 60px) auto !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .wp-block-embed__wrapper,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .wp-block-embed__wrapper {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  background: #020617 !important;
  border-radius: 24px !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .wp-block-embed__wrapper iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .wp-block-embed__wrapper iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Slider anual: fallback en rm2026.css además del MU-plugin */
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns {
  width: 100% !important;
  max-width: 980px !important;
  margin: clamp(28px, 4vw, 48px) auto !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__viewport {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__viewport::-webkit-scrollbar {
  display: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 14px !important;
  padding: 8px 4px 6px !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__card {
  flex: 0 0 auto !important;
  width: calc((100% - 56px) / 5) !important;
  display: grid !important;
  place-items: center !important;
  padding: 12px 10px !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.06) !important;
  scroll-snap-align: start !important;
  text-decoration: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__img {
  width: 64px !important;
  height: 64px !important;
  border-radius: 999px !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__label {
  margin-top: 10px !important;
  color: var(--rm2026-blue-hover, #0f4da8) !important;
  -webkit-text-fill-color: var(--rm2026-blue-hover, #0f4da8) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__dots {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 12px 0 0 !important;
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content {
    font-size: clamp(1.04rem, 4.6vw, 1.2rem) !important;
    line-height: 1.72 !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content h2[id],
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content h2[id] {
    font-size: clamp(2rem, 8.1vw, 2.55rem) !important;
    line-height: 1.12 !important;
    margin-top: 42px !important;
    margin-bottom: 18px !important;
    letter-spacing: -0.04em !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-card,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-card {
    padding: 24px 18px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc ol,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc ol,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-toc ul,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-toc ul {
    grid-template-columns: 1fr !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__card {
    width: calc((100% - 12px) / 2) !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm-haSigns__img {
    width: 68px !important;
    height: 68px !important;
  }

  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-video--short,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-video--short {
    max-width: min(100%, 380px) !important;
  }
}


/* ==========================================================
   RM2026_HOROSCOPOS_COMMON_EDITORIAL_V12
   Reemplazo no acumulativo dentro del módulo de horóscopos.

   Regla de arquitectura:
   - Los singles de horóscopos deben reutilizar el sistema común.
   - No se añaden parches finales por cada single.
   - Primero se corrige el bloque común; solo se crea CSS específico
     cuando el HTML legacy o un shortcode lo exige.
   - Este bloque afecta a mensual, anual, chino, egipcio y futuros
     singles con clase rm2026-page--horoscopo-*.
   ========================================================== */

body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] {
  --rm2026-horo-max: 980px;
  --rm2026-horo-card-max: 920px;
  --rm2026-horo-card-pad-desktop: clamp(24px, 3vw, 34px);
  --rm2026-horo-card-pad-mobile: 22px 18px;
}

body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-section--horo-content .rm2026-container--narrow {
  width: min(100% - 32px, var(--rm2026-horo-max)) !important;
  max-width: var(--rm2026-horo-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-article,
body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-content {
  width: 100% !important;
  max-width: 100% !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card,
body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-toc {
  width: 100% !important;
  max-width: var(--rm2026-horo-card-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: var(--rm2026-horo-card-pad-desktop) !important;
}

body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card > h2,
body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-content > h2[id] {
  max-width: 100% !important;
  color: var(--rm2026-text, #0f172a) !important;
  font-size: clamp(1.7rem, 2.05vw, 2.22rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.032em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-wrap: balance;
}

body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card > h2::after,
body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-content > h2[id]::after {
  margin-top: 12px !important;
}

/* Tablet: más anchura útil y tamaño controlado para evitar saltos por emojis finales */
@media (min-width: 768px) and (max-width: 1180px) {
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-section--horo-content .rm2026-container--narrow {
    width: min(100% - 28px, var(--rm2026-horo-max)) !important;
  }

  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card,
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-toc {
    padding: clamp(22px, 3.4vw, 30px) !important;
  }

  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card > h2,
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-content > h2[id] {
    font-size: clamp(1.55rem, 2.45vw, 2rem) !important;
    line-height: 1.12 !important;
  }
}

/* Móvil: evitar columnas estrechas dentro de tarjetas editoriales */
@media (max-width: 767px) {
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-section--horo-content .rm2026-container--narrow {
    width: min(100% - 20px, var(--rm2026-horo-max)) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card,
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-toc {
    max-width: 100% !important;
    margin-top: 28px !important;
    margin-bottom: 28px !important;
    padding: var(--rm2026-horo-card-pad-mobile) !important;
    border-radius: 22px !important;
  }

  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card > h2,
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-content > h2[id] {
    font-size: clamp(1.62rem, 7.2vw, 2.12rem) !important;
    line-height: 1.12 !important;
  }

  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card p,
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-content p,
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card li {
    font-size: clamp(1rem, 4.2vw, 1.08rem) !important;
    line-height: 1.68 !important;
  }
}

@media (max-width: 420px) {
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-section--horo-content .rm2026-container--narrow {
    width: min(100% - 16px, var(--rm2026-horo-max)) !important;
  }

  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-card,
  body.rm2026-active .rm2026-page[class*="rm2026-page--horoscopo-"] .rm2026-horo-toc {
    padding: 20px 14px !important;
    border-radius: 20px !important;
  }
}

/* ==========================================================
   RM2026_HOROSCOPOS_CHINO_CONSOLIDADO_V10_LIMPIO
   Fecha: 2026-05-19

   Regla operativa para este hilo y continuidad:
   - No acumular parches por single al final de rm2026.css.
   - Primero reutilizar clases ya validadas del mensual/anual.
   - Añadir CSS específico solo si el HTML legacy lo exige.
   - Sustituir bloques anteriores del chino por este módulo único.
   - Evitar :has(), :is() y selectores globales para no generar avisos
     en el editor de Hostinger ni contaminar páginas antiguas.
   ========================================================== */

body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino {
  --rm2026-chino-red: #b91c1c;
  --rm2026-chino-red-dark: #991b1b;
  --rm2026-chino-red-soft: rgba(185, 28, 28, 0.10);
  --rm2026-chino-red-line: rgba(185, 28, 28, 0.22);
  --rm2026-horo-content-max: 980px;
  --rm2026-horo-media-max: 680px;
}

/* Contenedor del contenido chino: mantiene la arquitectura del anual/mensual sin estrechar móvil */
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-section--horo-content .rm2026-container--narrow {
  width: min(100%, var(--rm2026-horo-content-max)) !important;
  max-width: var(--rm2026-horo-content-max) !important;
  padding-left: clamp(16px, 3vw, 28px) !important;
  padding-right: clamp(16px, 3vw, 28px) !important;
}

body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-horo-article,
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-horo-content {
  width: 100% !important;
  max-width: 100% !important;
}

/* Imágenes legacy del contenido: no ampliar por encima de su tamaño útil en desktop */
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content figure.wp-block-image,
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content .wp-block-image,
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content p > img {
  width: auto !important;
  max-width: var(--rm2026-horo-media-max) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content figure.wp-block-image img,
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content .wp-block-image img,
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content p > img,
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content img.aligncenter,
body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content img[class*="wp-image-"] {
  display: block !important;
  width: auto !important;
  max-width: min(100%, var(--rm2026-horo-media-max)) !important;
  height: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 18px !important;
  object-fit: contain !important;
}
/* CTAs telefónicos: mismo ancho visual en desktop; móvil conserva ancho completo */
@media (min-width: 768px) {
  body.rm2026-active main.rm2026-page .rm2026-horo-phone-grid .rm2026-route-card .rm2026-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100%, 280px) !important;
    min-width: 260px !important;
    min-height: 52px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 14px 24px !important;
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-section--horo-content .rm2026-container--narrow {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-horo-card,
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-horo-toc {
    padding: 22px 16px !important;
    border-radius: 22px !important;
  }

  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-horo-content {
    font-size: clamp(1rem, 4.4vw, 1.14rem) !important;
    line-height: 1.68 !important;
  }

  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-horo-content h2[id],
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino .rm2026-horo-card > h2 {
    font-size: clamp(1.65rem, 7.2vw, 2.12rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.035em !important;
  }

  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content figure.wp-block-image,
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content .wp-block-image,
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content p > img {
    max-width: 100% !important;
  }

  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content figure.wp-block-image img,
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content .wp-block-image img,
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content p > img,
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content img.aligncenter,
  body.rm2026-active main.rm2026-page.rm2026-page--horoscopo-chino #rm2026-horo-content .entry-content.rm2026-horo-content img[class*="wp-image-"] {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 16px !important;
  }
body.rm2026-active main.rm2026-page .rm2026-horo-phone-grid .rm2026-route-card .rm2026-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
  }
}

/* ==========================================================
   RM2026_HOROSCOPOS_VIDEO_THUMB_FIX_V11
   Restaura el control de miniaturas de vídeos/Shorts en
   horóscopo anual y mensual.

   Motivo técnico:
   la regla base de rm2026.css para imágenes dentro de .rm2026-page
   deja height:auto. En las miniaturas .rm-video-lite esto rompe el
   encaje vertical del thumbnail y vuelve a aparecer el bloque negro
   inferior antes de reproducir el vídeo.
   ========================================================== */

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite {
  --rm-video-ar: 9 / 16 !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 420px !important;
  height: auto !important;
  aspect-ratio: var(--rm-video-ar) !important;
  margin: clamp(32px, 5vw, 60px) auto !important;
  overflow: hidden !important;
  background: #020617 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16) !important;
  line-height: 0 !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite.is-16x9,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite.is-16x9 {
  --rm-video-ar: 16 / 9 !important;
  max-width: 860px !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite .rm-video-thumb,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite .rm-video-thumb,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite .rm-video-iframe-wrap,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite .rm-video-iframe-wrap,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite .rm-yt-facade,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite .rm-yt-facade {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  aspect-ratio: var(--rm-video-ar) !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: #020617 !important;
  border-radius: inherit !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite .rm-video-thumb img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite .rm-video-thumb img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite .rm-yt-facade img,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite .rm-yt-facade img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite .rm-video-play,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite .rm-video-play {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
}

body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite .rm-video-iframe-wrap iframe,
body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite .rm-video-iframe-wrap iframe {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-anual .rm2026-horo-content .rm-video-lite,
  body.rm2026-active .rm2026-page.rm2026-page--horoscopo-mensual .rm2026-horo-content .rm-video-lite {
    max-width: min(100%, 420px) !important;
    border-radius: 22px !important;
  }
}
/* ==========================================================
   FAQ boxed — variante reutilizable para categorías RM2026
   ========================================================== */

body.rm2026-active .rm2026-faq--boxed {
  max-width: 1020px;
  margin-inline: auto;
  padding: clamp(28px, 4vw, 54px);
  border: 1px solid var(--rm2026-border);
  border-radius: var(--rm2026-radius-lg);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow-soft);
}

body.rm2026-active .rm2026-faq--boxed .rm2026-section-head {
  margin-bottom: clamp(26px, 3vw, 38px);
}

body.rm2026-active .rm2026-faq--boxed .rm2026-faq__item {
  max-width: 860px;
  margin-inline: auto;
  padding: clamp(18px, 2.4vw, 26px) 0;
  border-top: 1px solid rgba(207, 224, 255, 0.85);
}

body.rm2026-active .rm2026-faq--boxed .rm2026-faq__item:first-of-type {
  border-top: 0;
  padding-top: 0;
}

body.rm2026-active .rm2026-faq--boxed .rm2026-faq__item:last-of-type {
  padding-bottom: 0;
}

body.rm2026-active .rm2026-faq--boxed .rm2026-faq__item h3 {
  margin: 0;
  font-size: clamp(1.12rem, 1.7vw, 1.42rem);
  line-height: 1.2;
  letter-spacing: -0.025em;
}

body.rm2026-active .rm2026-faq--boxed .rm2026-faq__item p {
  margin-top: 10px;
  color: var(--rm2026-muted);
  font-size: clamp(1rem, 1.2vw, 1.08rem);
  line-height: 1.7;
}

@media (max-width: 640px) {
  body.rm2026-active .rm2026-faq--boxed {
    width: min(100%, calc(100vw - 24px));
    padding: 24px 18px;
    border-radius: 22px;
  }

  body.rm2026-active .rm2026-faq--boxed .rm2026-section-head {
    text-align: left;
  }

  body.rm2026-active .rm2026-faq--boxed .rm2026-kicker {
    margin-inline: 0;
  }

  body.rm2026-active .rm2026-faq--boxed .rm2026-faq__item {
    padding-block: 18px;
  }
}





/* ==========================================================
   RM2026 — Patrones editoriales reutilizables v3
   ESTADO: BASE PREFERENTE PARA NUEVAS PLANTILLAS EDITORIALES

   USO OBLIGATORIO EN NUEVAS CATEGORÍAS, SUBCATEGORÍAS Y SINGLES
   EDITORIALES RM2026, salvo decisión explícita en contra.

   Objetivo:
   - Unificar hero editorial, grids, CTAs y FAQ.
   - Evitar estilos dependientes de slugs o pilares concretos.
   - Reducir duplicidad CSS.
   - Preparar limpieza futura del CSS específico antiguo.

   Usar como base visual nueva:
   - .rm2026-template--editorial-hub
   - .rm2026-template--editorial-single
   - .rm2026-hero--editorial-split
   - .rm2026-card-grid--editorial
   - .rm2026-cta-panel--premium-soft
   - .rm2026-faq--boxed

   No usar como base visual nueva:
   - .rm2026-page--horoscopos
   - .rm2026-page--numeros-suerte
   - .rm2026-page--horoscopo-anual
   - .rm2026-page--horoscopo-chino
   - .rm2026-page--horoscopo-egipcio

   Nota técnica v3:
   La clase base .rm2026-hero ya tiene grid propio en rm2026.css.php.
   Este patrón resetea ese grid en .rm2026-hero--editorial-split y traslada
   el layout real a .rm2026-hero__grid. No eliminar este reset.

   Referencia visual de proporciones:
   Hero editorial tipo single-rm2026-numeros-de-la-suerte.php:
   texto a la izquierda, imagen a la derecha, botones en línea en desktop
   y microcopy bajo los botones. No centrar internamente la columna textual
   en escritorio.

   Las clases antiguas específicas pueden seguir existiendo para no romper
   URLs ya validadas, pero no deben copiarse en nuevas plantillas.
   Cualquier nueva plantilla debe identificar primero su tipo SEO
   (hub, subhub, single o landing) y elegir un patrón genérico reutilizable.
   ========================================================== */

/* ==========================================================
   1. Templates editoriales base
   ========================================================== */

body.rm2026-active .rm2026-template--editorial-hub,
body.rm2026-active .rm2026-template--editorial-single {
  background: #f7faff;
}

/* ==========================================================
   2. Hero editorial split reutilizable
   Patrón genérico: NO depende de slug, categoría o pilar.
   ========================================================== */

body.rm2026-active .rm2026-page .rm2026-hero.rm2026-hero--editorial-split,
body.rm2026-active .rm2026-scope .rm2026-hero.rm2026-hero--editorial-split,
body.rm2026-active .rm2026-page .rm2026-hero--editorial-split,
body.rm2026-active .rm2026-scope .rm2026-hero--editorial-split {
  position: relative;

  /* Reset crítico: neutraliza el grid base de .rm2026-hero */
  display: block !important;
  grid-template-columns: none !important;
  align-items: initial !important;
  gap: 0 !important;

  width: 100%;
  max-width: none;
  margin: 0;
  padding-block: clamp(36px, 3.8vw, 52px) clamp(44px, 4.8vw, 70px);
  overflow: hidden;
  border-bottom: 1px solid rgba(207, 224, 255, 0.72);
  background:
    radial-gradient(circle at 18% 22%, rgba(24, 93, 197, 0.08), transparent 34%),
    linear-gradient(135deg, #f7faff 0%, #f7faff 42%, #eef4ff 100%);
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__grid {
  display: grid !important;
  width: min(1120px, calc(100% - 40px));
  max-width: 1120px;
  margin-inline: auto !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(340px, 0.82fr);
  align-items: center;
  gap: clamp(42px, 5.2vw, 78px);
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__content {
  min-width: 0;
  max-width: 720px;
  margin: 0;
  text-align: left;
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin: 0 0 clamp(10px, 1vw, 14px);
  padding: 5px 12px;
  border: 1px solid var(--rm2026-border, #cfe0ff);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  color: var(--rm2026-blue-night, #0b2f6b);
  font-size: clamp(0.74rem, 0.84vw, 0.86rem);
  font-weight: 900;
  letter-spacing: 0.065em;
  line-height: 1.2;
  text-transform: uppercase;
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__title {
  max-width: 760px;
  margin: 0;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(2.4rem, 3.18vw, 3.36rem);
  font-weight: 900;
  line-height: 1.04;
  letter-spacing: -0.052em;
  text-align: left;
  text-transform: none;
  word-break: normal;
  overflow-wrap: normal;
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__subtitle {
  max-width: 760px;
  margin: clamp(8px, 1vw, 12px) 0 0;
  color: var(--rm2026-blue-night, #0b2f6b);
  font-size: clamp(1.16rem, 1.48vw, 1.44rem);
  font-weight: 900;
  line-height: 1.22;
  letter-spacing: -0.025em;
  text-align: left;
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__text,
body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__lead {
  max-width: 700px;
  margin: clamp(10px, 1.15vw, 14px) 0 0;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1rem, 1.08vw, 1.08rem);
  font-weight: 600;
  line-height: 1.58;
  text-align: left;
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__actions,
body.rm2026-active .rm2026-hero--editorial-split .rm2026-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: clamp(12px, 1.5vw, 18px);
  margin-top: clamp(26px, 2.7vw, 36px);
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__actions .rm2026-btn,
body.rm2026-active .rm2026-hero--editorial-split .rm2026-actions .rm2026-btn {
  width: auto;
  min-width: clamp(190px, 14vw, 248px);
  white-space: nowrap !important;
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-micro {
  max-width: 700px;
  margin: clamp(18px, 2.1vw, 28px) 0 0;
  color: var(--rm2026-muted, #334155);
  font-size: clamp(0.9rem, 0.98vw, 0.98rem);
  font-weight: 600;
  line-height: 1.55;
  text-align: left;
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__media,
body.rm2026-active .rm2026-hero--editorial-split .rm2026-media-card--hero {
  justify-self: center;
  width: min(100%, 460px);
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--rm2026-border, #cfe0ff);
  border-radius: 26px;
  background: #ffffff;
  box-shadow: 0 20px 46px rgba(15, 23, 42, 0.10);
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__image,
body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__media img,
body.rm2026-active .rm2026-hero--editorial-split .rm2026-media-card--hero img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  object-fit: cover;
  background: #dbeafe;
}

body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__caption,
body.rm2026-active .rm2026-hero--editorial-split .rm2026-media-card__caption {
  display: block;
  padding: 14px 18px;
  color: var(--rm2026-muted, #334155);
  background: #ffffff;
  font-size: clamp(0.88rem, 0.95vw, 0.98rem);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

/* Desktop grande: mantener split real. No cambiar a una columna. */
@media (min-width: 1181px) {
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__grid {
    grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
  }
}

/* Tablet: una columna centrada, pero sin perder jerarquía. */
@media (max-width: 960px) {
  body.rm2026-active .rm2026-page .rm2026-hero.rm2026-hero--editorial-split,
  body.rm2026-active .rm2026-scope .rm2026-hero.rm2026-hero--editorial-split,
  body.rm2026-active .rm2026-page .rm2026-hero--editorial-split,
  body.rm2026-active .rm2026-scope .rm2026-hero--editorial-split {
    padding-block: 42px 56px;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__grid {
    width: min(760px, calc(100% - 32px));
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__content {
    max-width: 760px;
    margin-inline: auto;
    text-align: center;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-kicker,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__title,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__subtitle,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__text,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__lead,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-micro {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__actions,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-actions {
    justify-content: center;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__media,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-media-card--hero {
    width: min(100%, 560px);
  }
}

/* Móvil */
@media (max-width: 640px) {
  body.rm2026-active .rm2026-page .rm2026-hero.rm2026-hero--editorial-split,
  body.rm2026-active .rm2026-scope .rm2026-hero.rm2026-hero--editorial-split,
  body.rm2026-active .rm2026-page .rm2026-hero--editorial-split,
  body.rm2026-active .rm2026-scope .rm2026-hero--editorial-split {
    padding-block: 34px 46px;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__grid {
    width: min(calc(100% - 28px), 520px);
    gap: 24px;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__title {
    font-size: clamp(2rem, 11vw, 2.72rem);
    line-height: 1.05;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__subtitle {
    font-size: clamp(1.08rem, 5.6vw, 1.34rem);
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__actions,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-actions {
    flex-direction: column !important;
    align-items: stretch;
    gap: 12px;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__actions .rm2026-btn,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-actions .rm2026-btn {
    width: 100%;
    min-width: 0;
  }

  body.rm2026-active .rm2026-hero--editorial-split .rm2026-hero__media,
  body.rm2026-active .rm2026-hero--editorial-split .rm2026-media-card--hero {
    border-radius: 22px;
  }
}

/* ==========================================================
   3. Grid editorial reutilizable
   ========================================================== */

body.rm2026-active .rm2026-card-grid--editorial {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 28px);
}

body.rm2026-active .rm2026-card-grid--editorial .rm2026-card {
  min-height: 100%;
}

@media (max-width: 760px) {
  body.rm2026-active .rm2026-card-grid--editorial {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================
   4. CTA premium suave reutilizable
   ========================================================== */

body.rm2026-active .rm2026-cta-panel--premium-soft {
  padding: clamp(28px, 4vw, 56px);
  border: 1px solid var(--rm2026-border, #cfe0ff);
  border-radius: var(--rm2026-radius-lg, 28px);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow, 0 16px 38px rgba(15, 23, 42, 0.07));
}

body.rm2026-active .rm2026-cta-panel--premium-soft .rm2026-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: clamp(22px, 2.6vw, 34px);
}

@media (max-width: 640px) {
  body.rm2026-active .rm2026-cta-panel--premium-soft .rm2026-actions {
    flex-direction: column;
  }

  body.rm2026-active .rm2026-cta-panel--premium-soft .rm2026-btn {
    width: 100%;
  }
}

/* ==========================================================
   5. FAQ boxed reutilizable
   ========================================================== */

body.rm2026-active .rm2026-faq--boxed {
  max-width: 920px;
  margin-inline: auto;
  padding: clamp(26px, 4vw, 48px);
  border: 1px solid var(--rm2026-border, #cfe0ff);
  border-radius: var(--rm2026-radius-lg, 28px);
  background: #ffffff;
  box-shadow: var(--rm2026-shadow-soft, 0 10px 24px rgba(15, 23, 42, 0.05));
}

body.rm2026-active .rm2026-faq--boxed details {
  padding: clamp(16px, 2vw, 22px) 0;
  border-bottom: 1px solid var(--rm2026-border-soft, #e2e8f0);
}

body.rm2026-active .rm2026-faq--boxed details:last-child {
  border-bottom: 0;
}

body.rm2026-active .rm2026-faq--boxed summary {
  cursor: pointer;
  color: var(--rm2026-text, #0f172a);
  font-size: clamp(1rem, 1.08vw, 1.12rem);
  font-weight: 900;
  line-height: 1.35;
}

body.rm2026-active .rm2026-faq--boxed details > p,
body.rm2026-active .rm2026-faq--boxed details > div {
  margin-top: 12px;
  color: var(--rm2026-muted, #334155);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.7;
}
/* ==========================================================
   RM2026 — Ajuste hero editorial v3.2
   Objetivo:
   Igualar altura y arranque visual del hero editorial nuevo
   al patrón validado de Números de la suerte.
   ========================================================== */

body.rm2026-active .rm2026-template--editorial-hub .rm2026-hero--editorial-split,
body.rm2026-active .rm2026-template--editorial-single .rm2026-hero--editorial-split{
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(24, 93, 197, 0.10), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(24, 93, 197, 0.08), transparent 32%),
    linear-gradient(135deg, #f7faff 0%, #eef4ff 100%);
}

body.rm2026-active .rm2026-template--editorial-hub .rm2026-hero--editorial-split .rm2026-hero__grid,
body.rm2026-active .rm2026-template--editorial-single .rm2026-hero--editorial-split .rm2026-hero__grid{
  min-height: 0 !important;
  padding-top: clamp(42px, 4.6vw, 58px) !important;
  padding-bottom: clamp(42px, 4.6vw, 58px) !important;
  align-items: center !important;
}

body.rm2026-active .rm2026-template--editorial-hub .rm2026-hero--editorial-split .rm2026-hero__content,
body.rm2026-active .rm2026-template--editorial-single .rm2026-hero--editorial-split .rm2026-hero__content{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.rm2026-active .rm2026-template--editorial-hub .rm2026-hero--editorial-split .rm2026-hero__actions,
body.rm2026-active .rm2026-template--editorial-single .rm2026-hero--editorial-split .rm2026-hero__actions{
  margin-top: 26px !important;
}

body.rm2026-active .rm2026-template--editorial-hub .rm2026-hero--editorial-split .rm2026-micro,
body.rm2026-active .rm2026-template--editorial-single .rm2026-hero--editorial-split .rm2026-micro{
  margin-top: 18px !important;
}

@media (min-width: 1181px){
  body.rm2026-active .rm2026-template--editorial-hub .rm2026-hero--editorial-split .rm2026-hero__grid,
  body.rm2026-active .rm2026-template--editorial-single .rm2026-hero--editorial-split .rm2026-hero__grid{
    padding-top: 46px !important;
    padding-bottom: 48px !important;
  }
}
/* =====================================================
   RM2026 — Formularios nativos reutilizables v1
   Uso:
   - Formularios PHP nativos RM2026 sin plugin.
   - Lead magnets, solicitudes editoriales y formularios premium.
   - Scoped para no contaminar legacy.
   ===================================================== */

body.rm2026-active .rm2026-form {
  margin-block-start: clamp(24px, 3vw, 36px);
}

body.rm2026-active .rm2026-form__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

body.rm2026-active .rm2026-form__field {
  margin: 0;
}

body.rm2026-active .rm2026-form__field label,
body.rm2026-active .rm2026-form__consent label {
  display: block;
  font-weight: 800;
  color: var(--rm2026-ink, #101827);
  margin-block-end: 8px;
}

body.rm2026-active .rm2026-form__field input,
body.rm2026-active .rm2026-form__field select,
body.rm2026-active .rm2026-form__field textarea {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(22, 34, 51, 0.16);
  border-radius: 16px;
  background: #fff;
  color: var(--rm2026-ink, #101827);
  padding: 12px 14px;
  font: inherit;
  line-height: 1.45;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.65);
}

body.rm2026-active .rm2026-form__field textarea {
  min-height: 150px;
  resize: vertical;
}

body.rm2026-active .rm2026-form__field input:focus,
body.rm2026-active .rm2026-form__field select:focus,
body.rm2026-active .rm2026-form__field textarea:focus {
  outline: 3px solid rgba(30, 101, 213, 0.18);
  border-color: rgba(30, 101, 213, 0.55);
}

body.rm2026-active .rm2026-form__consent {
  margin-block: 22px 0;
}

body.rm2026-active .rm2026-form__consent label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-weight: 700;
  line-height: 1.5;
}

body.rm2026-active .rm2026-form__consent input[type="checkbox"] {
  inline-size: 20px;
  block-size: 20px;
  margin-block-start: 3px;
  flex: 0 0 auto;
}

body.rm2026-active .rm2026-form__help {
  margin-block: 14px 22px;
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--rm2026-muted, #334155);
}

body.rm2026-active .rm2026-form__notice {
  border-radius: 18px;
  padding: 16px 18px;
  margin-block: 20px;
  border: 1px solid rgba(22, 34, 51, 0.12);
  background: rgba(255,255,255,0.72);
}

body.rm2026-active .rm2026-form__notice p {
  margin-block: 0 8px;
}

body.rm2026-active .rm2026-form__notice p:last-child {
  margin-block-end: 0;
}

body.rm2026-active .rm2026-form__notice--success {
  border-color: rgba(22, 101, 52, 0.22);
  background: rgba(240, 253, 244, 0.82);
}

body.rm2026-active .rm2026-form__notice--error {
  border-color: rgba(153, 27, 27, 0.22);
  background: rgba(254, 242, 242, 0.86);
}

@media (min-width: 760px) {
  body.rm2026-active .rm2026-form__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 22px;
  }

  body.rm2026-active .rm2026-form__field--full {
    grid-column: 1 / -1;
  }
}

/* =====================================================
   RM2026 — Ajustes de prosa editorial single v1
   Uso:
   - Mejora la separación entre H2/H3 y el primer párrafo.
   - Evita bloques de texto apretados en singles editoriales largos.
   - No afecta a hubs/categorías salvo que usen rm2026-template--editorial-single.
   ===================================================== */

body.rm2026-active .rm2026-template--editorial-single .rm2026-prose h2 {
  margin-block-start: clamp(42px, 5vw, 68px);
  margin-block-end: clamp(14px, 2vw, 22px);
  line-height: 1.13;
}

body.rm2026-active .rm2026-template--editorial-single .rm2026-prose h3 {
  margin-block-start: clamp(30px, 4vw, 48px);
  margin-block-end: clamp(12px, 1.8vw, 18px);
  line-height: 1.18;
}

body.rm2026-active .rm2026-template--editorial-single .rm2026-prose .rm2026-kicker + h2 {
  margin-block-start: 12px;
}

body.rm2026-active .rm2026-template--editorial-single .rm2026-prose h2 + p,
body.rm2026-active .rm2026-template--editorial-single .rm2026-prose h3 + p {
  margin-block-start: 0;
}

body.rm2026-active .rm2026-template--editorial-single .rm2026-prose p + p,
body.rm2026-active .rm2026-template--editorial-single .rm2026-prose ul + p,
body.rm2026-active .rm2026-template--editorial-single .rm2026-prose p + ul {
  margin-block-start: 18px;
}

body.rm2026-active .rm2026-template--editorial-single .rm2026-prose li + li {
  margin-block-start: 8px;
}
/* =====================================================
   RM2026 — Componente Brevo / Comunidad Newsletter
   Añadir al archivo:
   wp-content/themes/neve-child-master/rm2026/assets/css/rm2026.css
   ===================================================== */

.rm2026-scope .rm2026-newsletter-confirmation{
  padding: clamp(34px, 6vw, 76px) 0 clamp(42px, 7vw, 88px);
  background:
    radial-gradient(circle at top left, rgba(24, 93, 197, .10), transparent 34%),
    linear-gradient(180deg, #f7faff 0%, #ffffff 46%, #f7faff 100%);
}

.rm2026-scope .rm2026-community-hero{
  max-width: 880px;
  margin: 0 auto clamp(28px, 5vw, 52px);
  text-align: center;
}

.rm2026-scope .rm2026-community-hero h1{
  margin: 0;
  color: #0f172a;
  font-size: clamp(2rem, 5vw, 3.45rem);
  line-height: 1.04;
  letter-spacing: -.035em;
}

.rm2026-scope .rm2026-community-lead{
  max-width: 760px;
  margin: 18px auto 0;
  color: #334155;
  font-size: clamp(1.06rem, 2.2vw, 1.28rem);
  line-height: 1.55;
}

.rm2026-scope .rm2026-community-note{
  max-width: 720px;
  margin: 18px auto 0;
  padding: 14px 18px;
  color: #0b2f6b;
  background: rgba(238, 244, 255, .92);
  border: 1px solid rgba(24, 93, 197, .16);
  border-radius: 18px;
  font-size: .98rem;
  line-height: 1.45;
}

.rm2026-scope .rm2026-community-layout{
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: clamp(20px, 4vw, 34px);
  align-items: start;
}

.rm2026-scope .rm2026-community-card,
.rm2026-scope .rm2026-community-help{
  background: #ffffff;
  border: 1px solid rgba(15, 23, 42, .08);
  border-radius: 28px;
  box-shadow: 0 20px 55px rgba(15, 23, 42, .08);
}

.rm2026-scope .rm2026-community-card{
  padding: clamp(22px, 3.2vw, 34px);
}

.rm2026-scope .rm2026-community-card h2,
.rm2026-scope .rm2026-community-help h2{
  margin: 0 0 14px;
  color: #0f172a;
  font-size: clamp(1.35rem, 2.6vw, 2rem);
  line-height: 1.12;
  letter-spacing: -.02em;
}

.rm2026-scope .rm2026-feature-list{
  display: grid;
  gap: 14px;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

.rm2026-scope .rm2026-feature-list li{
  position: relative;
  padding-left: 30px;
  color: #334155;
  line-height: 1.55;
}

.rm2026-scope .rm2026-feature-list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .42em;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #185dc5;
  box-shadow: inset 0 0 0 5px #eef4ff;
}

.rm2026-scope .rm2026-brevo-panel{
  overflow: hidden;
}

.rm2026-scope .rm2026-brevo-intro{
  margin-bottom: 18px;
}

.rm2026-scope .rm2026-brevo-intro p:not(.rm2026-eyebrow){
  margin: 0;
  color: #334155;
  line-height: 1.55;
}

.rm2026-scope .rm2026-brevo-form.sib-form{
  padding: 0;
  background: transparent;
  text-align: left;
}

.rm2026-scope .rm2026-brevo-form .sib-form-container{
  max-width: none;
  margin: 0;
}

.rm2026-scope .rm2026-brevo-form #sib-container,
.rm2026-scope .rm2026-brevo-container{
  width: 100%;
  max-width: none;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  direction: ltr;
  text-align: left;
}

.rm2026-scope .rm2026-brevo-form .sib-form-block{
  padding: 0;
  margin: 0 0 16px;
}

.rm2026-scope .rm2026-brevo-form .entry__label{
  display: block;
  margin: 0 0 8px;
  color: #0f172a;
  font-family: inherit;
  font-size: .95rem;
  font-weight: 800;
  line-height: 1.3;
}

.rm2026-scope .rm2026-brevo-form #sib-form input[type="email"]{
  width: 100%;
  min-height: 52px;
  padding: 12px 15px;
  color: #0f172a;
  background: #ffffff;
  border: 1px solid rgba(24, 93, 197, .24);
  border-radius: 16px;
  font: inherit;
  outline: 0;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.rm2026-scope .rm2026-brevo-form #sib-form input[type="email"]:focus{
  border-color: #185dc5;
  box-shadow: 0 0 0 4px rgba(24, 93, 197, .13);
}

.rm2026-scope .rm2026-brevo-form .entry__specification,
.rm2026-scope .rm2026-brevo-legal p{
  display: block;
  margin: 8px 0 0;
  color: #64748b;
  font-family: inherit;
  font-size: .86rem;
  line-height: 1.45;
}

.rm2026-scope .rm2026-brevo-consent label{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  color: #334155;
  font-family: inherit;
  font-size: .94rem;
  line-height: 1.45;
}

.rm2026-scope .rm2026-brevo-consent .checkbox{
  margin-top: 2px;
}

.rm2026-scope .rm2026-brevo-captcha{
  overflow-x: auto;
  padding-bottom: 2px;
}

.rm2026-scope .rm2026-brevo-submit{
  margin-top: 18px;
}

.rm2026-scope .rm2026-brevo-submit .rm2026-btn{
  width: 100%;
  min-height: 52px;
  justify-content: center;
  border: 0;
  cursor: pointer;
}

.rm2026-scope .rm2026-brevo-submit .rm2026-btn svg{
  width: 16px;
  height: 16px;
  margin-right: 8px;
  fill: currentColor;
}

.rm2026-scope .rm2026-brevo-message{
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 16px;
  font-family: inherit;
  font-size: .94rem;
  line-height: 1.45;
  text-align: left;
}

.rm2026-scope .rm2026-brevo-message--error{
  color: #7f1d1d;
  background: #fef2f2;
  border: 1px solid rgba(185, 28, 28, .22);
}

.rm2026-scope .rm2026-brevo-message--success{
  color: #14532d;
  background: #ecfdf5;
  border: 1px solid rgba(22, 101, 52, .22);
}

.rm2026-scope .rm2026-brevo-legal{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(15, 23, 42, .08);
}

.rm2026-scope .rm2026-brevo-legal a{
  color: #185dc5;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rm2026-scope .rm2026-community-help{
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  margin-top: clamp(22px, 4vw, 34px);
  padding: clamp(22px, 3.5vw, 34px);
}

.rm2026-scope .rm2026-community-help p:not(.rm2026-eyebrow){
  max-width: 760px;
  margin: 0;
  color: #334155;
  line-height: 1.55;
}

.rm2026-scope .rm2026-community-help .rm2026-btn{
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 860px){
  .rm2026-scope .rm2026-community-layout{
    grid-template-columns: 1fr;
  }

  .rm2026-scope .rm2026-community-help{
    display: grid;
    justify-items: stretch;
  }

  .rm2026-scope .rm2026-community-help .rm2026-btn{
    width: 100%;
    justify-content: center;
    white-space: normal;
  }
}

@media (max-width: 480px){
  .rm2026-scope .rm2026-newsletter-confirmation{
    padding-top: 26px;
  }

  .rm2026-scope .rm2026-community-card,
  .rm2026-scope .rm2026-community-help,
  .rm2026-scope .rm2026-community-note{
    border-radius: 22px;
  }
}
/* ==========================================================
   RM2026 — Aviso modal de formulario enviado v2 estable
   Uso:
   - Confirmación visible tras envío correcto de formularios nativos.
   - Reutilizable para horóscopo personalizado, carta astral y futuros formularios.
   - Sustituye el bloque anterior “RM2026 — Aviso modal de formulario enviado v1”.
   ========================================================== */

body.rm2026-active .rm2026-form-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100vw !important;
  min-height: 100vh !important;
  padding: 24px 18px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  background: rgba(8, 18, 35, 0.68) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

body.rm2026-active .rm2026-form-modal__box {
  position: relative !important;
  width: min(720px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 28px !important;
  padding: clamp(26px, 5vw, 46px) !important;
  background: radial-gradient(circle at top left, rgba(30, 101, 213, 0.12), transparent 36%), #ffffff !important;
  box-shadow: 0 28px 80px rgba(8, 18, 35, 0.34) !important;
  -webkit-overflow-scrolling: touch;
}

body.rm2026-active .rm2026-form-modal__box .rm2026-kicker {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

body.rm2026-active .rm2026-form-modal__box h2 {
  margin: 10px 0 16px !important;
  color: var(--rm2026-text, #0f172a) !important;
  font-size: clamp(1.8rem, 5vw, 3rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

body.rm2026-active .rm2026-form-modal__box p {
  margin: 0 0 16px !important;
  color: var(--rm2026-muted, #334155) !important;
  font-size: clamp(1rem, 2vw, 1.14rem) !important;
  line-height: 1.7 !important;
}

body.rm2026-active .rm2026-form-modal__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: clamp(18px, 3vw, 28px) !important;
}

body.rm2026-active .rm2026-form-modal__close,
body.rm2026-active a.rm2026-form-modal__close {
  width: 100% !important;
  justify-content: center !important;
  margin-top: clamp(18px, 3vw, 28px) !important;
}

@media (min-width: 768px) {
  body.rm2026-active .rm2026-form-modal {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  body.rm2026-active .rm2026-form-modal__close,
  body.rm2026-active a.rm2026-form-modal__close {
    width: auto !important;
  }
}

@media (max-width: 767px) {
  body.rm2026-active .rm2026-form-modal {
    padding: 18px 16px !important;
  }

  body.rm2026-active .rm2026-form-modal__box {
    width: 100% !important;
    max-height: calc(100vh - 36px) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 24px !important;
    padding: 26px 22px 24px !important;
  }

  body.rm2026-active .rm2026-form-modal__box h2 {
    font-size: clamp(1.85rem, 8vw, 2.35rem) !important;
    line-height: 1.08 !important;
  }
}