@font-face {
font-family: "Archivo";
font-style: normal;
font-weight: 400 900;
font-stretch: 100%;
font-display: swap;
src: url(//uniprof.com.br/wp-content/plugins/uniprof-verticais/assets/fonts/archivo-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Archivo";
font-style: normal;
font-weight: 400 900;
font-stretch: 100%;
font-display: swap;
src: url(//uniprof.com.br/wp-content/plugins/uniprof-verticais/assets/fonts/archivo-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(//uniprof.com.br/wp-content/plugins/uniprof-verticais/assets/fonts/manrope-latin.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url(//uniprof.com.br/wp-content/plugins/uniprof-verticais/assets/fonts/manrope-latin-ext.woff2) format("woff2");
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} .uv { --ink: #0b1220;
--ink-2: #0e1729;
--body: #4a566e;
--body-2: #5a6785;
--muted: #8a93a8;
--line: #e7ecf6;
--line-2: #dce5f5;
--line-3: #d8e2f3;
--surface: #fff;
--surface-2: #f5f8fe;
--surface-3: #eaf1fc;
--deep: #0a1330;
--deep-2: #122a6b;
--deep-3: #070c1f;
--on-deep: #b8c2db;
--on-deep-2: #e6ecfa;
--ok: #16a34a;
--ok-bg: #dff4e6; --brand: #1e52db;
--brand-2: #12a7f5;
--brand-soft: #7cd1ff;
--grad: linear-gradient(135deg, var(--brand-2), var(--brand));
--wrap: 1200px;
--r-sm: 11px;
--r-md: 16px;
--r-lg: 20px;
--gut: 32px;
--f-display: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
--f-text: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
} .uv[data-vertical="varejo"] {
--brand: #1e52db;
--brand-2: #12a7f5;
--brand-soft: #7cd1ff;
}
.uv[data-vertical="saude"] {
--brand: #0f7a6c;
--brand-2: #17b9a3;
--brand-soft: #7ce4d6;
}
.uv[data-vertical="educacao"] {
--brand: #7a3ecf;
--brand-2: #a86bf0;
--brand-soft: #d3b3ff;
}
.uv[data-vertical="seguranca"] {
--brand: #c2410c;
--brand-2: #f59e0b;
--brand-soft: #fcd34d;
}
.uv[data-vertical="construcao"] {
--brand: #b45309;
--brand-2: #eab308;
--brand-soft: #fde68a;
} .uv *,
.uv *::before,
.uv *::after {
box-sizing: border-box;
}
.uv {
margin: 0;
overflow-x: hidden;
font-family: var(--f-text);
font-size: 16px;
line-height: 1.5;
color: var(--body);
background: var(--surface);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
.uv img {
max-width: 100%;
height: auto;
display: block;
}
.uv a {
color: inherit;
text-decoration: none;
}
.uv h1,
.uv h2,
.uv h3,
.uv h4 {
font-family: var(--f-display);
color: var(--ink);
margin: 0;
letter-spacing: -0.03em;
line-height: 1.06;
text-wrap: balance;
}
.uv p {
margin: 0;
}
.uv ul {
margin: 0;
padding: 0;
list-style: none;
}
.uv__wrap {
max-width: var(--wrap);
margin-inline: auto;
padding-inline: var(--gut);
} .uv__skip {
position: absolute;
left: -9999px;
top: 0;
z-index: 200;
background: var(--brand);
color: #fff;
padding: 12px 20px;
border-radius: 0 0 var(--r-sm) 0;
font-weight: 700;
}
.uv__skip:focus {
left: 0;
}
.uv :focus-visible {
outline: 3px solid var(--brand-2);
outline-offset: 2px;
border-radius: 4px;
}
.uv__sr {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
} .uv-btn {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--f-display);
font-weight: 800;
border: none;
cursor: pointer;
border-radius: 12px;
transition: filter 0.18s ease, transform 0.18s ease;
}
.uv-btn:hover {
filter: brightness(1.07);
}
.uv-btn:active {
transform: translateY(1px);
}
.uv-btn--primary {
background: var(--grad);
color: #fff;
box-shadow: 0 14px 30px -12px rgb(30 82 219 / 0.6);
}
.uv-btn--sm {
font-size: 14.5px;
padding: 11px 20px;
border-radius: var(--r-sm);
}
.uv-btn--md {
font-size: 17px;
padding: 16px 26px;
}
.uv-btn--block {
width: 100%;
justify-content: center;
font-size: 16.5px;
padding: 16px;
}
.uv-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: #fff;
border: 1px solid var(--line-2);
color: var(--brand);
font-weight: 700;
font-size: 12.5px;
letter-spacing: 0.02em;
padding: 7px 14px;
border-radius: 100px;
box-shadow: 0 4px 14px -8px rgb(30 82 219 / 0.4);
}
.uv-eyebrow {
display: block;
font-family: var(--f-display);
font-weight: 800;
font-size: 12.5px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--brand);
margin-bottom: 14px;
}
.uv-eyebrow--on-deep {
color: var(--brand-soft);
} .uv-header {
position: sticky;
top: 0;
z-index: 50;
background: rgb(255 255 255 / 0.86);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
border-bottom: 1px solid var(--line);
}
.uv-header__inner {
max-width: var(--wrap);
margin-inline: auto;
padding: 14px var(--gut);
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.uv-brand {
display: flex;
align-items: center;
gap: 12px;
}
.uv-brand__mark {
width: 40px;
height: 40px;
border-radius: 10px;
object-fit: cover;
box-shadow: 0 6px 16px -6px rgb(30 82 219 / 0.55);
}
.uv-brand__text {
display: flex;
flex-direction: column;
line-height: 1;
}
.uv-brand__name {
font-family: var(--f-display);
font-weight: 900;
font-size: 20px;
letter-spacing: -0.02em;
color: var(--ink-2);
}
.uv-brand__name em {
font-style: normal;
color: var(--brand);
}
.uv-brand__sub {
font-size: 10.5px;
font-weight: 600;
color: var(--muted);
letter-spacing: 0.04em;
margin-top: 3px;
text-transform: uppercase;
} .uv-hero {
position: relative;
background: linear-gradient(180deg, var(--surface-2) 0%, var(--surface-3) 100%);
}
.uv-hero::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 1px 1px, rgb(30 82 219 / 0.09) 1px, transparent 0);
background-size: 26px 26px;
opacity: 0.6;
pointer-events: none;
}
.uv-hero__inner {
position: relative;
max-width: var(--wrap);
margin-inline: auto;
padding: 72px var(--gut) 84px;
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 56px;
align-items: center;
}
.uv-hero h1 {
font-weight: 900;
font-size: clamp(34px, 5vw, 56px);
line-height: 1.03;
margin: 22px 0 0;
}
.uv-hero__lead {
font-size: clamp(17px, 2vw, 19px);
line-height: 1.55;
margin-top: 22px;
max-width: 520px;
}
.uv-hero__lead strong {
color: var(--ink);
}
.uv-hero__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
margin-top: 32px;
}
.uv-hero__price {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14.5px;
font-weight: 700;
color: var(--body);
}
.uv-hero__price::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--brand-2);
}
.uv-hero__note {
font-size: 13.5px;
color: var(--muted);
margin-top: 18px;
} .uv-phones {
position: relative;
justify-self: center;
width: 100%;
max-width: 380px;
min-height: 560px;
}
.uv-phone {
background: var(--ink);
box-shadow: 0 44px 90px -30px rgb(11 18 32 / 0.6);
}
.uv-phone img {
border-radius: 30px;
width: 100%;
}
.uv-phone--main {
position: relative;
z-index: 2;
width: 262px;
border-radius: 40px;
padding: 11px;
margin-top: 40px;
}
.uv-phone--aside {
position: absolute;
z-index: 1;
top: -6px;
right: 2px;
width: 196px;
border-radius: 32px;
padding: 8px;
transform: rotate(6deg);
box-shadow: 0 30px 60px -26px rgb(11 18 32 / 0.5);
}
.uv-phone--aside img {
border-radius: 24px;
}
.uv-badge-float {
position: absolute;
z-index: 3;
bottom: 8px;
left: -14px;
background: #fff;
border-radius: var(--r-md);
padding: 14px 18px;
box-shadow: 0 24px 48px -18px rgb(11 18 32 / 0.35);
display: flex;
align-items: center;
gap: 12px;
}
.uv-badge-float__num {
font-family: var(--f-display);
font-weight: 900;
font-size: 26px;
color: var(--brand);
line-height: 1;
}
.uv-badge-float__label {
font-size: 12px;
font-weight: 700;
color: var(--ink);
line-height: 1.3;
}
.uv-badge-float__label span {
display: block;
font-weight: 600;
color: var(--muted);
} .uv-authbar {
background: var(--ink);
color: #fff;
}
.uv-authbar__grid {
max-width: var(--wrap);
margin-inline: auto;
padding: 26px var(--gut);
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.uv-authbar__item {
text-align: center;
border-right: 1px solid rgb(255 255 255 / 0.12);
padding-inline: 12px;
}
.uv-authbar__item:last-child {
border-right: none;
}
.uv-authbar__num {
display: block;
font-family: var(--f-display);
font-weight: 900;
font-size: 26px;
color: #fff;
line-height: 1.1;
}
.uv-authbar__label {
font-size: 12.5px;
color: var(--on-deep);
font-weight: 600;
} .uv-section {
padding: 84px 0;
}
.uv-section--tight {
padding: 64px 0;
}
.uv-section--alt {
background: var(--surface-2);
}
.uv-section__head {
max-width: 760px;
}
.uv-section__head--center {
margin-inline: auto;
text-align: center;
}
.uv-section h2 {
font-weight: 900;
font-size: clamp(28px, 4vw, 42px);
}
.uv-section__lead {
font-size: clamp(16px, 2vw, 18px);
line-height: 1.6;
margin-top: 16px;
} .uv-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 44px;
}
.uv-card {
background: #fff;
border: 1px solid var(--line);
border-radius: var(--r-lg);
padding: 30px 26px;
box-shadow: 0 20px 40px -32px rgb(11 18 32 / 0.4);
}
.uv-card__num {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 11px;
background: var(--grad);
color: #fff;
font-family: var(--f-display);
font-weight: 900;
font-size: 17px;
margin-bottom: 18px;
}
.uv-card h3 {
font-size: 20px;
font-weight: 800;
}
.uv-card p {
margin-top: 10px;
font-size: 15.5px;
line-height: 1.6;
color: var(--body-2);
} .uv-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
margin-top: 56px;
}
.uv-split--reverse .uv-split__visual {
order: 2;
}
.uv-split h3 {
font-size: clamp(22px, 3vw, 28px);
font-weight: 900;
}
.uv-feats {
margin-top: 26px;
display: flex;
flex-direction: column;
gap: 20px;
}
.uv-feat {
display: flex;
gap: 14px;
}
.uv-feat__icon {
flex: none;
width: 26px;
height: 26px;
border-radius: 50%;
background: color-mix(in srgb, var(--brand-2) 18%, transparent);
color: var(--brand);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 900;
margin-top: 2px;
}
.uv-feat__title {
font-family: var(--f-display);
font-weight: 800;
font-size: 16.5px;
color: var(--ink);
}
.uv-feat__desc {
font-size: 15px;
line-height: 1.55;
color: var(--body-2);
margin-top: 4px;
} .uv-app {
background: var(--ink);
border-radius: 32px;
padding: 10px;
box-shadow: 0 40px 80px -34px rgb(11 18 32 / 0.55);
max-width: 330px;
margin-inline: auto;
}
.uv-app__screen {
background: #fff;
border-radius: 24px;
padding: 18px;
}
.uv-app__status {
display: flex;
justify-content: space-between;
font-size: 11px;
font-weight: 700;
color: var(--muted);
margin-bottom: 16px;
}
.uv-app__user {
display: flex;
align-items: center;
gap: 10px;
}
.uv-app__avatar {
width: 38px;
height: 38px;
border-radius: 50%;
background: var(--grad);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--f-display);
font-weight: 900;
font-size: 14px;
}
.uv-app__name {
font-family: var(--f-display);
font-weight: 800;
font-size: 14.5px;
color: var(--ink);
}
.uv-app__role {
font-size: 11.5px;
color: var(--muted);
}
.uv-app__streak {
margin-left: auto;
font-size: 11px;
font-weight: 700;
color: #b45309;
background: #fef3c7;
padding: 4px 9px;
border-radius: 100px;
}
.uv-app__label {
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.1em;
color: var(--muted);
margin: 20px 0 8px;
}
.uv-app__lesson {
background: var(--surface-2);
border: 1px solid var(--line);
border-radius: var(--r-md);
padding: 14px;
display: flex;
align-items: center;
gap: 12px;
}
.uv-app__play {
flex: none;
width: 36px;
height: 36px;
border-radius: 10px;
background: var(--grad);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
}
.uv-app__lesson-title {
font-family: var(--f-display);
font-weight: 800;
font-size: 13.5px;
color: var(--ink);
line-height: 1.25;
}
.uv-app__lesson-meta {
font-size: 11px;
color: var(--muted);
margin-top: 3px;
}
.uv-bar {
height: 7px;
border-radius: 100px;
background: var(--line);
overflow: hidden;
margin-top: 14px;
}
.uv-bar__fill {
height: 100%;
border-radius: 100px;
background: var(--grad);
}
.uv-app__progress {
font-size: 11px;
color: var(--muted);
margin-top: 7px;
font-weight: 600;
}
.uv-app__done {
display: flex;
align-items: center;
gap: 9px;
font-size: 12.5px;
color: var(--body-2);
font-weight: 600;
margin-top: 11px;
}
.uv-app__done span {
width: 18px;
height: 18px;
border-radius: 50%;
background: var(--ok-bg);
color: var(--ok);
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 900;
} .uv-panel {
background: #fff;
border: 1px solid var(--line);
border-radius: var(--r-lg);
padding: 26px;
box-shadow: 0 34px 70px -36px rgb(11 18 32 / 0.45);
}
.uv-panel__head {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
}
.uv-panel__title {
font-family: var(--f-display);
font-weight: 900;
font-size: 17px;
color: var(--ink);
}
.uv-panel__scope {
font-size: 12px;
color: var(--muted);
font-weight: 600;
}
.uv-kpis {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px;
margin-top: 20px;
}
.uv-kpi {
background: var(--surface-2);
border-radius: var(--r-md);
padding: 16px;
}
.uv-kpi__label {
font-size: 12px;
color: var(--muted);
font-weight: 700;
}
.uv-kpi__value {
font-family: var(--f-display);
font-weight: 900;
font-size: 28px;
color: var(--brand);
line-height: 1.1;
margin-top: 4px;
}
.uv-domains {
margin-top: 24px;
}
.uv-domain {
margin-top: 14px;
}
.uv-domain__row {
display: flex;
justify-content: space-between;
font-size: 13.5px;
font-weight: 700;
color: var(--ink);
margin-bottom: 6px;
}
.uv-domain__row span:last-child {
color: var(--brand);
} .uv-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
margin-top: 48px;
counter-reset: step;
}
.uv-step__num {
font-family: var(--f-display);
font-weight: 900;
font-size: 15px;
color: var(--brand);
letter-spacing: 0.08em;
padding-bottom: 12px;
border-bottom: 2px solid var(--line-2);
margin-bottom: 16px;
display: block;
}
.uv-step h3 {
font-size: 18.5px;
font-weight: 800;
}
.uv-step p {
margin-top: 9px;
font-size: 15px;
line-height: 1.6;
color: var(--body-2);
} .uv-social {
background: linear-gradient(135deg, var(--deep) 0%, var(--deep-2) 100%);
color: #fff;
position: relative;
overflow: hidden;
}
.uv-social::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 1px 1px, rgb(255 255 255 / 0.06) 1px, transparent 0);
background-size: 28px 28px;
pointer-events: none;
}
.uv-social .uv__wrap {
position: relative;
}
.uv-social h2 {
color: #fff;
}
.uv-social p {
color: var(--on-deep);
}
.uv-social strong {
color: #fff;
}
.uv-social__grid {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 56px;
align-items: center;
}
.uv-social__cards {
display: flex;
flex-direction: column;
gap: 14px;
}
.uv-social__card {
background: rgb(255 255 255 / 0.07);
border: 1px solid rgb(255 255 255 / 0.12);
border-radius: var(--r-md);
padding: 20px 22px;
}
.uv-social__card h3 {
color: #fff;
font-size: 16.5px;
font-weight: 800;
}
.uv-social__card p {
font-size: 14.5px;
line-height: 1.55;
margin-top: 6px;
color: var(--on-deep);
} .uv-pilares {
background: linear-gradient(135deg, var(--deep) 0%, var(--deep-2) 100%);
color: #fff;
position: relative;
overflow: hidden;
}
.uv-pilares::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 1px 1px, rgb(255 255 255 / 0.06) 1px, transparent 0);
background-size: 28px 28px;
pointer-events: none;
}
.uv-pilares .uv__wrap {
position: relative;
}
.uv-pilares h2,
.uv-pilares h3 {
color: #fff;
}
.uv-pilares .uv-section__lead {
color: var(--on-deep);
}
.uv-pilar-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 48px;
}
.uv-pilar {
background: rgb(255 255 255 / 0.07);
border: 1px solid rgb(255 255 255 / 0.14);
border-radius: var(--r-lg);
padding: 30px 26px;
display: flex;
flex-direction: column;
transition: border-color 0.2s ease, transform 0.2s ease;
}
.uv-pilar:hover {
border-color: color-mix(in srgb, var(--brand-soft) 55%, transparent);
transform: translateY(-2px);
}
.uv-pilar__num {
font-family: var(--f-display);
font-weight: 900;
font-size: 13px;
letter-spacing: 0.14em;
color: var(--brand-soft);
display: block;
margin-bottom: 14px;
}
.uv-pilar h3 {
font-size: 25px;
font-weight: 900;
}
.uv-pilar p {
color: var(--on-deep);
font-size: 15.5px;
line-height: 1.6;
margin-top: 12px;
flex: 1;
}
.uv-pilar__link {
display: inline-flex;
align-items: center;
gap: 7px;
margin-top: 22px;
font-family: var(--f-display);
font-weight: 800;
font-size: 14.5px;
color: var(--brand-soft);
border-top: 1px solid rgb(255 255 255 / 0.12);
padding-top: 16px;
}
.uv-pilar__link:hover {
color: #fff;
} .uv-social__card--light {
background: #fff;
border: 1px solid var(--line);
box-shadow: 0 20px 40px -34px rgb(11 18 32 / 0.4);
}
.uv-social__card--light h3 {
color: var(--ink);
}
.uv-social__card--light p {
color: var(--body-2);
}
.uv-clube__title {
font-size: clamp(22px, 3vw, 30px);
font-weight: 900;
}
.uv-footer__mark {
width: 34px;
height: 34px;
border-radius: 9px;
}
.uv-section__lead + .uv-section__lead {
margin-top: 14px;
} .uv-clube {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 48px;
align-items: center;
}
.uv-clube__tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.uv-clube__tag {
background: #fff;
border: 1px solid var(--line-2);
border-radius: var(--r-sm);
padding: 16px 22px;
font-family: var(--f-display);
font-weight: 800;
font-size: 15px;
color: var(--ink);
box-shadow: 0 14px 30px -24px rgb(11 18 32 / 0.5);
} .uv-quotes {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
}
.uv-quote {
background: #fff;
border: 1px solid var(--line);
border-radius: var(--r-lg);
padding: 32px 28px;
box-shadow: 0 20px 40px -34px rgb(11 18 32 / 0.4);
margin: 0;
}
.uv-quote__mark {
font-family: var(--f-display);
font-weight: 900;
font-size: 44px;
color: var(--brand-2);
line-height: 0.6;
display: block;
margin-bottom: 14px;
}
.uv-quote p {
font-size: 17px;
line-height: 1.6;
color: var(--ink);
font-weight: 500;
}
.uv-quote figcaption {
display: flex;
align-items: center;
gap: 12px;
margin-top: 22px;
padding-top: 18px;
border-top: 1px solid var(--line);
}
.uv-quote__badge {
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--surface-3);
color: var(--brand);
display: flex;
align-items: center;
justify-content: center;
font-family: var(--f-display);
font-weight: 900;
font-size: 13px;
}
.uv-quote__who {
font-family: var(--f-display);
font-weight: 800;
font-size: 14.5px;
color: var(--ink);
}
.uv-quote__where {
font-size: 12.5px;
color: var(--muted);
} .uv-faq {
max-width: 860px;
margin-inline: auto;
margin-top: 40px;
}
.uv-faq__item {
border-bottom: 1px solid var(--line);
}
.uv-faq__item summary {
cursor: pointer;
list-style: none;
padding: 22px 44px 22px 0;
position: relative;
font-family: var(--f-display);
font-weight: 800;
font-size: 17.5px;
color: var(--ink);
}
.uv-faq__item summary::-webkit-details-marker {
display: none;
}
.uv-faq__item summary::after {
content: "+";
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
font-weight: 700;
color: var(--brand);
line-height: 1;
}
.uv-faq__item[open] summary::after {
content: "−";
}
.uv-faq__answer {
padding: 0 44px 24px 0;
font-size: 16px;
line-height: 1.65;
color: var(--body-2);
} .uv-cta {
padding: 90px 0 100px;
background: linear-gradient(135deg, var(--deep) 0%, var(--deep-2) 100%);
position: relative;
scroll-margin-top: 80px;
overflow: hidden;
}
.uv-cta::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 1px 1px, rgb(255 255 255 / 0.06) 1px, transparent 0);
background-size: 28px 28px;
pointer-events: none;
}
.uv-cta__grid {
position: relative;
max-width: 1080px;
margin-inline: auto;
padding-inline: var(--gut);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center;
}
.uv-cta h2 {
color: #fff;
}
.uv-cta__lead {
font-size: 18px;
color: var(--on-deep);
line-height: 1.55;
margin-top: 18px;
}
.uv-checks {
display: flex;
flex-direction: column;
gap: 14px;
margin-top: 30px;
}
.uv-checks li {
display: flex;
align-items: center;
gap: 12px;
color: var(--on-deep-2);
font-size: 15.5px;
font-weight: 600;
}
.uv-checks li::before {
content: "✓";
flex: none;
width: 24px;
height: 24px;
border-radius: 50%;
background: color-mix(in srgb, var(--brand-2) 25%, transparent);
color: var(--brand-soft);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 900;
}
.uv-form-card {
background: #fff;
border-radius: var(--r-lg);
padding: 34px;
box-shadow: 0 40px 90px -30px rgb(0 0 0 / 0.5);
}
.uv-form__title {
font-family: var(--f-display);
font-weight: 900;
font-size: 19px;
color: var(--ink);
margin-bottom: 16px;
}
.uv-form {
display: flex;
flex-direction: column;
gap: 14px;
}
.uv-field {
display: flex;
flex-direction: column;
gap: 6px;
font-size: 13px;
font-weight: 700;
color: #3a465e;
}
.uv-field input,
.uv-field select {
border: 1px solid var(--line-3);
border-radius: var(--r-sm);
padding: 13px 14px;
font-size: 15px;
font-family: var(--f-text);
color: var(--ink);
background: #fff;
width: 100%;
}
.uv-field input:focus,
.uv-field select:focus {
border-color: var(--brand);
outline: 2px solid color-mix(in srgb, var(--brand) 25%, transparent);
outline-offset: 0;
}
.uv-field--row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.uv-consent {
display: flex;
gap: 10px;
align-items: flex-start;
font-size: 12.5px;
font-weight: 500;
color: var(--body-2);
line-height: 1.45;
}
.uv-consent input {
margin-top: 2px;
flex: none;
width: 16px;
height: 16px;
accent-color: var(--brand);
}
.uv-consent a {
color: var(--brand);
text-decoration: underline;
}
.uv-form__note {
font-size: 12px;
color: var(--muted);
text-align: center;
line-height: 1.4;
} .uv-hp {
position: absolute !important;
left: -9999px !important;
opacity: 0;
height: 0;
width: 0;
overflow: hidden;
}
.uv-success {
text-align: center;
padding: 30px 10px;
}
.uv-success__icon {
width: 64px;
height: 64px;
border-radius: 50%;
background: var(--ok-bg);
color: var(--ok);
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: 900;
margin-inline: auto;
}
.uv-success h3 {
font-size: 22px;
font-weight: 900;
margin: 18px 0 8px;
}
.uv-success p {
font-size: 15px;
color: var(--body-2);
line-height: 1.55;
}
.uv-error {
background: #fef2f2;
border: 1px solid #fecaca;
color: #b91c1c;
border-radius: var(--r-sm);
padding: 12px 14px;
font-size: 13.5px;
font-weight: 600;
} .uv-footer {
background: var(--deep-3);
color: var(--muted);
padding: 44px var(--gut);
}
.uv-footer__inner {
max-width: var(--wrap);
margin-inline: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.uv-footer__brand {
display: flex;
align-items: center;
gap: 12px;
}
.uv-footer__name {
font-family: var(--f-display);
font-weight: 900;
font-size: 17px;
color: #fff;
}
.uv-footer__name em {
font-style: normal;
color: var(--brand-2);
}
.uv-footer__meta {
font-size: 11.5px;
color: var(--muted);
margin-top: 2px;
}
.uv-footer__nav {
display: flex;
flex-wrap: wrap;
gap: 18px;
font-size: 13.5px;
font-weight: 600;
}
.uv-footer__nav a:hover {
color: #fff;
}
.uv-footer__legal {
width: 100%;
border-top: 1px solid rgb(255 255 255 / 0.08);
padding-top: 20px;
font-size: 12.5px;
} @media (max-width: 1024px) {
.uv-steps {
grid-template-columns: repeat(2, 1fr);
gap: 32px;
}
.uv-pilar-grid {
grid-template-columns: 1fr;
}
.uv-cards {
grid-template-columns: 1fr;
}
.uv-hero__inner,
.uv-split,
.uv-social__grid,
.uv-cta__grid,
.uv-clube {
grid-template-columns: minmax(0, 1fr);
gap: 44px;
}
.uv-split--reverse .uv-split__visual {
order: 0;
}
.uv-quotes {
grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.uv {
--gut: 18px;
}
.uv-hero__inner {
padding-top: 48px;
padding-bottom: 56px;
}
.uv-section {
padding: 56px 0;
}
.uv-cta {
padding: 64px 0 72px;
}
.uv-authbar__grid {
grid-template-columns: repeat(2, 1fr);
gap: 22px 0;
}
.uv-authbar__item:nth-child(2n) {
border-right: none;
}
.uv-brand__sub {
display: none;
}
.uv-header__inner {
padding-inline: 18px;
}
.uv-btn--sm {
font-size: 13.5px;
padding: 10px 15px;
}
.uv-phones {
min-height: 480px;
max-width: 320px;
}
.uv-phone--main {
width: 218px;
}
.uv-phone--aside {
width: 158px;
}
.uv-badge-float {
left: 0;
padding: 11px 14px;
}
.uv-form-card {
padding: 24px 20px;
}
.uv-field--row {
grid-template-columns: 1fr;
}
.uv-footer__inner {
flex-direction: column;
align-items: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.uv *,
.uv *::before,
.uv *::after {
animation-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
@media print {
.uv-header,
.uv-form-card,
.uv-phones {
display: none;
}
}  .uv-header {
display: none;
} .uv-hero__marca {
display: flex;
align-items: center;
gap: 13px;
margin-bottom: 28px;
}
.uv-hero__marca img {
width: 46px;
height: 46px;
border-radius: 12px;
box-shadow: 0 8px 20px -8px rgb(30 82 219 / 0.55);
}
.uv-hero__marca-txt {
display: flex;
flex-direction: column;
line-height: 1;
}
.uv-hero__marca-nome {
font-family: var(--f-display);
font-weight: 900;
font-size: 24px;
letter-spacing: -0.035em;
color: var(--ink-2);
}
.uv-hero__marca-nome em {
font-style: normal;
color: var(--brand);
}
.uv-hero__marca-sub {
font-size: 10.5px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--muted);
margin-top: 5px;
} .uv-hero__inner {
padding-top: 56px;
} .uv [id] {
scroll-margin-top: 92px;
} .uv a.uv-btn,
.uv button.uv-btn,
.uv a.uv-btn:hover,
.uv a.uv-btn:focus,
.uv a.uv-btn:visited {
color: #fff;
}
.uv a.uv-btn--primary,
.uv button.uv-btn--primary,
.uv a.uv-btn--primary:hover,
.uv a.uv-btn--primary:visited {
color: #fff;
background: var(--grad);
}
.uv a.uv-pilar__link,
.uv a.uv-area__seta {
color: var(--brand-soft);
} .uv-cta--diag {
padding: 76px 0 72px;
}
.uv-cta--diag .uv-cta__topo {
position: relative;
max-width: 780px;
margin-inline: auto;
padding-inline: var(--gut);
text-align: center;
}
.uv-cta--diag .uv-checks {
align-items: center;
margin-top: 26px;
}
@media (max-width: 720px) {
.uv-hero__inner {
padding-top: 40px;
}
.uv-hero__marca img {
width: 40px;
height: 40px;
}
.uv-hero__marca-nome {
font-size: 21px;
}
.uv-cta--diag {
padding: 56px 0 52px;
}
}