.escolha{--navy-950:#041527;--blue-300:#60b6ff;--teal:#006670;--sig:#2fc4b8;--graf:#1b2123;--ease:cubic-bezier(.16, 1, .3, 1);--f-cond:var(--font-archivo), "Archivo Narrow", "Arial Narrow", Impact, sans-serif;--f-disp:var(--font-big-shoulders), "Archivo Narrow", Impact, sans-serif;--f-text:var(--font-archivo), system-ui, sans-serif;--gut:clamp(16px, 4vw, 56px);--band:clamp(104px, 17svh, 160px);background:var(--graf);color:#fff;height:100svh;font:400 1.0625rem / 1.45 var(--f-text);-webkit-font-smoothing:antialiased;flex-direction:column;display:flex;overflow:hidden}.escolha *,.escolha :before,.escolha :after{box-sizing:border-box}.escolha .skip{color:#000;z-index:20;background:#fff;padding:10px 14px;font-weight:700;position:absolute;top:-60px;left:8px}.escolha .skip:focus{top:8px}.escolha .band{height:var(--band);padding:0 var(--gut);text-align:center;background:var(--graf);z-index:3;border-bottom:1px solid #ffffff24;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.escolha .grp{left:var(--gut);font:700 .75rem / 1 var(--f-text);letter-spacing:.28em;text-transform:uppercase;color:#9fb0b5;position:absolute;top:50%;transform:translateY(-50%)}.escolha h1{font:800 clamp(1.9rem, 4.4vw, 3.6rem) / 1 var(--f-cond);letter-spacing:-.01em;text-wrap:balance;max-width:calc(100% - 22rem);margin:0;font-stretch:75%}.escolha .row{flex:1;min-height:0;display:flex}.escolha .opt{color:#fff;isolation:isolate;min-width:0;transition:flex-grow .7s var(--ease);flex:1 1 0;align-items:flex-end;text-decoration:none;display:flex;position:relative;overflow:hidden}.escolha .opt+.opt{border-left:1px solid #ffffff2e}.escolha .opt .ph{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform 1.1s var(--ease);position:absolute;inset:0}.escolha .opt:before{content:"";z-index:-1;transition:opacity .5s;position:absolute;inset:0}.escolha .auto:before{background:linear-gradient(#0415278c 0,#04152766 30%,#041527f5 100%)}.escolha .civ:before{background:linear-gradient(#003b4180 0,#003b414d 35%,#0a1a1cf0 100%)}.escolha .in{padding:0 var(--gut) clamp(24px, 5svh, 56px);flex-direction:column;align-items:flex-start;gap:14px;width:100%;max-width:640px;display:flex}.escolha .logo{object-fit:contain;object-position:left;width:auto;max-width:70%;height:clamp(40px,7svh,64px)}.escolha .auto .logo{filter:drop-shadow(0 2px 10px #041527d9)}.escolha .civ .logo{background:var(--teal);padding:8px 14px}.escolha h2{margin:0}.escolha .auto h2{font:900 clamp(2.2rem, 4.6vw, 4.4rem) / .95 var(--f-cond);letter-spacing:-.015em;font-stretch:75%}.escolha .civ h2{font:900 clamp(2.4rem, 5vw, 4.8rem) / .9 var(--f-disp);text-transform:uppercase;letter-spacing:.005em}.escolha .opt p{color:#e6eef3;max-width:26em;margin:0;font-size:clamp(1rem,1.35vw,1.2rem)}.escolha .go{min-height:48px;font:800 1rem / 1 var(--f-text);transition:background .25s, color .25s, gap .35s var(--ease);border:2px solid #fff;align-items:center;gap:.6em;padding:0 22px;display:inline-flex}.escolha .auto .go{border-radius:999px}.escolha .go svg{width:20px;height:20px}.escolha .auto:hover .go,.escolha .auto:focus-visible .go{color:var(--navy-950);background:#fff;gap:.9em}.escolha .civ:hover .go,.escolha .civ:focus-visible .go{background:var(--sig);border-color:var(--sig);color:var(--graf);gap:.9em}.escolha .opt:focus-visible{outline:4px solid var(--sig);outline-offset:-8px}.escolha .auto:focus-visible{outline-color:var(--blue-300)}@media (hover:hover) and (min-width:760px){.escolha .opt:hover,.escolha .opt:focus-visible{flex-grow:1.4}.escolha .opt:hover .ph,.escolha .opt:focus-visible .ph{transform:scale(1.05)}}@media (max-width:759px){.escolha .row{flex-direction:column}.escolha .opt+.opt{border-top:1px solid #ffffff2e;border-left:0}.escolha .in{gap:8px;padding-bottom:18px}.escolha .opt p{font-size:.95rem;line-height:1.35}.escolha .logo{height:34px}.escolha h2,.escolha .auto h2,.escolha .civ h2{font-size:2rem}.escolha .go{min-height:44px;padding:0 18px}.escolha .band{height:108px}.escolha .grp{top:12px;left:0;right:0;transform:none}.escolha h1{max-width:none;margin-top:10px;font-size:1.6rem}}@media (max-width:1100px) and (min-width:760px){.escolha h1{max-width:calc(100% - 16rem);font-size:clamp(1.6rem,3.6vw,2.4rem)}}@media (max-height:520px) and (min-width:760px){.escolha .opt p{display:none}}@media (prefers-reduced-motion:reduce){.escolha .opt,.escolha .opt .ph,.escolha .go,.escolha .opt:before{transition:none!important}.escolha .opt:hover .ph,.escolha .opt:focus-visible .ph{transform:none}}
