/* MoroccoEntry · Portada — Asesor guiado (v1.0.12)
   Registro de banca privada: blanco, azul marino y un único acento oro; tipografía y filetes finos.
   Interacción: progreso, opciones con estado, «Conviene saber» que cambia con la opción,
   «Tu caso» que se va escribiendo y un resumen final con próximos pasos. Solo en la portada. */

.me-tour{background:var(--ds-bg2);padding:88px 0 92px;border-top:1px solid var(--ds-line)}
.me-tour__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end;margin-bottom:34px}
.me-tour__kicker,.me-tq__k{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--me-gold)}
.me-tour__h{margin:14px 0 0;font-size:40px;line-height:1.12;font-weight:700;letter-spacing:-.025em;color:var(--me-navy)}
.me-tour__lead{margin:0;font-size:16px;line-height:1.65;color:var(--ds-ink2);max-width:470px;justify-self:end}

/* ── Tarjeta ── */
.me-tour__card{position:relative;background:#fff;border:1px solid var(--ds-line);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(11,27,58,.04),0 40px 80px -44px rgba(11,27,58,.32)}

/* Barra superior: atrás · progreso · paso · empezar de nuevo */
.me-tt{display:flex;align-items:center;gap:22px;height:60px;padding:0 32px;border-bottom:1px solid var(--ds-line)}
.me-tt__back,.me-tt__restart{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:none;font:600 13px/1 var(--ds-font);color:var(--me-navy);cursor:pointer;white-space:nowrap}
.me-tt__back svg{transform:rotate(180deg);transition:transform .25s}
.me-tt__back:hover svg{transform:rotate(180deg) translateX(3px)}
.me-tt__restart{color:var(--ds-ink3);font-weight:500;border-bottom:1px solid transparent}
.me-tt__restart:hover{color:var(--me-navy);border-bottom-color:currentColor}
.me-tt__back[hidden],.me-tt__restart[hidden]{display:none!important}
.me-tt__bar{position:relative;flex:1;height:2px;background:var(--ds-line);border-radius:2px;overflow:hidden}
.me-tt__bar i{position:absolute;left:0;top:0;bottom:0;width:4%;background:linear-gradient(90deg,var(--me-navy) 0%,var(--me-navy) 82%,var(--me-gold) 100%);transition:width .6s cubic-bezier(.4,0,.2,1)}
.me-tt__step{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ds-ink3);white-space:nowrap;font-variant-numeric:tabular-nums}

/* Cuerpo: pregunta + panel lateral */
.me-tb{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:540px}
.me-tb__stage{padding:44px 48px 48px;transition:opacity .22s ease,transform .3s cubic-bezier(.4,0,.2,1)}
.me-tb__stage.is-out{opacity:0;transform:translateX(-14px)}
.me-tb__stage.is-in{opacity:0;transform:translateX(14px);transition:none}

.me-tq__title{margin:12px 0 8px;font-size:30px;line-height:1.18;font-weight:700;letter-spacing:-.02em;color:var(--me-navy)}
.me-tq__sub{margin:0;font-size:15px;line-height:1.6;color:var(--ds-ink3);max-width:560px}
.me-tq__opts{display:grid;gap:10px;margin-top:28px}
.me-tq__opts--grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Opción */
.me-to{position:relative;display:grid;grid-template-columns:20px minmax(0,1fr) 30px;align-items:center;gap:16px;width:100%;padding:17px 18px 17px 20px;border:1px solid var(--ds-line);border-radius:8px;background:#fff;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s;animation:meToIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 55ms + 80ms)}
@keyframes meToIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.me-to:hover{border-color:#B9C3D6;background:#FAFBFD}
.me-to:focus-visible{outline:none;border-color:var(--me-navy);box-shadow:0 0 0 3px rgba(11,27,58,.12)}
.me-to__dot{width:20px;height:20px;border-radius:50%;border:1.5px solid #B9C3D6;background:#fff;transition:border-color .25s,box-shadow .25s,background .25s}
.me-to:hover .me-to__dot{border-color:var(--me-navy)}
.me-to__txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.me-to__txt b{font-size:16.5px;line-height:1.35;font-weight:600;color:var(--me-navy);letter-spacing:-.005em}
.me-to__txt small{font-size:13.5px;line-height:1.45;color:var(--ds-ink3)}
.me-to__go{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:var(--me-navy);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s,background .25s,color .25s}
.me-to:hover .me-to__go,.me-to:focus-visible .me-to__go{opacity:1;transform:none}
.me-to.is-picked{border-color:var(--me-navy);background:#F4F6FB;box-shadow:0 0 0 1px var(--me-navy)}
.me-to.is-picked .me-to__dot{border-color:var(--me-navy);background:#fff;box-shadow:inset 0 0 0 5px var(--me-navy)}
.me-to.is-picked .me-to__go{opacity:1;transform:none;background:var(--me-navy);color:#fff}
.me-tour__card.is-busy .me-to:not(.is-picked){opacity:.45;transition:opacity .25s}
.me-tq__opts--grid .me-to{padding:15px 14px 15px 16px;gap:12px}
.me-tq__opts--grid .me-to__txt b{font-size:15.5px}
.me-tq__opts--grid .me-to__txt small{font-size:12.5px}

/* Panel lateral: «Tu caso» + «Conviene saber» */
.me-ta{display:flex;flex-direction:column;gap:30px;padding:40px 34px 36px;background:var(--me-navy);color:#fff}
.me-ta__k{display:block;margin-bottom:16px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#C9AC78}
.me-ta__path{list-style:none;margin:0;padding:0}
.me-ta__path li{position:relative;margin:0;padding:0 0 14px 20px;border-left:1px solid rgba(255,255,255,.16);animation:meToIn .45s cubic-bezier(.2,.7,.2,1) both}
.me-ta__path li:last-child{padding-bottom:0;border-left-color:transparent}
.me-ta__path li::before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#C9AC78}
.me-ta__path button{display:flex;flex-direction:column;gap:3px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.me-ta__path span{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.me-ta__path b{font-size:15px;line-height:1.4;font-weight:500;color:#fff;border-bottom:1px solid transparent;transition:border-color .2s}
.me-ta__path button:hover b,.me-ta__path button:focus-visible b{border-bottom-color:rgba(255,255,255,.5)}
.me-ta__empty{margin:0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.5)}
.me-ta__empty[hidden]{display:none}
.me-ta__know{margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}
.me-ta__know p{margin:0;font-size:15px;line-height:1.65;color:rgba(255,255,255,.86);transition:opacity .16s,transform .16s}
.me-ta__know p.is-swap{opacity:0;transform:translateY(4px)}

/* ── Resultado ── */
.me-tour__card.is-result .me-tb{grid-template-columns:1fr}
.me-tour__card.is-result .me-ta{display:none}
.me-tour__card.is-result .me-tb__stage{padding:0}
.me-tr{display:grid;grid-template-columns:minmax(0,1fr) 380px}
.me-tr__main{padding:44px 48px 40px}
.me-tr__title{margin:12px 0 10px;font-size:32px;line-height:1.15;font-weight:700;letter-spacing:-.025em;color:var(--me-navy)}
.me-tr__lead{margin:0;font-size:16px;line-height:1.65;color:var(--ds-ink2);max-width:620px}
.me-tr__zone{display:flex;flex-direction:column;gap:4px;margin-top:24px;padding:16px 20px;border:1px solid var(--ds-line);border-left:2px solid var(--me-gold);border-radius:0 6px 6px 0;background:#FBFAF7}
.me-tr__zk{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ds-ink3)}
.me-tr__zone b{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--me-navy);font-variant-numeric:tabular-nums}
.me-tr__zone small{font-size:13px;color:var(--ds-ink3)}
.me-tr__h{display:block;margin:30px 0 6px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--me-navy)}
.me-tr__pts{list-style:none;margin:0;padding:0}
.me-tr__pts li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:14px;align-items:start;padding:13px 0;border-bottom:1px solid var(--ds-line);font-size:15px;line-height:1.6;color:var(--ds-ink2);animation:meToIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 70ms + 150ms)}
.me-tr__pts li>span{width:24px;height:24px;margin-top:1px;border-radius:50%;display:grid;place-items:center;background:var(--me-gold-soft);color:var(--me-gold)}
.me-tr__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:28px;border-top:1px solid var(--me-navy)}
.me-tr__facts>div{display:flex;flex-direction:column;gap:4px;padding:16px 16px 0 0}
.me-tr__facts>div+div{padding-left:16px;border-left:1px solid var(--ds-line)}
.me-tr__facts b{font-size:19px;font-weight:600;color:var(--me-navy);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.me-tr__facts small{font-size:12px;line-height:1.4;color:var(--ds-ink3)}
.me-tr__disc{margin:26px 0 0;font-size:12px;line-height:1.55;color:var(--ds-ink4)}

.me-tr__side{display:flex;flex-direction:column;padding:44px 34px 36px;background:var(--me-navy);color:#fff}
.me-tr__steps{list-style:none;margin:0 0 28px;padding:0}
.me-tr__steps li{position:relative;padding:0 0 16px 20px;border-left:1px solid rgba(255,255,255,.16);animation:meToIn .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 80ms + 200ms)}
.me-tr__steps li:last-child{padding-bottom:0;border-left-color:transparent}
.me-tr__steps li::before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;border:1px solid #C9AC78;background:var(--me-navy)}
.me-tr__steps li:first-child::before{background:#C9AC78}
.me-tr__steps b{display:block;font-size:15px;font-weight:600;color:#fff}
.me-tr__steps span{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.68)}
.me-tr__call,.me-tr__more{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:6px;text-decoration:none;transition:background .25s,border-color .25s,transform .25s}
.me-tr__call{margin-top:auto;background:#D9C39B;color:var(--me-navy)}
.me-tr__call:hover{background:#E4D1AD;transform:translateY(-1px)}
.me-tr__call>svg{flex:0 0 auto}
.me-tr__call span,.me-tr__more span{display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:600;line-height:1.3}
.me-tr__call small{font-size:12.5px;font-weight:500;opacity:.75}
.me-tr__more{margin-top:10px;justify-content:space-between;border:1px solid rgba(255,255,255,.22);color:#fff}
.me-tr__more small{font-size:12.5px;font-weight:500;color:rgba(255,255,255,.62)}
.me-tr__more svg{transition:transform .25s}
.me-tr__more:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.4)}
.me-tr__more:hover svg{transform:translateX(3px)}
.me-tr__also{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;color:rgba(255,255,255,.8);text-decoration:none}
.me-tr__also span{color:rgba(255,255,255,.5)}
.me-tr__also b{font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.35)}

/* Sin JS: los cuatro caminos como enlaces */
.me-tour__fallback{display:grid}
.me-tour__fb{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;padding:22px 28px;border-bottom:1px solid var(--ds-line);color:inherit;text-decoration:none}
.me-tour__fb b{font-size:18px;font-weight:600;color:var(--me-navy)}
.me-tour__fb span{grid-column:1;font-size:14.5px;color:var(--ds-ink3)}
.me-tour__fb svg{grid-column:2;grid-row:1/3;color:var(--me-navy)}

.me-tour__direct{margin:26px 0 0;text-align:center;font-size:14.5px;color:var(--ds-ink3)}
.me-tour__direct a{display:inline-flex;align-items:center;gap:6px;margin-left:6px;font-weight:600;color:var(--me-navy);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}
.me-tour__sep{margin:0 6px 0 10px;color:var(--ds-ink4)}

.me-home .me-foot{margin-top:0}

/* ── Tableta ── */
@media (max-width:1100px){
  .me-tb{grid-template-columns:minmax(0,1fr) 300px}
  .me-tb__stage{padding:36px 32px 40px}
  .me-tr{grid-template-columns:1fr}
  .me-tr__main{padding:36px 32px}
  .me-tr__side{padding:32px}
  .me-tr__call{margin-top:8px}
}
/* ── Móvil ── */
@media (max-width:820px){
  .me-tour{padding:56px 0 64px}
  .me-tour__head{grid-template-columns:1fr;gap:12px;margin-bottom:24px}
  .me-tour__h{font-size:29px}
  .me-tour__lead{justify-self:start;font-size:15px}
  .me-tt{gap:14px;height:54px;padding:0 18px}
  .me-tt__back span{display:none}
  .me-tb{grid-template-columns:1fr;min-height:0}
  .me-tb__stage{padding:26px 18px 28px}
  .me-tq__title{font-size:23px}
  .me-tq__sub{font-size:14px}
  .me-tq__opts{margin-top:20px;gap:8px}
  .me-tq__opts--grid{grid-template-columns:1fr 1fr}
  .me-to{grid-template-columns:18px minmax(0,1fr) 24px;gap:12px;padding:14px 14px}
  .me-to__dot{width:18px;height:18px}
  .me-to__txt b{font-size:15.5px}
  .me-to__go{opacity:.5;transform:none;width:24px;height:24px}
  .me-tq__opts--grid .me-to{grid-template-columns:minmax(0,1fr);padding:13px 12px}
  .me-tq__opts--grid .me-to__dot,.me-tq__opts--grid .me-to__go{display:none}
  .me-ta{padding:24px 18px 26px;gap:22px}
  .me-tr__main{padding:26px 18px}
  .me-tr__title{font-size:25px}
  .me-tr__facts{grid-template-columns:1fr 1fr}
  .me-tr__facts>div:nth-child(3){padding-left:0;border-left:0}
  .me-tr__facts>div{padding-bottom:12px}
  .me-tr__side{padding:26px 18px}
  .me-tour__direct a{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .me-tour *{animation:none!important;transition:none!important}
}

/* ── Modo oscuro ── */
html[data-theme="dark"] .me-tour{background:var(--ds-bg2)}
html[data-theme="dark"] .me-tour__h,html[data-theme="dark"] .me-tq__title,html[data-theme="dark"] .me-to__txt b,html[data-theme="dark"] .me-tr__title,html[data-theme="dark"] .me-tr__zone b,html[data-theme="dark"] .me-tr__facts b,html[data-theme="dark"] .me-tr__h,html[data-theme="dark"] .me-tt__back,html[data-theme="dark"] .me-tour__direct a,html[data-theme="dark"] .me-tour__fb b{color:var(--ds-ink)}
html[data-theme="dark"] .me-tour__card{background:var(--ds-surface);border-color:var(--ds-line);box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
html[data-theme="dark"] .me-to{background:var(--ds-bg);border-color:var(--ds-line)}
html[data-theme="dark"] .me-to:hover{background:var(--ds-surface2);border-color:#3A4866}
html[data-theme="dark"] .me-to__dot{background:transparent;border-color:#4A5878}
html[data-theme="dark"] .me-to__go{color:var(--ds-ink)}
html[data-theme="dark"] .me-to.is-picked{background:var(--ds-surface2);border-color:var(--me-gold);box-shadow:0 0 0 1px var(--me-gold)}
html[data-theme="dark"] .me-to.is-picked .me-to__dot{border-color:var(--me-gold);box-shadow:inset 0 0 0 5px var(--me-gold)}
html[data-theme="dark"] .me-to.is-picked .me-to__go{background:var(--me-gold);color:#0B1220}
html[data-theme="dark"] .me-tt__bar i{background:linear-gradient(90deg,var(--ds-blu) 0%,var(--ds-blu) 82%,var(--me-gold) 100%)}
html[data-theme="dark"] .me-ta,html[data-theme="dark"] .me-tr__side{background:#0B1220;border-left:1px solid var(--ds-line)}
html[data-theme="dark"] .me-tr__steps li::before{background:#0B1220}
html[data-theme="dark"] .me-tr__zone{background:var(--ds-bg)}
html[data-theme="dark"] .me-tr__facts{border-top-color:var(--ds-ink3)}
/* Nota personalizada según tus respuestas (va primero en «Lo importante») */
.me-tr__pts li.is-note{margin:6px 0 4px;padding:13px 16px;border:1px solid #E7DCC7;border-radius:6px;background:var(--me-gold-soft);color:#4A3F2A}
.me-tr__pts li.is-note>span{background:transparent}
.me-tr__pts li.is-note>span i{width:8px;height:8px;border-radius:50%;background:var(--me-gold)}
html[data-theme="dark"] .me-tr__pts li.is-note{background:rgba(201,172,120,.1);border-color:rgba(201,172,120,.3);color:var(--ds-ink)}

/* v1.0.19 · Emblema en el panel «Tu caso»: contorno de Marruecos en filete oro y, delante, la bandera
   en contorno (paño con filete oro + estrella en banda doble). Se dibuja al cargar y se atenúa con las respuestas. */
.me-ta__emblem{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;margin:-8px 0;transition:opacity .5s}
.me-ta__svg{width:100%;max-width:270px;height:auto;max-height:220px;overflow:visible}
.me-ta__land{fill:rgba(201,172,120,.05);stroke:rgba(201,172,120,.6);stroke-width:2.4;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:meDraw 2.6s cubic-bezier(.4,0,.2,1) .2s forwards}
.me-ta__cloth{fill:var(--me-navy);stroke:#C9AC78;stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:1;animation:meDraw 1.4s cubic-bezier(.4,0,.2,1) .9s forwards}
.me-ta__flag{filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.me-ta__star{fill:none;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:1;stroke-dashoffset:1;animation:meDraw 1.6s cubic-bezier(.4,0,.2,1) 1.5s forwards}
.me-ta__star--band{stroke:#C9AC78;stroke-width:10}
.me-ta__star--cut{stroke:var(--me-navy);stroke-width:6}
@keyframes meDraw{to{stroke-dashoffset:0}}
.me-ta:has(.me-ta__path li) .me-ta__emblem{opacity:.6}
.me-ta:has(.me-ta__path li:nth-child(3)) .me-ta__emblem{opacity:.35}
@media (max-width:820px){.me-ta__emblem{display:none}}
@media (prefers-reduced-motion:reduce){.me-ta__land,.me-ta__cloth,.me-ta__star{animation:none;stroke-dashoffset:0}}
html[data-theme="dark"] .me-ta__cloth{fill:#0B1220}
html[data-theme="dark"] .me-ta__star--cut{stroke:#0B1220}