:root{--pb-h:30px;--pb-bg:#14213a;--pb-ink:#fff;--rail-w:216px;--ctx-w:320px}
html,body{height:100%;margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding:0!important;max-width:none!important;overflow:hidden;overscroll-behavior:none;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--ctx-w);grid-template-rows:auto minmax(0,1fr);height:100vh;height:100dvh;background:var(--page)}
body::before{display:none!important}
button,a,[data-go],[data-pv]{touch-action:manipulation}
.sb,.pv-isla{display:none!important}

.pb{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;z-index:40;background:var(--pb-bg);color:var(--pb-ink);font:600 12.5px/1.2 Figtree,system-ui,sans-serif;letter-spacing:.01em;padding:calc(env(safe-area-inset-top,0px) + 7px) 12px 7px;min-height:var(--pb-h);box-sizing:border-box}
.pb-t{text-align:center}
.pb-m{display:none;font:inherit;color:inherit;background:rgba(255,255,255,.14);border:0;border-radius:999px;padding:5px 11px;cursor:pointer;flex:none}

.rail{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:2px;padding:18px 12px;overflow:auto;background:var(--screen,#F3F5F9);border-right:1px solid rgba(17,20,24,.08);font-family:Figtree,system-ui,sans-serif}
.rail-logo{font-weight:800;font-size:22px;letter-spacing:-.02em;padding:2px 10px 12px;color:var(--ink);text-decoration:none}
.rail-view{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(17,20,24,.07);border-radius:10px;padding:3px;margin:0 2px 10px}
.rail-view button{font:600 13px Figtree,system-ui,sans-serif;border:0;background:none;color:var(--ink2);border-radius:8px;padding:7px 4px;cursor:pointer}
.rail-view button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(17,20,24,.12)}
.rail-h{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:16px 10px 6px}
.rail-i,.rail-tour{font:inherit;font-size:14.5px;text-align:left;border:0;background:none;color:var(--ink);padding:9px 10px;border-radius:9px;cursor:pointer;min-height:38px}
.rail-i:hover{background:rgba(35,96,197,.08)}
.rail-i.on{background:rgba(35,96,197,.12);color:#1b4fa6;font-weight:600}
.rail-tour{background:#2360C5;color:#fff;font-weight:600;text-align:center}
.rail-tour:hover{background:#1b4fa6}

html[data-estilo] .stage{grid-column:2;grid-row:2;display:block!important;margin:0!important;max-width:none!important;min-height:0;height:100%;padding:0!important;overflow:hidden;background:var(--page)}
html[data-estilo] .phone{position:relative;width:min(100%,760px)!important;max-width:none!important;height:100%;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:0 0 0 1px rgba(17,20,24,.07),0 8px 40px rgba(17,20,24,.06)!important;background:var(--screen)!important;box-sizing:border-box}
html[data-estilo] .screen,html[data-estilo] #screen{height:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;overflow:auto!important;border:0!important;border-radius:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}

.tour{grid-column:3;grid-row:2;overflow:auto;padding:22px 20px;border-left:1px solid rgba(17,20,24,.08);background:var(--screen,#F3F5F9);font-family:Figtree,system-ui,sans-serif;color:var(--ink);box-sizing:border-box}
.tour h2{font-size:20px;line-height:1.2;margin:4px 0 8px;letter-spacing:-.01em}
.tour p{font-size:14.5px;line-height:1.45;margin:0 0 12px;color:var(--ink2)}
.tour .t-n{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2360C5}
.tour .t-dots{display:flex;gap:6px;margin:0 0 14px}
.tour .t-dots i{width:26px;height:4px;border-radius:2px;background:rgba(17,20,24,.14)}
.tour .t-dots i.on{background:#2360C5}
.tour .t-b{display:flex;gap:8px;flex-wrap:wrap}
.t-btn{font:600 14px Figtree,system-ui,sans-serif;border:1px solid rgba(17,20,24,.16);background:#fff;color:var(--ink);border-radius:10px;padding:10px 14px;cursor:pointer;min-height:42px}
.t-btn.pri{background:#2360C5;border-color:#2360C5;color:#fff}
.t-x{font:500 13px Figtree,system-ui,sans-serif;background:none;border:0;color:var(--ink3);text-decoration:underline;cursor:pointer;padding:10px 4px}
.tour .t-note{font-size:12.5px;color:var(--ink3);margin-top:14px}

.t-glow{outline:2px solid #2360C5;outline-offset:3px;border-radius:10px;animation:tglow 1.6s ease-out 1}
@keyframes tglow{0%{outline-color:rgba(35,96,197,0)}30%{outline-color:#2360C5}100%{outline-color:#2360C5}}
@media (prefers-reduced-motion:reduce){.t-glow{animation:none}}

.drawer{position:fixed;inset:0;z-index:60;display:none;background:rgba(17,20,24,.42)}
.drawer.on{display:block}
.drawer-p{position:absolute;top:0;bottom:0;right:0;width:min(420px,92vw);background:#fff;overflow:auto;padding:calc(env(safe-area-inset-top,0px) + 18px) 18px calc(env(safe-area-inset-bottom,0px) + 18px);box-sizing:border-box;font-family:Figtree,system-ui,sans-serif;color:var(--ink);overscroll-behavior:contain}
.drawer-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.drawer-h b{font-size:18px}
.drawer h3{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:18px 0 4px}
.drawer ol{list-style:none;margin:0;padding:0}
.drawer li button{display:block;width:100%;text-align:left;font:inherit;font-size:15px;background:none;border:0;border-bottom:1px solid rgba(17,20,24,.07);padding:11px 2px;color:var(--ink);cursor:pointer}
.drawer li button.cur{color:#2360C5;font-weight:600}
.drawer .d-tours{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.drawer .d-tours button{font:500 13px Figtree,system-ui,sans-serif;border:1px solid rgba(17,20,24,.16);background:none;border-radius:999px;padding:7px 11px;color:var(--ink);cursor:pointer}

.intro{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;background:var(--screen,#F3F5F9);padding:calc(env(safe-area-inset-top,0px) + 54px) 22px calc(env(safe-area-inset-bottom,0px) + 22px);box-sizing:border-box;overflow:auto;font-family:Figtree,system-ui,sans-serif;color:var(--ink)}
.intro.on{display:flex}
.intro-c{width:min(460px,100%)}
.intro-m{width:92px;height:92px;border-radius:50%;object-fit:cover;display:block;margin:0 0 18px}
.intro h1{font-size:34px;letter-spacing:-.02em;margin:0 0 10px;line-height:1.1}
.intro p{font-size:16px;line-height:1.45;color:var(--ink2);margin:0 0 14px}
.intro .i-b{display:grid;gap:10px;margin-top:20px}
.intro .t-btn{width:100%;min-height:50px;font-size:15.5px}
.intro small{display:block;font-size:12.5px;line-height:1.4;color:var(--ink3);margin-top:16px}
.intro .i-inst{display:none}

@media (max-width:1180px){
  body{grid-template-columns:var(--rail-w) minmax(0,1fr)}
  .tour{grid-column:2;grid-row:2;position:fixed;right:18px;bottom:18px;width:300px;max-height:60vh;z-index:30;border:1px solid rgba(17,20,24,.1);border-radius:14px;box-shadow:0 12px 36px rgba(17,20,24,.18);display:none}
  .tour.on{display:block}
  .tour .t-after{display:none}
  .pb-w{display:block}
  .pb{justify-content:space-between}
}

@media (max-width:820px){
  body{display:flex;flex-direction:column}
  .rail{display:none}
  .pb{font-size:11px;justify-content:space-between;padding-left:12px;padding-right:8px;flex:none}
  .pb-t{text-align:left}
  .pb-m{display:block}
  .tour{position:static;width:auto;max-height:42vh;flex:none;border:0;border-bottom:1px solid rgba(17,20,24,.1);border-radius:0;box-shadow:none;padding:11px 14px 10px;display:none;order:1}
  .tour.on{display:block}
  .tour h2{font-size:16px;margin:0 0 3px}
  .tour p{font-size:13.5px;line-height:1.35;margin:0 0 8px}
  .tour .t-dots{display:none}
  .tour .t-n{font-size:10.5px}
  .tour .t-note{display:none}
  .t-btn{padding:7px 12px;min-height:36px;font-size:13.5px}
  html[data-estilo] .stage{flex:1 1 0;min-height:0;order:2;height:auto}
  html[data-estilo] .phone{width:100%!important;box-shadow:none!important}
  .screen .foot{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important}
  
  input,textarea,select,[contenteditable]{font-size:16px!important}
  button,.chip,.btn,.row.hot{-webkit-tap-highlight-color:transparent}
  * {-webkit-touch-callout:none}
  .intro .i-inst{display:block}
}
@media (display-mode:standalone){.intro .i-inst{display:none!important}}
html[data-estilo] .phone > .moji-flota{top:6px!important;right:10px!important}
.pf .box > .mut,.pf .box > .hd,.pf .box > .pv-head,.pf .box > b[style]{display:block}
.pf .box > .hd{margin-top:10px}
.pf .box > .pv-citbtn{display:block;width:100%;text-align:left;margin-top:4px}
.pf .box > b[style]{margin:2px 0}
#screen{overflow-x:hidden!important}
@media (min-width:821px){
  html:not([data-view="phone"]) #screen .pf svg{max-height:56vh;max-width:600px;display:block;margin-left:auto;margin-right:auto}
  html:not([data-view="phone"]) #screen .body{padding-left:28px;padding-right:28px}

  html[data-estilo][data-view="phone"] .stage{display:flex!important;align-items:center;justify-content:center;padding:16px!important;box-sizing:border-box}
  html[data-estilo][data-view="phone"] .phone{width:390px!important;flex:none;height:min(844px,100%)!important;margin:0!important;border:10px solid #14171c!important;border-radius:54px!important;box-shadow:0 18px 50px rgba(17,20,24,.22)!important;overflow:hidden;box-sizing:border-box}
  html[data-estilo][data-view="phone"] #screen{border-radius:44px!important}
  html[data-estilo][data-view="phone"] #screen .sb{display:flex!important}
}

.ex h2{margin-top:4px}
.ex h3{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin:16px 0 5px}
.ex p{font-size:15px;line-height:1.45;color:var(--ink);margin:0}
.ex dl{margin:0}
.ex dt{font-size:14px;font-weight:700;color:var(--ink);margin:11px 0 1px}
.ex dd{font-size:14px;line-height:1.4;color:var(--ink2);margin:0}
.t-sep{height:1px;background:rgba(17,20,24,.1);margin:18px 0 14px}
.tour .t-note{margin-bottom:0}
.d-back{display:inline-block;font-size:14px;color:#2360C5;text-decoration:none;padding:4px 0 6px}
.why .ex{font-family:Figtree,system-ui,sans-serif}
.why .ex h2{font-size:21px;line-height:1.2;margin:4px 0 8px}
.why .t-n{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2360C5}
.pb-w{display:none}
@media (max-width:1180px){.pb-w{display:block}}
.bare .rail,.bare .tour,.bare .pb-m{display:none!important}
.bare body{display:flex;flex-direction:column}
.bare .pb{justify-content:center}
.bare .pb-t{text-align:center}