html {
scroll-behavior: smooth; } :root {
--cor-branca: #ffffff;
--cor-escura: #1a1a1a;
--fonte-titulo: 'Playfair Display', serif; 
--fonte-texto: 'Inter', sans-serif;
}
html, body {
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
} .hero-section {
position: relative; height: 100vh;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
text-align: center;
width: 100%;
}
.hero-overlay {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0, 0, 0, 0.2); 
z-index: 1;
} .logo img {
max-width: 200px; height: auto;
display: block;
} @media (max-width: 768px) {
.logo img {
max-width: 140px; 
}
} .hero-header-interno {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10; padding: 30px 0;
} body.admin-bar .hero-header-interno {
top: 32px;
}
.container-header {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
.logo {
text-decoration: none;
}
.logo-text {
color: var(--cor-branca);
font-family: var(--fonte-texto);
font-weight: 300;
font-size: 1.2rem;
}
.nav-desktop ul {
list-style: none;
display: flex;
gap: 30px;
margin: 0;
padding: 0;
}
.nav-desktop a {
color: var(--cor-branca);
text-decoration: none;
font-family: var(--fonte-texto);
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
transition: opacity 0.3s ease;
}
.nav-desktop a:hover {
opacity: 0.7;
}
.btn-vip-header {
background-color: var(--cor-branca);
color: var(--cor-escura);
padding: 10px 24px;
text-decoration: none;
font-family: var(--fonte-texto);
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
display: flex;
align-items: center;
gap: 8px;
transition: background 0.3s;
}
.btn-vip-header:hover {
background-color: #f0f0f0;
} .hero-content {
position: relative;
z-index: 5;
max-width: 800px;
padding: 0 20px;
}
.hero-title {
font-family: var(--fonte-titulo);
font-size: 4.5rem;
color: var(--cor-branca);
font-weight: 400;
line-height: 1.1;
margin-bottom: 24px;
margin-top: 40px; }
.hero-description {
font-family: var(--fonte-texto);
color: var(--cor-branca);
font-size: 1.1rem;
line-height: 1.6;
font-weight: 300;
margin-bottom: 40px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.btn-cta-main {
display: inline-block;
border: 1px solid var(--cor-branca);
color: var(--cor-branca);
padding: 16px 40px;
text-decoration: none;
font-family: var(--fonte-texto);
font-size: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
transition: all 0.3s ease;
}
.btn-cta-main:hover {
background-color: var(--cor-branca);
color: var(--cor-escura);
} @media (max-width: 768px) { html, html[style], body {
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden; 
}
.nav-desktop {
display: none !important; 
}
.header-landing, .hero-header-interno {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
background: transparent !important;
padding: 20px 0 !important;
z-index: 99999 !important;
}
.hero-section {
margin-top: 0 !important;
padding-top: 0 !important;
height: 100vh !important; background-position: 80% center !important; 
} .hero-overlay {
background: rgba(0, 0, 0, 0.4) !important;
}
.hero-title {
font-size: 2.5rem !important;
margin-top: 60px; 
}
.hero-description {
font-size: 1rem !important;
}
.btn-vip-header {
padding: 8px 16px !important;
font-size: 0.75rem !important;
}
.btn-cta-main {
padding: 14px 24px !important;
font-size: 0.8rem !important;
}
} .section-vip {
position: relative;
background-color: #F4EFE6; background-size: cover;
background-position: center right;
background-repeat: no-repeat;
padding: 100px 0;
min-height: 800px;
display: flex;
align-items: center;
}
.container-vip {
max-width: 1200px;
margin: 0 auto;
width: 100%;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.vip-content {
max-width: 500px; z-index: 2;
}
.vip-image-spacer {
width: 50%; }
.vip-title {
font-family: var(--fonte-titulo);
font-size: 3.5rem;
color: var(--cor-escura);
font-weight: 400;
line-height: 1.1;
margin-bottom: 30px;
} .btn-vip-black {
display: inline-flex;
align-items: center;
gap: 12px;
background-color: var(--cor-escura);
color: var(--cor-branca);
padding: 16px 32px;
text-decoration: none;
font-family: var(--fonte-texto);
font-size: 0.9rem;
font-weight: 500;
letter-spacing: 1px;
margin-bottom: 45px;
transition: background 0.3s ease;
}
.btn-vip-black:hover {
background-color: #333;
}
.vip-subtitle {
font-family: var(--fonte-texto);
font-size: 1rem;
font-weight: 500;
color: var(--cor-escura);
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 25px;
} .vip-list {
list-style: none;
padding: 0;
margin: 0;
}
.vip-list li {
font-family: var(--fonte-texto);
font-size: 1.25rem;
color: var(--cor-escura);
font-weight: 300;
margin-bottom: 16px;
display: flex;
align-items: flex-start;
gap: 12px;
} .vip-list li::before {
content: '✓'; 
font-weight: bold;
font-size: 1.2rem;
color: var(--cor-escura);
} @media (max-width: 768px) {
.section-vip {
padding: 60px 0; background-position: 70% center; 
}
.container-vip {
flex-direction: column;
justify-content: center;
}
.vip-image-spacer {
display: none; }
.vip-content {
max-width: 100%;
background: rgba(244, 239, 230, 0.85); padding: 30px 20px;
border-radius: 8px;
}
.vip-title {
font-size: 2.8rem;
margin-bottom: 20px;
}
.btn-vip-black {
padding: 14px 24px;
font-size: 0.8rem;
margin-bottom: 30px;
}
.vip-list li {
font-size: 1.1rem;
}
} .section-studio-digital {
background-color: #F8F6F0; padding: 80px 0 0 0; text-align: center;
}
.container-studio-text {
max-width: 800px;
margin: 0 auto;
padding: 0 20px 60px 20px;
}
.studio-logo-wrapper {
margin-bottom: 40px;
}
.studio-logo-img {
max-width: 250px; height: auto;
}
.studio-digital-title {
font-family: var(--fonte-texto); font-size: 1.1rem;
color: var(--cor-escura);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 25px;
}
.studio-digital-desc p {
font-family: var(--fonte-texto);
font-size: 1.1rem;
color: var(--cor-escura);
font-weight: 300;
line-height: 1.6;
} .studio-digital-desc b, 
.studio-digital-desc strong {
font-weight: 600;
} .slider-estampas-wrapper {
width: 100%;
overflow: hidden; } .slider-estampas-digital .slick-slide {
margin: 0 10px; }
.slider-estampas-digital .slick-list {
margin: 0 -10px; }
.item-estampa img {
width: 100%;
height: 400px; object-fit: cover; display: block;
} @media (max-width: 768px) {
.section-studio-digital {
padding: 50px 0 0 0;
}
.studio-logo-img {
max-width: 180px;
}
.studio-digital-title {
font-size: 0.9rem;
line-height: 1.4;
}
.studio-digital-desc p {
font-size: 0.95rem;
}
.item-estampa img {
height: 250px; }
} .section-composicoes {
background-color: #F8F6F0; padding: 100px 0;
}
.container-composicoes {
max-width: 1100px; margin: 0 auto;
padding: 0 20px;
}
.bloco-zigzag {
display: flex;
align-items: center; gap: 80px; margin-bottom: 120px;
} .bloco-zigzag:last-child {
margin-bottom: 0;
}
.zigzag-text, 
.zigzag-image {
flex: 1; }
.zigzag-image img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.zigzag-subtitle {
display: block;
font-family: var(--fonte-texto);
font-size: 0.75rem;
color: var(--cor-escura);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 15px;
}
.zigzag-title {
font-family: var(--fonte-titulo);
font-size: 3rem;
color: var(--cor-escura);
font-weight: 400;
line-height: 1.1;
margin-bottom: 25px;
}
.zigzag-desc p {
font-family: var(--fonte-texto);
font-size: 1.1rem;
color: var(--cor-escura);
font-weight: 300;
line-height: 1.6;
margin-bottom: 20px; }
.zigzag-desc p:last-child {
margin-bottom: 0;
} @media (max-width: 768px) {
.section-composicoes {
padding: 60px 0;
}
.bloco-zigzag {
flex-direction: column; gap: 40px;
margin-bottom: 80px;
} .zigzag-text {
order: 1;
text-align: center; }
.zigzag-image {
order: 2;
}
.zigzag-title {
font-size: 2.2rem;
margin-bottom: 20px;
}
.zigzag-desc p {
font-size: 1rem;
}
} .section-diferenciais {
background-color: #F1EFE9; padding: 100px 0;
}
.container-diferenciais {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.diferenciais-main-title {
text-align: center;
font-family: var(--fonte-titulo);
font-size: 2.5rem;
color: var(--cor-escura);
margin-bottom: 60px;
}
.grid-diferenciais {
display: flex;
flex-wrap: wrap;
justify-content: center; gap: 60px 40px; }
.item-diferencial {
flex: 0 0 calc(33.333% - 40px); max-width: 320px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.icone-diferencial {
margin-bottom: 25px;
height: 60px; display: flex;
align-items: flex-end;
justify-content: center;
}
.icone-diferencial img {
max-height: 100%;
width: auto;
}
.texto-diferencial {
font-family: var(--fonte-titulo); font-size: 1.3rem;
color: var(--cor-escura);
font-weight: 400;
line-height: 1.3;
text-transform: uppercase;
letter-spacing: 1px;
} @media (max-width: 992px) {
.item-diferencial {
flex: 0 0 calc(50% - 20px); }
}
@media (max-width: 768px) {
.section-diferenciais {
padding: 60px 0;
}
.grid-diferenciais {
gap: 50px 20px;
flex-direction: column;
align-items: center;
}
.item-diferencial {
flex: 0 0 100%; max-width: 280px;
}
.texto-diferencial {
font-size: 1.1rem;
}
.icone-diferencial {
margin-bottom: 15px;
height: 50px;
}
} .section-bases {
background-color: #F8F6F0; 
padding: 100px 0 80px 0;
text-align: center;
}
.bases-main-title {
font-family: var(--fonte-titulo);
font-size: 2.2rem;
color: var(--cor-escura);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 60px;
}
.slider-bases-wrapper {
width: 100%;
overflow: hidden;
}
.slider-bases .slick-slide {
margin: 0 15px; 
}
.slider-bases .slick-list {
margin: 0 -15px;
} .base-card {
background: #1a1a1a; border-radius: 4px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.base-img-wrapper {
width: 100%;
height: 320px; }
.base-img-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .base-composition-bar {
background-color: #1a1a1a;
color: #ffffff;
padding: 18px 10px;
text-align: center;
font-family: var(--fonte-texto);
font-size: 0.60rem;
font-weight: 500;
letter-spacing: 0.5px;
} @media (max-width: 768px) {
.section-bases {
padding: 60px 0 40px 0;
}
.bases-main-title {
font-size: 1.5rem;
margin-bottom: 40px;
padding: 0 20px;
}
.base-img-wrapper {
height: 220px;
}
.base-composition-bar {
font-size: 0.85rem;
padding: 14px 10px;
}
} .section-preto-intenso {
background-color: #000000; color: var(--cor-branca);
width: 100%;
}
.preto-container {
display: flex;
min-height: 700px; } .preto-bloco-imagem {
flex: 1; position: relative;
overflow: hidden;
display: flex;
align-items: flex-end; padding: 60px;
}
.img-preto-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
} .preto-overlay-gradiente {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
z-index: 2;
}
.titulo-sobre-imagem {
position: relative;
z-index: 3;
font-family: var(--fonte-titulo);
font-size: 3.5rem;
color: var(--cor-branca);
font-weight: 400;
line-height: 1.1;
max-width: 600px;
} .preto-bloco-texto {
flex: 1; display: flex;
align-items: center; justify-content: center;
padding: 60px;
}
.preto-texto-inner {
max-width: 450px; }
.preto-subtitulo {
display: block;
font-family: var(--fonte-texto);
font-size: 0.8rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
}
.preto-titulo {
font-family: var(--fonte-titulo);
font-size: 3rem;
font-weight: 400;
margin-bottom: 25px;
line-height: 1.1;
}
.preto-descricao p {
font-family: var(--fonte-texto);
font-size: 1.1rem;
font-weight: 300;
line-height: 1.6;
color: #e0e0e0; } @media (max-width: 992px) {
.preto-container {
flex-direction: column; }
.preto-bloco-imagem {
min-height: 500px;
padding: 40px 20px;
}
.titulo-sobre-imagem {
font-size: 2.5rem;
}
.preto-bloco-texto {
padding: 60px 20px;
}
.preto-texto-inner {
max-width: 100%;
text-align: center; }
} .section-rotativa {
background-color: #FFFFFF; padding-top: 80px;
}
.rotativa-header {
text-align: center;
max-width: 800px;
margin: 0 auto;
padding: 0 20px 80px 20px;
}
.rotativa-main-title {
font-family: var(--fonte-titulo);
font-size: 3.5rem;
font-weight: 400;
color: var(--cor-escura);
margin-bottom: 25px;
}
.rotativa-sub {
display: block;
font-family: var(--fonte-texto);
font-size: 0.9rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1.5px;
color: var(--cor-escura);
margin-bottom: 25px;
}
.rotativa-main-desc p {
font-family: var(--fonte-texto);
font-size: 1.1rem;
font-weight: 300;
color: var(--cor-escura);
line-height: 1.6;
} .rotativa-main-desc b,
.rotativa-main-desc strong {
font-weight: 600;
} .rotativa-grid-container {
display: grid;
grid-template-columns: 1fr 1fr; width: 100%;
}
.rotativa-box {
display: flex; } .box-texto {
background-color: #F8F6F0; align-items: center; justify-content: center; padding: 40px;
}
.box-texto-inner {
max-width: 400px; }
.box-subtitulo {
display: block;
font-family: var(--fonte-texto);
font-size: 0.75rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 15px;
color: var(--cor-escura);
}
.box-titulo {
font-family: var(--fonte-titulo);
font-size: 2.8rem;
font-weight: 400;
line-height: 1.1;
margin-bottom: 20px;
color: var(--cor-escura);
}
.box-descricao {
font-family: var(--fonte-texto);
font-size: 1rem;
font-weight: 300;
line-height: 1.5;
color: var(--cor-escura);
} .box-imagem img {
width: 100%;
height: 100%; min-height: 400px; 
object-fit: cover;
display: block; } @media (max-width: 768px) {
.section-rotativa {
padding-top: 50px;
}
.rotativa-header {
padding-bottom: 50px;
}
.rotativa-main-title {
font-size: 2.8rem;
} .rotativa-grid-container {
grid-template-columns: 1fr;
}
.box-texto {
padding: 60px 20px;
text-align: center;
}
.box-titulo {
font-size: 2.2rem;
}
.box-imagem img {
min-height: 300px;
}
} .section-showroom {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat; background-attachment: fixed; 
padding: 150px 0; text-align: center;
color: var(--cor-branca);
}
.showroom-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); z-index: 1;
}
.container-showroom {
position: relative;
z-index: 2; max-width: 800px;
margin: 0 auto;
padding: 0 20px;
}
.showroom-title {
font-family: var(--fonte-titulo);
font-size: 3.5rem;
font-weight: 400;
margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.showroom-subtitle {
font-family: var(--fonte-texto);
font-size: 1.2rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 40px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}
.showroom-desc p {
font-family: var(--fonte-texto);
font-size: 1.1rem;
font-weight: 300;
line-height: 1.6; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
} @media (max-width: 768px) {
.section-showroom {
padding: 100px 0; background-attachment: scroll; 
}
.showroom-title {
font-size: 2.5rem;
margin-bottom: 20px;
}
.showroom-subtitle {
font-size: 1rem;
margin-bottom: 30px;
}
.showroom-desc p {
font-size: 1rem;
}
} .section-formulario {
background-color: #F8F6F0; padding: 100px 0;
}
.container-formulario {
max-width: 600px; margin: 0 auto;
padding: 0 20px;
}
.formulario-titulo {
text-align: center;
margin-bottom: 50px;
}
.formulario-titulo h2 {
font-family: var(--fonte-titulo);
font-size: 2.5rem;
color: var(--cor-escura);
font-weight: 400;
} .form-lead-wrapper .form-group {
margin-bottom: 30px;
} .form-lead-wrapper .input-clean {
width: 100%;
background: transparent;
border: none;
border-bottom: 1px solid #1a1a1a; border-radius: 0; padding: 15px 0;
font-family: var(--fonte-texto);
font-size: 1.1rem;
color: var(--cor-escura);
outline: none;
transition: border-color 0.3s ease;
} .form-lead-wrapper .input-clean::placeholder {
color: #1a1a1a;
font-weight: 400;
}
.form-lead-wrapper .input-clean:focus {
border-bottom: 2px solid #000; } .form-group-radio {
display: flex;
align-items: center;
margin-bottom: 40px;
margin-top: 10px;
}
.radio-label-title {
font-family: var(--fonte-texto);
font-size: 1.1rem;
color: var(--cor-escura);
margin-right: 30px; } .wpcf7-list-item {
margin: 0 20px 0 0 !important;
} .wpcf7-list-item input[type="radio"] {
appearance: none; -webkit-appearance: none;
width: 20px;
height: 20px;
border: 1px solid #1a1a1a;
border-radius: 50%; background: transparent;
margin-right: 8px;
vertical-align: middle;
cursor: pointer;
position: relative;
top: -2px;
} .wpcf7-list-item input[type="radio"]:checked {
background: #1a1a1a;
box-shadow: inset 0 0 0 4px #F8F6F0; }
.wpcf7-list-item-label {
font-family: var(--fonte-texto);
font-size: 1.1rem;
color: var(--cor-escura);
cursor: pointer;
} .form-submit-wrapper {
text-align: center;
margin-top: 20px;
}
.btn-submit-lead {
background-color: var(--cor-escura);
color: var(--cor-branca);
border: none;
padding: 16px 40px;
font-family: var(--fonte-texto);
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 2px;
cursor: pointer;
transition: opacity 0.3s;
width: 100%; max-width: 300px;
}
.btn-submit-lead:hover {
opacity: 0.8;
} .wpcf7 form .wpcf7-response-output {
margin: 20px 0 0 0;
padding: 15px;
border: none;
font-family: var(--fonte-texto);
font-size: 0.9rem;
text-align: center;
} @media (max-width: 768px) {
.form-group-radio {
flex-direction: column;
align-items: flex-start;
}
.radio-label-title {
margin-bottom: 15px;
}
} .slick-slide img {
display: block;
width: 100%;
min-width: 100%; 
}