/* Page-scoped first fold for Thanks Up Gestão de Despesas e Viagens. */
.travel-landing { position:relative; }
.travel-landing > .preview-note { min-height:16px;height:16px;padding:0 12px;font-size:9px;letter-spacing:.025em;background:#f5f4f5; }
.travel-landing > .site-header .header-inner { min-height:44px;padding-block:0;justify-content:space-between;flex-wrap:nowrap;gap:24px; }
.travel-landing > .site-header .brand { width:64px;padding:7px 10px;margin-left:-10px;flex-shrink:0; }
.travel-landing > .site-header .navigation { font-size:11px;gap:24px;flex-wrap:nowrap; }
.travel-landing > .site-header .navigation a { color:#5b6670; }
.travel-landing > .breadcrumbs { position:absolute;top:16px;left:calc(var(--gutter) + 88px);z-index:6;width:auto;max-width:200px;padding:0;min-height:44px;font-size:10px;color:#5b6670; }
.travel-landing > .breadcrumbs > ol { min-height:44px;align-items:center;flex-wrap:nowrap;gap:9px; }
.travel-landing > .breadcrumbs > ol > li { display:flex;align-items:center;gap:9px; }
.travel-landing > .breadcrumbs > ol > li:not(:last-child)::after { padding:0;color:#717a81; }
.travel-landing .travel-crumb-branch details { position:relative; }
.travel-landing .travel-crumb-branch summary { display:flex;align-items:center;justify-content:center;width:32px;min-height:44px;list-style:none;cursor:pointer;font-size:17px;line-height:1;color:#5b6670;border-radius:2px; }
.travel-landing .travel-crumb-branch summary::-webkit-details-marker { display:none; }
.travel-landing .travel-crumb-branch summary:hover,.travel-landing .travel-crumb-branch details[open] summary { background:#f1f2f3;color:#231f20; }
.travel-landing .travel-crumb-branch summary:focus-visible { outline:2px solid #805700;outline-offset:-2px; }
.travel-landing .travel-crumb-branch details > ol { position:absolute;top:100%;left:0;display:flex;flex-direction:column;align-items:stretch;gap:0;width:290px;max-width:calc(100vw - var(--gutter) - 108px);padding:10px 16px;background:#fff;border:1px solid #c9cfd3;box-shadow:0 12px 30px #231f2014; }
.travel-landing .travel-crumb-branch details > ol > li { display:block; }
.travel-landing .travel-crumb-branch details > ol > li::after { content:none; }
.travel-landing .travel-crumb-branch details > ol > li + li { border-top:1px solid #e4e6e8; }
.travel-landing .travel-crumb-branch details a { display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.5; }
.travel-landing .travel-brandbar { min-height:58px;display:flex;align-items:center;gap:15px; }
.travel-landing .travel-up-logo { display:block;padding:10px 20px;margin-left:-20px; }
.travel-landing .travel-up-logo img { display:block;width:150px;height:auto; }
.travel-landing .travel-brand-label { padding-left:15px;border-left:1px solid #d2d5d7;font-size:12px;letter-spacing:.04em;color:#5b6670; }
.travel-landing .travel-hero { min-height:520px;display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);align-items:center;gap:4%;padding:34px 42px 27px;background:#231f20;color:#fff;overflow:hidden; }
.travel-landing .travel-hero-copy { position:relative;z-index:2;max-width:530px; }
.travel-landing .travel-kicker { margin:0 0 19px;color:#e5e1e6;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.13em;text-transform:uppercase; }
.travel-landing .travel-kicker > span { color:#f5a800; }
.travel-landing .travel-hero h1 { max-width:560px;font-size:clamp(43px,4vw,59px);line-height:1.075;letter-spacing:-.05em;font-weight:500;text-wrap:balance; }
.travel-landing .travel-lead { max-width:510px;margin-top:21px;color:#e5e1e6;font-size:16px;line-height:1.7; }
.travel-landing .travel-actions { display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px;margin-top:27px; }
.travel-landing .travel-primary { min-height:50px;padding:14px 18px;display:inline-flex;align-items:center;gap:22px;background:#f5a800;color:#231f20;font-size:13px;font-weight:650; }
.travel-landing .travel-primary > span[aria-hidden] { font-size:20px;line-height:1; }
.travel-landing .travel-secondary { min-height:44px;display:inline-flex;align-items:center;gap:13px;border-bottom:1px solid #857f7c;color:#fff;font-size:13px; }
.travel-landing .travel-positioning { margin-top:24px;color:#c9c4c3;font-size:10px;line-height:1.5;letter-spacing:.03em; }
.travel-landing .travel-scene { position:relative;min-width:0;height:458px;margin:0;isolation:isolate; }
.travel-landing .travel-scene::before { content:"";position:absolute;inset:20px 12px 18px 25px;border:1px solid #5b6670;border-radius:3px;transform:perspective(1200px) rotateY(-5deg);pointer-events:none; }
.travel-landing .travel-route-art { position:absolute;inset:0;width:100%;height:100%;z-index:-1; }
.travel-landing .travel-route-art path { stroke:#f5a800;stroke-width:1.4;stroke-dasharray:7 8;opacity:.68;animation:travel-route 15s linear infinite; }
.travel-landing .travel-route-art circle { fill:#f5a800; }
@keyframes travel-route { to { stroke-dashoffset:-150; } }
.travel-landing .travel-person { position:absolute;z-index:1;bottom:0;right:17%;height:88%;width:auto;max-width:55%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 22px 25px #0005); }
.travel-landing .travel-ticket,.travel-landing .travel-corporate-card,.travel-landing .travel-receipt,.travel-landing .travel-dashboard { position:absolute;z-index:2;box-shadow:0 16px 36px #0004; }
.travel-landing .travel-ticket { top:35px;left:1%;width:210px;padding:17px 18px 15px;background:#fff;color:#231f20;transform:rotate(-3deg);border-left:3px solid #f5a800; }
.travel-landing .travel-ui-eyebrow,.travel-landing .travel-corporate-card > span,.travel-landing .travel-receipt > span { display:block;font-size:8px;letter-spacing:.11em;color:#5b6670; }
.travel-landing .travel-ticket > strong { display:block;margin-top:8px;font-size:17px;font-weight:550; }
.travel-landing .travel-ticket-row { display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #e5e1e6;font-size:9px;color:#5b6670; }
.travel-landing .travel-ticket-row i,.travel-landing .travel-dashboard-dot { width:7px;height:7px;border-radius:50%;background:#f5a800; }
.travel-landing .travel-ticket-route { display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:9px; }
.travel-landing .travel-ticket-route i { color:#f5a800;font-style:normal; }
.travel-landing .travel-corporate-card { top:48px;right:2%;width:170px;min-height:105px;padding:14px 15px;background:#f5a800;color:#231f20;transform:rotate(4deg); }
.travel-landing .travel-corporate-card > span { color:#5b4b2c; }
.travel-landing .travel-corporate-card > i { display:block;width:24px;height:18px;margin:14px 0 8px;border:1px solid #231f20;border-radius:3px; }
.travel-landing .travel-corporate-card > b,.travel-landing .travel-receipt > strong { display:block;font-size:12px;font-weight:650; }
.travel-landing .travel-corporate-card > small { display:block;margin-top:3px;font-size:8px; }
.travel-landing .travel-receipt { bottom:67px;left:2%;width:142px;padding:14px 14px 12px;background:#fff;color:#231f20;transform:rotate(-4deg); }
.travel-landing .travel-receipt > strong { margin-top:7px;font-size:10px; }
.travel-landing .travel-receipt > i { display:block;width:100%;height:1px;margin-top:8px;background:#d2d5d7; }
.travel-landing .travel-receipt > i:nth-of-type(2) { width:70%; }
.travel-landing .travel-receipt > i:nth-of-type(3) { width:84%; }
.travel-landing .travel-receipt > small { display:block;margin-top:8px;font-size:8px;color:#5b6670; }
.travel-landing .travel-dashboard { right:0;bottom:26px;width:60%;padding:0;background:#fff;color:#231f20;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg); }
.travel-landing .travel-dashboard-head { display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e5e1e6;color:#5b6670;font-size:8px;letter-spacing:.1em; }
.travel-landing .travel-dashboard-content { padding:14px; }
.travel-landing .travel-dashboard-content > div:first-child small { display:block;font-size:7px;letter-spacing:.1em;color:#5b6670; }
.travel-landing .travel-dashboard-content > div:first-child b { display:block;margin-top:5px;font-size:12px;font-weight:600; }
.travel-landing .travel-dashboard-content > div:first-child span { display:block;margin-top:4px;font-size:8px;color:#5b6670; }
.travel-landing .travel-dashboard-track { display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:15px; }
.travel-landing .travel-dashboard-track i { height:5px;background:#d2d5d7; }
.travel-landing .travel-dashboard-track i:first-child,.travel-landing .travel-dashboard-track i:nth-child(2) { background:#f5a800; }
.travel-landing .travel-dashboard-labels { display:flex;justify-content:space-between;margin-top:5px;font-size:7px;color:#5b6670; }
.travel-landing .travel-scene figcaption { position:absolute;right:0;bottom:0;color:#c9c4c3;font-size:8px; }
.travel-landing .travel-flow { display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,2.28fr);gap:34px;align-items:center;padding-block:25px 29px;border-bottom:1px solid #d2d5d7; }
.travel-landing .travel-flow-intro .travel-kicker { margin-bottom:5px;color:#5b6670;font-size:8px; }
.travel-landing .travel-flow-intro h2 { max-width:260px;font-size:17px;line-height:1.35;letter-spacing:-.02em;font-weight:550;color:#231f20; }
.travel-landing .travel-flow-list { position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none; }
.travel-landing .travel-flow-list::before { content:"";position:absolute;left:3%;right:3%;top:10px;height:1px;background:#b4bbc0; }
.travel-landing .travel-flow-list li { position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0; }
.travel-landing .travel-flow-list li > span { z-index:1;width:20px;height:20px;display:grid;place-items:center;border:1px solid #f5a800;border-radius:50%;background:#fff;color:#5b6670;font-size:7px; }
.travel-landing .travel-flow-list li > b { white-space:nowrap;font-size:11px;font-weight:550;color:#5b6670; }
.travel-landing .ia-subnav { margin-top:0; }
.travel-landing :is(a,summary):focus-visible { outline:2px solid #805700;outline-offset:3px; }
@media(max-width:1050px) and (min-width:761px) {
 .travel-landing > .site-header .navigation { gap:14px;justify-content:flex-end; }
 .travel-landing > .breadcrumbs { left:calc(var(--gutter) + 80px); }
 .travel-landing .travel-hero { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2%;padding-inline:28px; }
 .travel-landing .travel-scene { height:420px; }
 .travel-landing .travel-ticket { width:185px; }
 .travel-landing .travel-dashboard { width:64%; }
 .travel-landing .travel-flow { grid-template-columns:190px 1fr;gap:20px; }
 .travel-landing .travel-flow-list { gap:4px; }
 .travel-landing .travel-flow-list li > b { font-size:10px; }
}
@media(max-width:760px) {
 .travel-landing > .site-header .header-inner { min-height:44px;flex-wrap:wrap;gap:0 24px; }
 .travel-landing > .site-header .menu-toggle { font-size:11px;gap:10px;color:#5b6670; }
 .travel-landing > .site-header .navigation { width:100%;flex-direction:column;gap:0;padding-bottom:12px; }
 .travel-landing > .site-header .navigation a { min-height:44px;font-size:13px; }
 .travel-landing > .breadcrumbs { left:calc(var(--gutter) + 76px);font-size:9px; }
 .travel-landing > .breadcrumbs > ol,.travel-landing > .breadcrumbs > ol > li { gap:5px; }
 .travel-landing .travel-brandbar { min-height:56px;gap:10px; }
 .travel-landing .travel-up-logo { padding:9px 18px;margin-left:-18px; }
 .travel-landing .travel-up-logo img { width:138px; }
 .travel-landing .travel-brand-label { padding-left:10px;font-size:10px; }
 .travel-landing .travel-hero { grid-template-columns:1fr;gap:12px;padding:30px 22px 22px; }
 .travel-landing .travel-hero h1 { max-width:600px;font-size:clamp(38px,8.8vw,54px); }
 .travel-landing .travel-lead { font-size:15px; }
 .travel-landing .travel-scene { height:390px; }
 .travel-landing .travel-person { right:22%;height:90%; }
 .travel-landing .travel-ticket { top:19px;left:0;width:165px;padding:12px; }
 .travel-landing .travel-corporate-card { top:24px;right:0;width:140px;min-height:92px;padding:11px; }
 .travel-landing .travel-receipt { bottom:55px;width:120px;left:0; }
 .travel-landing .travel-dashboard { width:67%;bottom:20px; }
 .travel-landing .travel-flow { grid-template-columns:1fr;gap:15px;padding-block:22px; }
 .travel-landing .travel-flow-intro h2 { max-width:500px;font-size:19px; }
 .travel-landing .travel-flow-list { grid-template-columns:1fr;gap:0;padding-left:3px; }
 .travel-landing .travel-flow-list::before { left:9px;right:auto;top:9px;bottom:9px;width:1px;height:auto; }
 .travel-landing .travel-flow-list li { min-height:37px;flex-direction:row;align-items:center;gap:11px; }
 .travel-landing .travel-flow-list li > span { flex:none; }
 .travel-landing .travel-flow-list li > b { font-size:12px; }
}
@media(max-width:420px) {
 .travel-landing .travel-scene { height:350px; }
 .travel-landing .travel-ticket { width:147px; }
 .travel-landing .travel-corporate-card { width:124px; }
 .travel-landing .travel-dashboard { width:72%; }
}
@media(prefers-reduced-motion:reduce) { .travel-landing .travel-route-art path { animation:none; } }