/* ============================================================================
   RUMBO · F1 · Web pública — "El Pasaporte"
   Componentes de la landing: hero como página de datos, franja de confianza,
   las dos orillas, el viaje sellado, qué incluye, diploma verificable, bolsa
   de empleo, avales, precio + pago marroquí, FAQ y CTA final.
   Todo lee de tokens.css. RTL con propiedades lógicas (inline/block), nunca
   left/right, para que el árabe se refleje solo.
   ============================================================================ */

/* Grabado guilloché de fondo (líneas finas concéntricas, como el papel de
   seguridad). Reutilizable en hero y CTA. */
.rmb-f1hero__guilloche,
.rmb-cta__guilloche{
  position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:
    repeating-radial-gradient(circle at 82% 30%,transparent 0 6px,rgba(154,122,46,.06) 6px 7px),
    repeating-radial-gradient(circle at 10% 90%,transparent 0 7px,rgba(110,27,40,.05) 7px 8px);
}

/* ══════════════════ HERO · PÁGINA DE DATOS ══════════════════ */
.rmb-f1hero{position:relative;overflow:hidden;padding:64px 0 58px;
  border-bottom:1px solid var(--rmb-line)}
.rmb-f1hero__grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;
  gap:48px;align-items:center}
.rmb-f1hero__lead .rmb-hero__h{margin-top:18px}
.rmb-f1hero__lead .rmb-hero__sub{max-width:52ch}

/* Tarjeta de identidad = la página de datos del pasaporte */
.rmb-idcard{position:relative;background:
    linear-gradient(180deg,var(--rmb-surface),var(--rmb-surface-2));
  border:1px solid var(--rmb-crema-3);border-radius:var(--rmb-radius-lg);
  box-shadow:var(--rmb-shadow);overflow:hidden;
  /* microtrama de seguridad propia de la tarjeta */
  background-image:
    linear-gradient(180deg,var(--rmb-surface),var(--rmb-surface-2)),
    repeating-linear-gradient(45deg,rgba(120,100,70,.05) 0 1px,transparent 1px 6px)}
.rmb-idcard__mrztop,.rmb-idcard__mrz{font-family:var(--rmb-mrz);font-size:10px;
  letter-spacing:.14em;color:var(--rmb-ink-3);background:var(--rmb-crema-2);
  padding:7px 16px;white-space:nowrap;overflow:hidden;text-overflow:clip;
  border-block:1px solid var(--rmb-line)}
.rmb-idcard__mrztop{border-block-start:0}
.rmb-idcard__mrz{border-block-end:0;color:var(--rmb-ink-2);letter-spacing:.1em}
.rmb-rtl .rmb-idcard__mrztop,.rmb-rtl .rmb-idcard__mrz{direction:ltr;text-align:start}
.rmb-idcard__head{display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px 4px}
.rmb-idcard__flag{font-family:var(--rmb-mrz);font-size:11px;letter-spacing:.12em;
  color:var(--rmb-granate);font-weight:600}
.rmb-idcard__body{display:grid;grid-template-columns:auto 1fr;gap:20px;
  padding:8px 22px 22px;position:relative}
.rmb-idcard__photo{position:relative;width:104px;height:126px;border:1px solid var(--rmb-line-2);
  border-radius:var(--rmb-radius);background:var(--rmb-crema);display:flex;align-items:center;
  justify-content:center;overflow:hidden}
.rmb-idcard__photo .rmb-emblem{opacity:.9}
.rmb-idcard__photowm{position:absolute;inset-block-end:6px;font-family:var(--rmb-mrz);
  font-size:8px;letter-spacing:.3em;color:var(--rmb-ink-3)}
.rmb-idcard__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;align-content:start}
.rmb-idcard__fields dt{margin-block-end:2px}
.rmb-idcard__fields dd{font-family:var(--rmb-serif);font-size:15px;color:var(--rmb-ink);line-height:1.25}
.rmb-idcard__wide{grid-column:1 / -1}
.rmb-idcard__stamp{position:absolute;inset-block-end:16px;inset-inline-end:14px;
  font-family:var(--rmb-mrz);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rmb-sello-verde);border:2px solid var(--rmb-sello-verde);
  padding:6px 12px;border-radius:4px;transform:rotate(-7deg);opacity:.85;font-weight:600}
.rmb-rtl .rmb-idcard__stamp{letter-spacing:.03em;transform:rotate(7deg)}

/* ══════════════════ FRANJA DE CONFIANZA ══════════════════ */
.rmb-trust{background:var(--rmb-surface-2);border-block:1px solid var(--rmb-line)}
.rmb-trust__in{display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:center;
  padding:16px 26px}
.rmb-trust__i{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;
  color:var(--rmb-ink-2);font-weight:500}
.rmb-trust__ck{width:16px;height:16px;flex:none;border-radius:50%;
  background:var(--rmb-sello-verde);position:relative}
.rmb-trust__ck::after{content:"";position:absolute;inset-inline-start:5px;inset-block-start:3px;
  width:4px;height:8px;border:solid var(--rmb-crema);border-width:0 2px 2px 0;transform:rotate(42deg)}

/* ══════════════════ SECCIÓN GENÉRICA ══════════════════ */
.rmb-sec{padding:66px 0}
.rmb-sec--paper{background:var(--rmb-surface);border-block:1px solid var(--rmb-line)}
.rmb-sechead{max-width:64ch;margin-block-end:38px}
.rmb-sechead__kick{font-family:var(--rmb-mrz);font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--rmb-granate);display:inline-flex;align-items:center;gap:12px}
.rmb-sechead__kick::before{content:"";width:26px;height:1px;background:var(--rmb-oro-d)}
.rmb-rtl .rmb-sechead__kick{letter-spacing:.03em}
.rmb-sechead__h{font-family:var(--rmb-serif);font-weight:800;font-size:clamp(26px,3.6vw,40px);
  line-height:1.08;letter-spacing:-.025em;color:var(--rmb-ink);margin-block-start:12px;text-wrap:balance}
.rmb-rtl .rmb-sechead__h{line-height:1.3}
.rmb-sechead__sub{font-size:17px;color:var(--rmb-ink-2);margin-block-start:14px;max-width:58ch}

/* ══════════════════ LAS DOS ORILLAS (F1) ══════════════════ */
.rmb-oris--f1{margin-top:0}
.rmb-oris--f1 .rmb-ori{padding:30px 28px}
.rmb-ori__list{list-style:none;margin:16px 0 20px;display:grid;gap:10px}
.rmb-ori__list li{position:relative;padding-inline-start:26px;font-size:14.5px;color:var(--rmb-ink-2)}
.rmb-ori__list li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:7px;
  width:12px;height:7px;border:solid var(--c);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.rmb-ori__cta{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;
  color:var(--c);border-block-end:1px solid transparent;transition:gap .15s,border-color .15s}
.rmb-ori__cta:hover{gap:12px;border-block-end-color:var(--c)}
.rmb-rtl .rmb-ori__cta span{display:inline-block;transform:scaleX(-1)}

/* ══════════════════ EL VIAJE · SELLOS ══════════════════ */
.rmb-journey{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:none}
.rmb-stamp{position:relative;background:var(--rmb-bg);border:1px dashed var(--rmb-line-2);
  border-radius:var(--rmb-radius-lg);padding:24px 18px 20px;text-align:center}
.rmb-sec--paper .rmb-stamp{background:var(--rmb-surface-2)}
.rmb-stamp__ring{position:absolute;inset-block-start:-16px;inset-inline-start:50%;transform:translateX(-50%);
  width:52px;height:52px;border-radius:50%;border:2px solid var(--rmb-granate);opacity:.16}
.rmb-rtl .rmb-stamp__ring{transform:translateX(50%)}
.rmb-stamp__no{position:absolute;inset-block-start:-16px;inset-inline-start:50%;transform:translateX(-50%);
  width:52px;height:52px;border-radius:50%;background:var(--rmb-granate);color:var(--rmb-oro-hi);
  display:flex;align-items:center;justify-content:center;font-family:var(--rmb-serif);
  font-size:22px;font-weight:700;box-shadow:0 4px 12px rgba(84,18,28,.28)}
.rmb-rtl .rmb-stamp__no{transform:translateX(50%)}
.rmb-stamp__t{font-family:var(--rmb-serif);font-size:17px;color:var(--rmb-ink);margin:22px 0 8px}
.rmb-stamp__p{font-size:13px;color:var(--rmb-ink-2);line-height:1.5}

/* ══════════════════ QUÉ INCLUYE ══════════════════ */
.rmb-incl{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;
  background:var(--rmb-line);border:1px solid var(--rmb-line);border-radius:var(--rmb-radius-lg);overflow:hidden}
.rmb-incl__i{background:var(--rmb-surface);padding:28px 24px 26px;position:relative;transition:background .2s}
.rmb-incl__i::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:3px;
  background:linear-gradient(90deg,var(--rmb-oro),var(--rmb-oro-hi));transform:scaleX(0);transform-origin:inline-start;
  transition:transform .25s ease}
.rmb-incl__i:hover{background:var(--rmb-crema)}
.rmb-incl__i:hover::before{transform:scaleX(1)}
.rmb-incl__ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
  background:var(--rmb-surface-2);border:1px solid var(--rmb-line-2);color:var(--rmb-granate);
  transition:background .25s,color .25s,border-color .25s,transform .25s}
.rmb-incl__i:hover .rmb-incl__ico{background:var(--rmb-granate);color:var(--rmb-oro-hi);border-color:var(--rmb-granate);transform:translateY(-2px)}
.rmb-incl__no{position:absolute;inset-block-start:20px;inset-inline-end:22px;font-family:var(--rmb-mrz);font-size:12px;
  letter-spacing:.1em;color:var(--rmb-ink-3);opacity:.7}
.rmb-incl__i h3{font-family:var(--rmb-serif);font-size:18px;color:var(--rmb-ink);margin:16px 0 8px}
.rmb-incl__i p{font-size:14px;color:var(--rmb-ink-2);line-height:1.55}

/* ══════════════════ DIPLOMA VERIFICABLE ══════════════════ */
.rmb-diploma{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.rmb-diploma__p{font-size:16px;color:var(--rmb-ink-2);margin-block-start:16px;line-height:1.65}
.rmb-diploma__aval{display:inline-flex;align-items:center;gap:9px;margin-block-start:18px;
  font-size:14px;color:var(--rmb-ink);font-weight:500}

.rmb-cert{margin:0;background:var(--rmb-surface);border:1px solid var(--rmb-crema-3);
  border-radius:var(--rmb-radius-lg);box-shadow:var(--rmb-shadow);overflow:hidden;position:relative}
.rmb-cert__band{height:8px;background:linear-gradient(90deg,var(--rmb-granate),var(--rmb-oro) 50%,var(--rmb-verde))}
.rmb-cert__in{padding:26px 28px 28px}
.rmb-cert__brand{display:flex;align-items:center;gap:12px;padding-block-end:18px;
  border-block-end:1px solid var(--rmb-line);margin-block-end:18px}
.rmb-cert__brand .rmb-emblem{width:40px;height:40px}
.rmb-cert__fields{display:grid;gap:14px;margin-block-end:20px}
.rmb-cert__fields dd{font-family:var(--rmb-serif);font-size:17px;color:var(--rmb-ink);margin-block-start:3px}
.rmb-cert__code{font-family:var(--rmb-mrz)!important;font-size:15px!important;letter-spacing:.08em;color:var(--rmb-granate)!important}
.rmb-cert__verify{display:flex;align-items:center;gap:18px;padding-block-start:18px;
  border-block-start:1px dashed var(--rmb-line-2)}
.rmb-cert__vtxt{display:flex;flex-direction:column;gap:3px}
.rmb-cert__vurl{font-family:var(--rmb-mrz);font-size:13px;color:var(--rmb-ink);font-weight:600}
.rmb-cert__vnote{font-size:12.5px;color:var(--rmb-ink-3)}
/* QR figurado (decorativo) — estructura real de QR v1, 21×21 módulos */
.rmb-qr{flex:none;width:104px;height:104px;display:grid;grid-template-columns:repeat(21,1fr);
  grid-template-rows:repeat(21,1fr);gap:0;background:#fff;padding:8px;border-radius:4px;
  border:1px solid var(--rmb-line);box-shadow:var(--rmb-shadow-sm)}
.rmb-qr i{display:block}
.rmb-qr i.on{background:#1c140c}

/* ══════════════════ BOLSA DE EMPLEO ══════════════════ */
.rmb-bolsa{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.rmb-bolsa__list{list-style:none;margin:18px 0;display:grid;gap:11px}
.rmb-bolsa__list li{position:relative;padding-inline-start:26px;font-size:15px;color:var(--rmb-ink)}
.rmb-bolsa__list li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:7px;
  width:12px;height:7px;border:solid var(--rmb-sello-verde);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.rmb-bolsa__consent{font-size:12.5px;color:var(--rmb-ink-3);max-width:52ch}
.rmb-bolsa__flow{background:var(--rmb-surface);border:1px solid var(--rmb-crema-3);border-radius:var(--rmb-radius-lg);
  box-shadow:var(--rmb-shadow);padding:26px 28px 24px}
.rmb-bolsa__flowt{font-family:var(--rmb-mrz);font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rmb-ink-3);margin-block-end:16px}
.rmb-rtl .rmb-bolsa__flowt{letter-spacing:.02em}
.rmb-track{list-style:none;position:relative;display:grid}
/* línea de puntos que cose las tres etapas, por detrás de los sellos */
.rmb-track::before{content:"";position:absolute;inset-inline-start:21px;inset-block-start:38px;bottom:38px;width:2px;
  background:repeating-linear-gradient(var(--rmb-oro) 0 4px,transparent 4px 8px);opacity:.7}
.rmb-track__s{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:14px 0}
.rmb-track__seal{position:relative;z-index:1;width:44px;height:44px;border-radius:50%;flex:none;
  display:inline-flex;align-items:center;justify-content:center;background:var(--rmb-crema);
  border:2px solid var(--rmb-oro);color:var(--rmb-granate);box-shadow:0 0 0 4px var(--rmb-surface)}
.rmb-track__tx{display:flex;flex-direction:column;gap:2px}
.rmb-track__t{font-family:var(--rmb-serif);font-size:17px;color:var(--rmb-ink)}
.rmb-track__d{font-size:13px;color:var(--rmb-ink-2);line-height:1.4}
.rmb-track__n{font-family:var(--rmb-serif);font-size:24px;font-weight:700;color:var(--rmb-crema-3)}

/* ══════════════════ AVALES ══════════════════ */
.rmb-avales{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rmb-avales__slot{background:var(--rmb-bg);border:1px solid var(--rmb-line);border-radius:var(--rmb-radius-lg);
  padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.rmb-sec--paper .rmb-avales__slot{background:var(--rmb-surface-2)}
.rmb-avales__seal{width:46px;height:46px;border-radius:50%;border:2px dashed var(--rmb-line-2);
  position:relative;flex:none}
.rmb-avales__seal::after{content:"";position:absolute;inset:8px;border-radius:50%;
  border:1px solid var(--rmb-line-2)}
.rmb-avales__lbl{font-family:var(--rmb-mrz);font-size:11px;letter-spacing:.1em;color:var(--rmb-ink-3);text-transform:uppercase}
.rmb-rtl .rmb-avales__lbl{letter-spacing:.02em}
.rmb-avales__nota{margin-block-start:20px;font-size:12.5px;color:var(--rmb-ink-3);text-align:center;font-style:italic}

/* ══════════════════ PRECIO + PAGO ══════════════════ */
.rmb-pricing{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;max-width:840px;margin-inline:auto}
.rmb-price--f1{margin:0;max-width:none;text-align:start}
.rmb-price--f1 .rmb-price__amt{text-align:start}
.rmb-price__feats{list-style:none;margin:16px 0 22px;display:grid;gap:10px}
.rmb-price__feats li{position:relative;padding-inline-start:26px;font-size:14.5px;color:var(--rmb-ink)}
.rmb-price__feats li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:7px;
  width:12px;height:7px;border:solid var(--rmb-sello-verde);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.rmb-price__cta{width:100%;justify-content:center}
.rmb-price--f1 .rmb-price__nota{margin-block-start:12px}
.rmb-pay{background:var(--rmb-crema);border:1px solid var(--rmb-line);border-radius:var(--rmb-radius-lg);
  padding:28px 26px;display:flex;flex-direction:column;justify-content:center}
.rmb-pay__t{font-family:var(--rmb-serif);font-size:19px;color:var(--rmb-ink);margin-block-end:18px}
.rmb-pay__methods{display:grid;gap:12px;margin-block-end:16px}
.rmb-paym{display:flex;align-items:center;gap:14px;background:var(--rmb-surface);
  border:1px solid var(--rmb-line-2);border-radius:var(--rmb-radius);padding:13px 15px;
  transition:border-color .15s,box-shadow .15s,transform .15s}
.rmb-paym:hover{border-color:var(--rmb-oro);box-shadow:var(--rmb-shadow-sm);transform:translateY(-1px)}
.rmb-paybadge{flex:none;display:inline-flex;align-items:center;justify-content:center}
.rmb-paybadge--bank{width:48px;height:38px;border-radius:7px;background:var(--rmb-granate);color:var(--rmb-oro-hi);
  box-shadow:0 2px 0 var(--rmb-granate-d)}
.rmb-paybadge--wafa{width:104px}
.rmb-paybadge--wafa img{display:block;width:104px;height:auto}
.rmb-paym__tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.rmb-paym__t{font-size:15px;font-weight:700;color:var(--rmb-ink)}
.rmb-paym__d{font-size:12.5px;color:var(--rmb-ink-3);line-height:1.35}
.rmb-paym__ok{flex:none;width:24px;height:24px;border-radius:50%;background:var(--rmb-ok);color:#fff;
  display:inline-flex;align-items:center;justify-content:center}
.rmb-pay__nota{font-size:13px;color:var(--rmb-ink-2);line-height:1.5}

/* ══════════════════ FAQ (2 columnas, tarjetas premium) ══════════════════ */
.rmb-faq{max-width:var(--rmb-wrap);display:grid;grid-template-columns:1fr 1fr;
  gap:14px;align-items:start}
@media(max-width:760px){.rmb-faq{grid-template-columns:1fr}}
.rmb-faq__i{border:1px solid var(--rmb-line);border-radius:var(--rmb-radius-lg);
  background:var(--rmb-surface);overflow:hidden;position:relative;
  transition:border-color .18s,box-shadow .18s,transform .18s}
/* filete de acento a la izquierda que aparece al abrir */
.rmb-faq__i::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;
  background:linear-gradient(var(--rmb-granate),var(--rmb-oro));transform:scaleY(0);transform-origin:top;
  transition:transform .22s}
.rmb-faq__i:hover{border-color:var(--rmb-oro);transform:translateY(-1px)}
.rmb-faq__i[open]{border-color:var(--rmb-granate);box-shadow:var(--rmb-shadow-sm)}
.rmb-faq__i[open]::before{transform:scaleY(1)}
.rmb-faq__q{cursor:pointer;list-style:none;padding:18px 20px;font-family:var(--rmb-serif);
  font-weight:600;font-size:16.5px;color:var(--rmb-ink);display:flex;align-items:center;
  justify-content:space-between;gap:14px;transition:color .15s}
.rmb-faq__i:hover .rmb-faq__q{color:var(--rmb-granate)}
.rmb-faq__q::-webkit-details-marker{display:none}
/* chevron premium que gira al abrir */
.rmb-faq__q::after{content:"";flex:none;width:9px;height:9px;margin-inline-start:8px;
  border-inline-end:2px solid var(--rmb-oro-d);border-block-end:2px solid var(--rmb-oro-d);
  transform:rotate(45deg);transition:transform .25s,border-color .18s}
.rmb-faq__i[open] .rmb-faq__q::after{transform:rotate(-135deg);border-color:var(--rmb-granate)}
.rmb-faq__a{padding:0 20px 20px;font-size:14.5px;color:var(--rmb-ink-2);line-height:1.66;
  animation:rmb-faq-in .28s ease}
@keyframes rmb-faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.rmb-faq__a{animation:none}.rmb-faq__i,.rmb-faq__i::before,.rmb-faq__q::after{transition:none}}

/* ══════════════════ CTA FINAL (banda tapa) ══════════════════ */
.rmb-cta{position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--rmb-granate),var(--rmb-granate-d));color:var(--rmb-oro-hi);
  padding:66px 0;margin-top:0}
.rmb-cta::before{content:"";position:absolute;inset-inline:0;inset-block-start:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--rmb-oro) 50%,transparent)}
.rmb-cta__in{position:relative;text-align:center;max-width:62ch;margin-inline:auto}
.rmb-cta__kick{font-family:var(--rmb-mrz);font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--rmb-oro)}
.rmb-rtl .rmb-cta__kick{letter-spacing:.03em}
.rmb-cta__h{font-family:var(--rmb-serif);font-weight:800;font-size:clamp(28px,4.4vw,46px);
  line-height:1.05;letter-spacing:-.03em;color:#fff;margin:14px 0 14px;text-wrap:balance}
.rmb-rtl .rmb-cta__h{line-height:1.3}
.rmb-cta__p{font-size:17px;color:rgba(235,215,154,.85);margin-block-end:28px}
.rmb-cta__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.rmb-cta .rmb-foot,.rmb-cta+.rmb-foot{margin-top:0}

/* ══════════════════ RESPONSIVE ══════════════════ */
@media(max-width:980px){
  .rmb-f1hero__grid{grid-template-columns:1fr;gap:36px}
  .rmb-idcard{max-width:460px}
  .rmb-journey{grid-template-columns:repeat(2,1fr);gap:24px 16px}
  .rmb-incl{grid-template-columns:repeat(2,1fr)}
  .rmb-diploma,.rmb-bolsa{grid-template-columns:1fr;gap:30px}
  .rmb-avales{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .rmb-sec{padding:48px 0}
  .rmb-f1hero{padding:44px 0 40px}
  .rmb-incl{grid-template-columns:1fr}
  .rmb-journey{grid-template-columns:1fr;gap:26px}
  .rmb-pricing{grid-template-columns:1fr}
  .rmb-idcard__body{grid-template-columns:1fr}
  .rmb-idcard__photo{width:96px;height:118px}
  .rmb-idcard__fields{grid-template-columns:1fr 1fr}
  .rmb-cert__verify{flex-direction:column;align-items:flex-start;gap:14px}
  .rmb-bolsa__flow{flex-direction:column}
  .rmb-bolsa__arrow{transform:rotate(90deg)}
  .rmb-rtl .rmb-bolsa__arrow{transform:rotate(90deg)}
}

/* ══════════════════ B · Páginas premium (hero + explora) ══════════════════ */

/* Hero de página de marketing. */
.rmb-phero{position:relative;overflow:hidden;padding:58px 0 46px;border-bottom:1px solid var(--rmb-line);
  background:linear-gradient(180deg,var(--rmb-surface),transparent)}
.rmb-phero__guilloche{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background:
    repeating-radial-gradient(circle at 88% 20%,transparent 0 6px,rgba(154,122,46,.06) 6px 7px),
    repeating-radial-gradient(circle at 6% 96%,transparent 0 7px,rgba(110,27,40,.05) 7px 8px)}
.rmb-phero__in{position:relative;max-width:820px}
.rmb-phero__kick{font-family:var(--rmb-mrz);font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--rmb-oro-d);display:inline-flex;align-items:center;gap:10px;margin:0 0 12px}
.rmb-phero__kick::before{content:"";width:26px;height:1px;background:var(--rmb-oro-d)}
.rmb-rtl .rmb-phero__kick{letter-spacing:.03em}
.rmb-phero__h{font-family:var(--rmb-serif);font-weight:800;font-size:clamp(30px,5.4vw,46px);
  line-height:1.08;color:var(--rmb-ink);margin:0 0 14px;letter-spacing:-.01em}
.rmb-phero__sub{font-size:clamp(16px,2vw,18px);color:var(--rmb-ink-2);line-height:1.6;max-width:60ch;margin:0}
.rmb-phero__cta{margin-block-start:24px}

/* Rejilla "Explora Rumbo": índice de páginas del home. */
.rmb-explora{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.rmb-xcard{position:relative;display:flex;flex-direction:column;gap:8px;text-decoration:none;
  background:var(--rmb-surface);border:1px solid var(--rmb-crema-3);border-radius:var(--rmb-radius-lg);
  padding:24px 20px 20px;box-shadow:var(--rmb-shadow-sm);overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.rmb-xcard::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;
  background:linear-gradient(90deg,var(--rmb-granate),var(--rmb-oro));transform:scaleX(0);
  transform-origin:inset-inline-start;transition:transform .2s ease}
.rmb-xcard:hover{transform:translateY(-3px);box-shadow:var(--rmb-shadow);border-color:var(--rmb-oro)}
.rmb-xcard:hover::before{transform:scaleX(1)}
.rmb-xcard__no{position:absolute;inset-block-start:16px;inset-inline-end:16px;font-family:var(--rmb-serif);
  font-weight:800;font-size:26px;color:var(--rmb-crema-3);line-height:1}
.rmb-xcard__ico{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;
  background:var(--rmb-crema-2);color:var(--rmb-granate)}
.rmb-xcard:hover .rmb-xcard__ico{background:var(--rmb-granate);color:var(--rmb-oro-hi)}
.rmb-xcard__t{font-family:var(--rmb-serif);font-weight:800;font-size:19px;color:var(--rmb-ink);margin:6px 0 0}
.rmb-xcard__d{font-size:14px;color:var(--rmb-ink-2);line-height:1.5;margin:0;flex:1}
.rmb-xcard__more{font-family:var(--rmb-mrz);font-size:12px;font-weight:600;letter-spacing:.04em;
  color:var(--rmb-granate);margin-block-start:6px}

/* Verificación en 3 pasos (acreditación). */
.rmb-verify3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:v}
.rmb-verify3__i{position:relative;background:var(--rmb-surface);border:1px solid var(--rmb-line);
  border-radius:var(--rmb-radius-lg);padding:26px 22px 22px}
.rmb-verify3__no{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;
  background:var(--rmb-granate);color:var(--rmb-oro-hi);font-family:var(--rmb-serif);font-weight:800;
  font-size:18px;margin-block-end:12px}
.rmb-verify3__i h3{font-family:var(--rmb-serif);font-weight:800;font-size:18px;color:var(--rmb-ink);margin:0 0 6px}
.rmb-verify3__i p{font-size:14.5px;color:var(--rmb-ink-2);line-height:1.55;margin:0}

/* Para empresas (bolsa). */
.rmb-empresas{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.rmb-empresas__grid{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.rmb-empresas__i{display:flex;align-items:flex-start;gap:12px;background:var(--rmb-surface);
  border:1px solid var(--rmb-line);border-radius:12px;padding:14px 16px;font-size:15px;color:var(--rmb-ink);line-height:1.45}
.rmb-empresas__ck{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:var(--rmb-verde);color:#fff;margin-block-start:1px}

@media(max-width:900px){
  .rmb-explora{grid-template-columns:repeat(2,1fr)}
  .rmb-verify3{grid-template-columns:1fr}
  .rmb-empresas{grid-template-columns:1fr;gap:24px}
}
@media(max-width:520px){
  .rmb-explora{grid-template-columns:1fr}
}

/* Precio anual bajo el mensual (nuevos precios 26/07). */
.rmb-price__year{margin:4px 0 14px;font-size:14.5px;color:var(--rmb-ink-2)}
.rmb-price__year b{color:var(--rmb-granate);font-family:var(--rmb-serif)}