.elementor-1299 .elementor-element.elementor-element-90ed0f7{--display:flex;}.elementor-1299 .elementor-element.elementor-element-0d54914{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1299 .elementor-element.elementor-element-58337ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-2f99d23 */
/* End custom CSS */
/* Start custom CSS */:root {
--azul-escuro: #071D2C;
--dourado: #C9A857;
--dourado-claro: #E8C678;
--cinza-fundo: #0D2536;
--branco: #FFFFFF;
--cinza-claro: #F5F7FA;
--texto: #1E252F;
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
background-color: var(--azul-escuro);
color: var(--branco);
line-height: 1.6;
}
main {
min-height: 100vh;
}
.container {
max-width: 1140px;
margin: 0 auto;
padding: 2rem 1.25rem;
}
/* HERO */
.hero {
background: radial-gradient(circle at top left, #123552 0, var(--azul-escuro) 75%);
padding: 2rem 0 12rem;
}
.hero-inner {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 48px;
align-items: center;
}
.hero-media img {
width: 100%;
border-radius: 12px;
box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}
.hero-text {
flex: 1 1 320px;
}
.hero-kicker {
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.8rem;
color: var(--dourado-claro);
margin-bottom: 0.75rem;
}
.hero h1 {
font-size: 2.4rem;
line-height: 1.2;
margin-bottom: 1rem;
}
.hero h1 span {
color: var(--dourado);
}
.hero-subtitle {
font-size: 1rem;
max-width: 560px;
color: #D3DEE9;
margin-bottom: 1.75rem;
}
.hero-image {
width: 100%;
border-radius: 12px;
margin-bottom: 20px;
}
.hero-highlights {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.5rem;
margin-bottom: 2rem;
font-size: 0.9rem;
color: #E1E7F0;
}
.hero-highlights span::before {
content: "• ";
color: var(--dourado);
}
.hero-cta {
display: flex;
flex-wrap: wrap;
gap: 1rem;
align-items: center;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.75rem;
border-radius: 999px;
font-size: 0.95rem;
font-weight: 500;
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.2s ease;
white-space: nowrap;
}
.btn-primary {
background-color: var(--dourado);
color: var(--azul-escuro);
border-color: var(--dourado);
}
.btn-primary:hover {
background-color: var(--dourado-claro);
border-color: var(--dourado-claro);
transform: translateY(-1px);
}
.btn-outline {
background-color: transparent;
color: var(--branco);
border-color: #2C475C;
}
.btn-outline:hover {
border-color: var(--dourado);
color: var(--dourado-claro);
transform: translateY(-1px);
}
.hero-note {
font-size: 0.8rem;
color: #A9B8C8;
}
.hero-side {
flex: 1 1 260px;
background: #1D3845;
border: 1px solid #1D3850;
border-radius: 18px;
padding: 1.75rem 1.5rem;
backdrop-filter: blur(4px);
}
.hero-side h2 {
font-size: 1.05rem;
margin-bottom: 0.75rem;
color: var(--dourado);
}
.hero-side p {
font-size: 0.9rem;
color: #CFD8E3;
margin-bottom: 1.25rem;
}
.hero-side ul {
list-style: none;
margin-bottom: 1rem;
}
.hero-side li {
font-size: 0.9rem;
margin-bottom: 0.35rem;
display: flex;
align-items: center;
gap: 0.4rem;
}
.hero-side li::before {
content: "✓";
color: var(--dourado);
font-size: 0.8rem;
}
.hero-support {
margin-top: -180px;
}
.hero-support .hero-side {
max-width: 720px;
margin: 0 auto;
box-shadow: 0 12px 30px rgba(0,0,0,0.18);
}
/* SEÇÃO SOBRE */
.section {
padding: 2rem 0;
background-color: var(--cinza-fundo);
}
.section-alt {
background-color: #060F17;
}
.section-header {
margin-bottom: 2.5rem;
text-align: left;
}
.section-kicker {
text-transform: uppercase;
letter-spacing: 0.16em;
font-size: 0.75rem;
color: var(--dourado-claro);
margin-bottom: 0.5rem;
}
.section-title {
font-size: 1.6rem;
margin-bottom: 0.5rem;
}
.section-description {
font-size: 0.95rem;
color: #D0D8E2;
max-width: 620px;
}
.sobre-grid {
display: flex;
flex-wrap: wrap;
gap: 2.5rem;
}
.sobre-text {
flex: 2 1 320px;
font-size: 0.95rem;
color: #E1E7F0;
}
.sobre-text p + p {
margin-top: 0.9rem;
}
.sobre-fatos {
flex: 1 1 240px;
border-radius: 16px;
border: 1px solid #203850;
padding: 1.25rem 1.25rem 1.1rem;
background: rgba(7, 29, 44, 0.85);
font-size: 0.9rem;
}
.badge {
display: inline-block;
padding: 0.2rem 0.7rem;
border-radius: 999px;
border: 1px solid var(--dourado);
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--dourado-claro);
margin-bottom: 0.75rem;
}
.sobre-fatos dl {
margin: 0;
}
.sobre-fatos dt {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: #91A4B8;
margin-top: 0.5rem;
}
.sobre-fatos dd {
margin: 0 0 0.35rem;
color: #E7ECF5;
font-weight: 500;
}
/* SERVIÇOS */
.servicos-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
.servico-card {
background-color: #071825;
border-radius: 16px;
border: 1px solid #203850;
padding: 1.3rem 1.2rem 1.1rem;
font-size: 0.9rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
min-height: 180px;
}
.servico-tag {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.14em;
color: var(--dourado-claro);
}
.servico-titulo {
font-size: 1rem;
font-weight: 600;
color: var(--branco);
}
.servico-texto {
color: #C5D0DD;
font-size: 0.88rem;
}
/* PROCESSO */
.processo-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
}
.passo {
background-color: #071825;
border-radius: 14px;
border: 1px solid #203850;
padding: 1.3rem 1.2rem 1.1rem;
font-size: 0.9rem;
}
.passo-numero {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.16em;
color: var(--dourado-claro);
margin-bottom: 0.35rem;
}
.passo-titulo {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.35rem;
}
.passo-texto {
color: #CBD6E3;
font-size: 0.88rem;
}
/* CTA FINAL */
.cta-final {
text-align: center;
padding: 3.5rem 0 4rem;
}
.cta-final h2 {
font-size: 1.7rem;
margin-bottom: 0.75rem;
}
.cta-final p {
font-size: 0.95rem;
color: #D0D8E2;
max-width: 520px;
margin: 0 auto 1.8rem;
}
.cta-badges {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.6rem;
margin-bottom: 1.5rem;
}
.cta-badges span {
font-size: 0.75rem;
padding: 0.2rem 0.6rem;
border-radius: 999px;
border: 1px solid #29415A;
color: #C7D3E0;
}
/* RESPONSIVO */
@media (max-width: 960px) {
.servicos-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.processo-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.hero {
padding-top: 4.5rem;
}
.hero-inner {
flex-direction: column;
}
.hero h1 {
font-size: 2rem;
}
.servicos-grid {
grid-template-columns: 1fr;
}
.sobre-grid {
flex-direction: column;
}
}
@media (max-width: 480px) {
.hero-cta {
flex-direction: column;
align-items: stretch;
}
.btn {
width: 100%;
}
}/* End custom CSS */