.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap"); :root {
--brand-red: #450F11;
--brand-red-light: #5a1416;
--heading-dark: #101828;
--body-text: #4A5565;
--light-bg: #F9FAFB;
--card-bg: #F3F4F6;
--border-color: #E5E7EB;
--footer-dark: #1E1E1E;
--footer-text: #99A1AF;
--white: #FFFFFF;
--star-gold: #FDC700;
--facebook-blue: #155DFC;
--linkedin-blue: #1447E6;
--font-family: 'Inter', sans-serif;
--brand-title-font: 'Cinzel', 'Times New Roman', Georgia, serif;
--heading-font: var(--brand-title-font);
--max-width: 1216px;
--section-padding: 80px 160px;
--transition: 0.3s ease;
} *, *::before, *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--font-family);
font-size: 16px;
line-height: 1.6;
color: var(--body-text);
background-color: var(--white);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
color: inherit;
transition: color var(--transition);
}
ul, ol {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
color: var(--heading-dark);
font-weight: 700;
font-family: var(--heading-font);
} .container {
max-width: var(--max-width);
margin: 0 auto;
width: 100%;
padding: 0 20px;
}
.section-label {
display: block;
width: 48px;
height: 4px;
background: var(--brand-red);
border-radius: 2px;
margin-bottom: 16px;
}
.section-title {
font-size: 36px;
font-weight: 500;
line-height: 40px;
color: var(--heading-dark);
margin-bottom: 12px;
}
.section-subtitle {
font-size: 16px;
line-height: 24px;
color: var(--body-text);
margin-bottom: 0;
} .top-bar {
background: var(--brand-red);
padding: 8px 0;
}
.top-bar .container {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 24px;
}
.top-bar-item {
display: flex;
align-items: center;
gap: 8px;
color: var(--white);
font-size: 14px;
line-height: 20px;
}
.top-bar-item i {
font-size: 14px;
} .main-header {
background: #3E0D0F;
box-shadow: 0 2px 4px -2px rgba(0,0,0,0.1), 0 4px 6px -1px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 1000;
}
.main-header .container {
display: flex;
justify-content: space-between;
align-items: center;
height: 88px;
}
.logo {
display: flex;
align-items: center;
gap: 12px;
}
.logo-icon {
width: 100%;
max-width: 180px;
}
.logo-item-footer {
max-width: 250px;
}
.logo-text {
display: flex;
flex-direction: column;
}
.logo-text .logo-name {
font-size: 24px;
font-weight: 500;
line-height: 36px;
color: var(--heading-dark);
}
.logo-text .logo-sub {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: var(--body-text);
letter-spacing: 2px;
}
.main-nav {
display: flex;
align-items: center;
gap: 32px;
}
.main-nav a {
font-size: 16px;
font-weight: 700;
line-height: 24px;
color: #ffffff;
font-family: var(--heading-font);
position: relative;
padding: 4px 0;
}
.main-nav a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: #ffffff;
transition: width var(--transition);
}
.main-nav a:hover::after,
.main-nav a.active::after {
width: 100%;
}
.main-nav a:hover {
color: #ffffff;
} .hamburger {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 8px;
flex-direction: column;
gap: 5px;
}
.hamburger span {
display: block;
width: 24px;
height: 2px;
background: #ffffff;
transition: all var(--transition);
}
.hamburger.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active span:nth-child(2) {
opacity: 0;
}
.hamburger.active span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
} .mobile-nav-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 999;
}
.mobile-nav-overlay.active {
display: block;
} .hero {
background-color: #450F11;
background-size: cover;
background-position: center;
padding: 128px 0 120px;
position: relative;
overflow: hidden;
}
.hero::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to right, rgba(69,15,17,0.88), rgba(90,20,22,0.72));
z-index: 0;
}
.hero .container {
position: relative;
z-index: 1;
}
.hero-title {
font-size: 60px;
font-weight: 500;
line-height: 70px;
color: var(--white);
margin-bottom: 24px;
}
.hero-subtitle {
font-size: 20px;
font-weight: 400;
line-height: 28px;
color: #E5E7EB;
margin-bottom: 40px;
max-width: 540px;
}
.btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--white);
color: var(--brand-red);
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 14px 28px;
border-radius: 8px;
border: none;
cursor: pointer;
transition: all var(--transition);
}
.btn-primary:hover {
background: #f0f0f0;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.btn-primary i {
font-size: 14px;
}
.btn-brand {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--brand-red);
color: var(--white);
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 14px 28px;
border-radius: 8px;
border: none;
cursor: pointer;
transition: all var(--transition);
}
.btn-brand:hover {
background: var(--brand-red-light);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(69,15,17,0.3);
} .about-section {
background: var(--white);
padding: 80px 0;
}
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 64px;
align-items: center;
}
.about-content .section-label {
margin-bottom: 16px;
}
.about-content .section-title {
margin-bottom: 20px;
}
.about-content p {
font-size: 16px;
line-height: 26px;
color: var(--body-text);
margin-bottom: 16px;
}
.about-content .btn-brand {
margin-top: 16px;
}
.about-features {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.about-image {
display: flex;
flex-direction: column;
border-radius: 12px;
overflow: hidden;
border: 1px solid var(--border-color);
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.about-image img {
width: 100%;
height: 500px;
object-fit: cover;
display: block;
border-radius: 0;
}
.feature-card {
background: var(--light-bg);
padding: 24px;
border-radius: 12px;
transition: transform var(--transition), box-shadow var(--transition);
}
.feature-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.feature-card .feature-icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
color: var(--brand-red);
font-size: 24px;
}
.feature-card h3 {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin-bottom: 8px;
}
.feature-card p {
font-size: 14px;
line-height: 20px;
color: var(--body-text);
} .areas-section {
background: var(--light-bg);
padding: 80px 0;
}
.areas-header {
text-align: left;
margin-bottom: 48px;
}
.areas-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.areas-grid-home {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.area-card {
background: var(--white);
padding: 32px;
border-radius: 12px;
transition: transform var(--transition), box-shadow var(--transition);
display: block;
color: inherit;
text-decoration: none;
border: 1px solid #d5d5d5;
}
.area-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.area-icon {
width: 48px;
height: 48px;
background: var(--brand-red);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
color: var(--white);
font-size: 20px;
}
.area-card h3 {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin-bottom: 12px;
}
.area-card p {
font-size: 14px;
line-height: 22.75px;
color: var(--body-text);
}
.cta-atuacao-btn {
display: flex;
justify-content: center;
padding-top: 30px;
} .testimonials-section {
background: var(--white);
padding: 80px 0;
}
.testimonials-header {
margin-bottom: 25px;
}
.testimonials-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.areas-testemonial .testimonial-card {
background-color: #ffffff;
}
.testimonial-card {
background: var(--light-bg);
padding: 32px;
border-radius: 12px;
display: flex;
flex-direction: column;
gap: 16px;
}
.testimonial-stars {
display: flex;
gap: 4px;
color: var(--star-gold);
font-size: 16px;
}
.testimonial-card blockquote {
font-size: 16px;
line-height: 24px;
color: var(--body-text);
font-style: normal;
}
.testimonial-card .author {
font-size: 16px;
line-height: 24px;
color: var(--heading-dark);
font-weight: 500;
margin-top: auto;
} .instagram-section {
background: var(--light-bg);
padding: 80px 0;
}
.instagram-header {
margin-bottom: 16px;
}
.instagram-link {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--brand-red);
font-size: 16px;
line-height: 24px;
margin-bottom: 32px;
}
.instagram-link:hover {
opacity: 0.8;
}
.instagram-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.instagram-card {
position: relative;
display: block;
overflow: hidden;
border-radius: 18px;
aspect-ratio: 1;
border: 1px solid rgba(69, 15, 17, 0.12);
box-shadow: 0 18px 40px rgba(15, 23, 43, 0.12);
transition: transform var(--transition), box-shadow var(--transition), opacity var(--transition);
}
.instagram-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.instagram-card::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(15, 23, 43, 0.16) 100%);
opacity: 0;
transition: opacity var(--transition);
}
.instagram-card:hover {
transform: translateY(-4px);
box-shadow: 0 24px 50px rgba(15, 23, 43, 0.18);
}
.instagram-card:hover::after {
opacity: 1;
} .articles-section {
background: var(--white);
padding: 80px 0;
}
.articles-header {
margin-bottom: 48px;
}
.articles-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.article-card {
background: var(--light-bg);
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform var(--transition), box-shadow var(--transition);
border: 1px solid #d5d5d5;
}
.article-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.article-card .article-img {
width: 100%;
height: 200px;
background: var(--border-color);
display: flex;
align-items: center;
justify-content: center;
color: #9CA3AF;
font-size: 32px;
}
.article-card .article-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.article-card .article-body {
padding: 24px;
display: flex;
flex-direction: column;
gap: 12px;
flex: 1;
}
.article-card .article-tag {
font-size: 14px;
line-height: 20px;
color: var(--brand-red);
font-weight: 400;
}
.article-card h3 {
font-size: 18px;
font-weight: 500;
line-height: 27px;
}
.article-card .article-body p {
font-size: 14px;
line-height: 20px;
color: var(--body-text);
}
.article-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
color: var(--brand-red);
margin-top: auto;
}
.article-link:hover {
gap: 10px;
}
.article-link i {
font-size: 12px;
transition: transform var(--transition);
}
.articles-page {
padding-top: 64px;
}
.articles-page-pagination {
margin-top: 36px;
}
.articles-page-pagination .nav-links {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}
.articles-page-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
padding: 0 12px;
border-radius: 8px;
border: 1px solid var(--border-color);
color: var(--heading-dark);
background: var(--white);
text-decoration: none;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.articles-page-pagination .page-numbers.current {
background: var(--brand-red);
color: var(--white);
border-color: var(--brand-red);
}
.articles-page-pagination a.page-numbers:hover {
border-color: var(--brand-red);
color: var(--brand-red);
} .links-section {
background: var(--light-bg);
padding: 80px 0;
}
.links-header {
margin-bottom: 48px;
}
.links-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.link-card {
background: var(--white);
padding: 24px;
border-radius: 12px;
transition: transform var(--transition), box-shadow var(--transition);
}
.link-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.link-card h3 {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin-bottom: 8px;
}
.link-card p {
font-size: 14px;
line-height: 20px;
color: var(--body-text);
} .contact-section {
background: var(--white);
padding: 80px 0;
}
.contact-header {
margin-bottom: 48px;
}
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
align-items: start;
}
.contact-map {
background: var(--card-bg);
border-radius: 12px;
overflow: hidden;
min-height: 400px;
}
.contact-map iframe {
width: 100%;
height: 480px;
min-height: 400px;
}
.contact-info {
display: flex;
flex-direction: column;
gap: 28px;
}
.contact-item {
display: flex;
align-items: flex-start;
gap: 16px;
}
.contact-icon {
width: 44px;
height: 44px;
min-width: 44px;
background: var(--brand-red);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 18px;
}
.contact-item-text h3 {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin-bottom: 4px;
}
.contact-item-text p,
.contact-item-text a {
font-size: 16px;
line-height: 24px;
color: var(--body-text);
display: block;
}
.contact-item-text a:hover {
color: var(--brand-red);
}
.contact-form-link {
align-self: flex-start;
}
.contact-social h3 {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin-bottom: 12px;
}
.social-links {
display: flex;
gap: 12px;
}
.social-link {
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--white);
font-size: 18px;
transition: transform var(--transition), opacity var(--transition);
}
.social-link:hover {
transform: scale(1.1);
opacity: 0.9;
}
.social-link.facebook { background: var(--facebook-blue); }
.social-link.linkedin { background: var(--linkedin-blue); }
.social-link.whatsapp { background: #25D366; } .whatsapp-float {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 950;
display: inline-flex;
align-items: center;
gap: 8px;
background: #25D366;
color: var(--white);
font-weight: 700;
font-size: 14px;
text-decoration: none;
padding: 12px 14px;
border-radius: 999px;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
transition: transform var(--transition), box-shadow var(--transition), opacity var(--transition);
}
.whatsapp-float i {
font-size: 45px;
line-height: 1;
}
.whatsapp-float:hover {
transform: translateY(-2px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.28);
opacity: 0.95;
} .site-footer {
background: var(--footer-dark);
padding: 48px 0 0;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1.5fr;
gap: 48px;
padding-bottom: 48px;
}
.footer-brand .footer-logo {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
}
.footer-brand .footer-logo-name {
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: var(--white);
}
.footer-brand .footer-logo-sub {
font-size: 14px;
line-height: 20px;
color: var(--footer-text);
letter-spacing: 2px;
}
.footer-brand > p {
font-size: 14px;
line-height: 22.75px;
color: var(--footer-text);
}
.footer-col h3 {
font-size: 18px;
font-weight: 500;
line-height: 27px;
color: var(--white);
margin-bottom: 16px;
}
.footer-col ul li {
margin-bottom: 8px;
}
.footer-col ul li a {
font-size: 14px;
line-height: 20px;
color: var(--footer-text);
transition: color var(--transition);
}
.footer-col ul li a:hover {
color: var(--white);
}
.footer-contact-list li {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 8px;
font-size: 14px;
line-height: 20px;
color: var(--footer-text);
}
.footer-contact-list li i {
margin-top: 3px;
min-width: 14px;
}
.footer-social-label {
font-size: 14px;
line-height: 20px;
color: var(--white);
margin-top: 16px;
margin-bottom: 12px;
}
.footer-social-links {
display: flex;
gap: 10px;
}
.footer-social-links .social-link {
width: 32px;
height: 32px;
font-size: 14px;
}
.footer-bottom {
border-top: 1px solid #333;
padding: 24px 0;
}
.footer-bottom .container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.footer-bottom .footer-copy {
text-align: left;
margin: 0;
}
.footer-bottom .footer-privacy {
text-align: right;
margin: 0;
}
.footer-bottom a {
color: var(--footer-text);
transition: color var(--transition);
}
.footer-bottom a:hover {
color: var(--white);
}
@media (max-width: 600px) {
.footer-bottom .container {
flex-direction: column;
text-align: center;
}
.footer-bottom .footer-copy,
.footer-bottom .footer-privacy {
text-align: center;
}
}
.footer-nav {
display: flex;
align-items: center;
gap: 0;
flex-wrap: wrap;
justify-content: center;
}
.footer-nav a {
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: var(--footer-text);
padding: 0 12px;
transition: color var(--transition);
}
.footer-nav a:hover {
color: var(--white);
}
.footer-nav .separator {
color: var(--footer-text);
font-size: 14px;
} @media (max-width: 1024px) {
:root {
--section-padding: 60px 40px;
}
.hero-title {
font-size: 44px;
line-height: 52px;
}
.hero-subtitle {
font-size: 18px;
line-height: 26px;
}
.about-grid {
grid-template-columns: 1fr;
gap: 40px;
}
.areas-grid {
grid-template-columns: repeat(2, 1fr);
}
.testimonials-grid {
grid-template-columns: repeat(2, 1fr);
}
.testimonials-grid .testimonial-card:last-child {
grid-column: span 2;
max-width: 50%;
margin: 0 auto;
}
.about-image img {
height: auto;
}
.areas-grid-home {
grid-template-columns: repeat(1, 1fr);
}
.instagram-grid {
grid-template-columns: repeat(2, 1fr);
}
.articles-grid {
grid-template-columns: repeat(2, 1fr);
}
.articles-grid .article-card:last-child {
grid-column: span 2;
max-width: 50%;
margin: 0 auto;
}
.links-grid {
grid-template-columns: repeat(2, 1fr);
}
.footer-grid {
grid-template-columns: 1fr 1fr;
gap: 32px;
}
} @media (max-width: 768px) {
.top-bar .container {
flex-direction: column;
gap: 8px;
padding: 8px 16px;
}
.top-bar-item {
font-size: 12px;
} .main-header .container {
height: 75px;
padding: 0 16px;
}
.main-nav {
display: none;
position: fixed;
top: 64px;
left: 0;
right: 0;
bottom: 0;
background: #3E0D0F;
flex-direction: column;
padding: 24px;
gap: 0;
z-index: 1000;
overflow-y: auto;
min-height: min-content;
}
.main-nav.active {
display: flex;
}
.main-nav a {
padding: 16px 0;
border-bottom: 1px solid var(--border-color);
width: 100%;
font-size: 18px;
}
.main-nav a::after {
display: none;
}
.hamburger {
display: flex;
} .hero {
padding: 80px 0 60px;
}
.hero-title {
font-size: 32px;
line-height: 40px;
}
.hero-subtitle {
font-size: 16px;
line-height: 24px;
} .about-section {
padding: 48px 0;
}
.about-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.about-features {
grid-template-columns: 1fr;
}
.section-title {
font-size: 28px;
line-height: 34px;
} .areas-section {
padding: 48px 0;
}
.areas-grid {
grid-template-columns: 1fr;
} .testimonials-section {
padding: 48px 0;
}
.testimonials-grid {
grid-template-columns: 1fr;
}
.testimonials-grid .testimonial-card:last-child {
grid-column: auto;
max-width: 100%;
} .instagram-section {
padding: 48px 0;
}
.instagram-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
} .articles-section {
padding: 48px 0;
}
.articles-grid {
grid-template-columns: 1fr;
}
.articles-grid .article-card:last-child {
grid-column: auto;
max-width: 100%;
} .links-section {
padding: 48px 0;
}
.links-grid {
grid-template-columns: 1fr 1fr;
gap: 12px;
} .contact-section {
padding: 48px 0;
}
.contact-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.contact-map {
min-height: 280px;
}
.contact-map iframe {
min-height: 430px;
} .site-footer {
padding: 32px 0 0;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.footer-nav {
gap: 0;
}
.footer-nav a {
font-size: 14px;
padding: 0 8px;
}
.footer-brand .footer-logo {
justify-content: center;
}
.footer-brand p, .footer-col {
text-align: center;
}
.footer-contact-list li, .footer-social-links {
justify-content: center;
}
} @media (max-width: 480px) {
.hero-title {
font-size: 28px;
line-height: 36px;
}
.section-title {
font-size: 24px;
line-height: 30px;
}
.links-grid {
grid-template-columns: 1fr;
}
.instagram-grid {
grid-template-columns: 1fr 1fr;
}
.btn-primary,
.btn-brand {
width: 100%;
justify-content: center;
padding: 14px 20px;
}
.top-bar {
display: none;
}
} .page-banner {
background: linear-gradient(to right, #450F11, #5A1416);
padding: 60px 0;
}
.page-banner h1 {
font-size: 36px;
font-weight: 500;
line-height: 44px;
color: var(--white);
} .politica-banner {
padding: 90px 0;
background-color: var(--brand-red);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} .politica-main-card h3 {
font-size: 26px;
line-height: 34px;
}
.politica-main-card h4 {
font-size: 20px;
line-height: 28px;
color: var(--heading-dark);
margin-top: 20px;
margin-bottom: 10px;
} .page-content {
padding: 60px 0;
}
.page-content .container {
max-width: var(--max-width);
}
.page-content p {
font-size: 16px;
line-height: 26px;
color: var(--body-text);
margin-bottom: 16px;
}
.page-content h1 {
font-size: 28px;
font-weight: 500;
line-height: 36px;
color: var(--heading-dark);
margin-bottom: 20px;
}
.page-content h3 {
font-size: 20px;
font-weight: 500;
line-height: 28px;
color: var(--heading-dark);
margin-bottom: 12px;
margin-top: 24px;
}
.whatsapp-float {
right: 14px;
bottom: 14px;
padding: 11px 13px;
}
.whatsapp-float span {
display: none;
}
.page-content h3:first-child {
margin-top: 0;
}
.page-content h5 {
font-size: 14px;
font-weight: 400;
color: var(--body-text);
margin-bottom: 8px;
}
.page-content ul,
.page-content ol {
list-style: revert;
padding-left: 24px;
margin-bottom: 16px;
}
.page-content ul li,
.page-content ol li {
font-size: 16px;
line-height: 26px;
color: var(--body-text);
margin-bottom: 8px;
}
.page-content img {
border-radius: 12px;
margin: 20px 0;
}
.page-content a {
color: var(--brand-red);
}
.page-content a:hover {
text-decoration: underline;
} .single-post-section {
background: var(--white);
padding: 60px 0;
}
.single-post-main {
max-width: 860px;
margin: 0 auto;
}
.single-post-card {
background: transparent;
border: none;
border-radius: 0;
padding: 0;
box-shadow: none;
}
.single-post-title {
font-size: 38px;
line-height: 46px;
margin-bottom: 10px;
color: var(--heading-dark);
}
.single-post-meta {
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
margin-bottom: 20px;
color: var(--body-text);
font-size: 14px;
line-height: 20px;
}
.single-post-featured {
margin: 0 0 24px;
}
.single-post-featured img {
width: 100%;
height: auto;
border-radius: 12px;
display: block;
}
.single-post-content {
color: var(--body-text);
}
.single-post-content p {
font-size: 16px;
line-height: 28px;
margin-bottom: 16px;
} .article-list-card {
display: flex;
gap: 24px;
padding: 24px 0;
border-bottom: 1px solid var(--border-color);
}
.article-list-card:last-child {
border-bottom: none;
}
.article-list-card img {
width: 200px;
height: 150px;
object-fit: cover;
border-radius: 8px;
flex-shrink: 0;
margin: 0;
}
.article-list-card .article-list-body h3 {
font-size: 18px;
font-weight: 500;
line-height: 27px;
margin-bottom: 8px;
margin-top: 0;
}
.article-list-card .article-list-body h5 {
color: var(--body-text);
margin-bottom: 8px;
}
.article-list-card .article-list-body p {
margin-bottom: 12px;
}
.btn-read-more {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--brand-red);
color: var(--white);
font-size: 14px;
font-weight: 500;
padding: 10px 20px;
border-radius: 6px;
margin-top: 8px;
}
.btn-read-more:hover {
background: var(--brand-red-light);
text-decoration: none;
} .page-content .foto-legenda {
margin: 24px 0;
text-align: center;
}
.page-content .foto-legenda img {
max-width: 100%;
border-radius: 12px;
margin-bottom: 8px;
}
.page-content .foto-legenda h5 {
font-size: 13px;
color: var(--body-text);
}
.page-content .gallery-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin: 24px 0;
} .escritorio-page {
background: linear-gradient(180deg, #f7f7f8 0%, #ffffff 260px);
}
.escritorio-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 32px;
align-items: start;
}
.escritorio-main-card {
background: var(--white);
border: 1px solid var(--border-color);
border-radius: 16px;
padding: 32px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.escritorio-main-card h2 {
font-size: 34px;
line-height: 40px;
margin-bottom: 24px;
padding-bottom: 10px;
border-bottom: 3px solid #0f2b46;
}
.escritorio-intro-grid {
display: grid;
grid-template-columns: 300px minmax(0, 1fr);
gap: 24px;
align-items: start;
}
.escritorio-media-card,
.escritorio-featured-building,
.escritorio-gallery-grid figure {
margin: 0;
}
.escritorio-media-card img,
.escritorio-featured-building img,
.escritorio-gallery-grid img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
border-radius: 12px;
margin: 0;
transition: transform var(--transition), opacity var(--transition);
}
.escritorio-featured-building {
margin-top: 28px;
}
.escritorio-featured-building figcaption,
.escritorio-gallery-grid figcaption {
margin-top: 8px;
font-size: 13px;
line-height: 20px;
color: #5e6670;
}
.escritorio-gallery-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
margin-top: 28px;
}
.escritorio-gallery-grid figure a {
display: block;
overflow: hidden;
border-radius: 12px;
}
.escritorio-gallery-grid figure a:hover img {
transform: scale(1.04);
opacity: 0.88;
}
.escritorio-contact-card {
background: var(--white);
border: 1px solid var(--border-color);
border-radius: 16px;
padding: 24px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
position: sticky;
top: 104px;
}
.escritorio-contact-card h3 {
margin: 0 0 16px;
font-size: 20px;
}
.links-uteis-page .links-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 20px;
}
.links-uteis-page .link-card {
text-decoration: none;
color: inherit;
border: 1px solid var(--border-color);
}
.contato-main-card h2 {
margin-bottom: 24px;
padding-bottom: 10px;
}
.contato-main-card h3 {
font-size: 27px;
line-height: 32px;
margin-top: 22px;
margin-bottom: 10px;
}
.contato-agendamento-form {
margin-top: 28px;
}
.contato-agendamento-form label {
display: block;
margin-bottom: 12px;
}
.contato-agendamento-form span {
display: block;
font-size: 14px;
font-weight: 500;
color: var(--heading-dark);
margin-bottom: 6px;
}
.contato-agendamento-form input,
.contato-agendamento-form select,
.contato-agendamento-form textarea {
width: 100%;
border: 1px solid #aeb4bc;
border-radius: 8px;
padding: 10px 12px;
font-family: var(--font-family);
font-size: 15px;
color: var(--heading-dark);
background: var(--white);
}
.contato-agendamento-form textarea {
min-height: 190px;
resize: vertical;
}
.contato-agendamento-form input:focus,
.contato-agendamento-form select:focus,
.contato-agendamento-form textarea:focus {
outline: none;
border-color: var(--brand-red);
box-shadow: 0 0 0 3px rgba(69,15,17,0.12);
}
.contato-agendamento-form .btn-brand {
min-width: 140px;
justify-content: center;
border: none;
cursor: pointer;
margin-top: 6px;
}
.contato-info-card {
background: #f4f5f7;
}
.contato-info-card h3 {
margin: 0 0 18px;
text-align: left;
}
.contato-info-block {
text-align: left;
padding: 14px 0;
border-top: 1px solid #dde1e6;
}
.contato-info-block:first-of-type {
border-top: none;
}
.contato-info-block h4 {
margin: 0 0 10px;
font-size: 18px;
line-height: 30px;
}
.contato-info-block p {
margin: 0;
font-size: 15px;
line-height: 24px;
}
.contato-info-block a {
color: var(--heading-dark);
text-decoration: none;
display: inline-block;
margin: 0 6px;
}
.contato-info-block a:hover {
color: var(--brand-red);
} .areas-page-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
margin-bottom: 48px;
}
.areas-page-grid a {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
background: var(--light-bg);
border-radius: 12px;
transition: transform var(--transition), box-shadow var(--transition);
}
.areas-page-grid a:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
text-decoration: none;
}
.areas-page-grid a img {
width: 80px;
height: 80px;
object-fit: cover;
border-radius: 8px;
margin: 0 0 12px 0;
}
.areas-page-grid a h3 {
font-size: 14px;
margin: 0;
color: var(--heading-dark);
}
.area-detail {
padding: 32px 0;
border-bottom: 1px solid var(--border-color);
}
.area-detail:last-child {
border-bottom: none;
}
.area-detail h3 {
margin-top: 0;
font-size: 22px;
} .contact-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 48px;
margin-top: 32px;
}
.contact-form-grid .contact-form input,
.contact-form-grid .contact-form select,
.contact-form-grid .contact-form textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--border-color);
border-radius: 8px;
font-family: var(--font-family);
font-size: 16px;
color: var(--heading-dark);
margin-bottom: 16px;
background: var(--white);
}
.contact-form-grid .contact-form input:focus,
.contact-form-grid .contact-form select:focus,
.contact-form-grid .contact-form textarea:focus {
outline: none;
border-color: var(--brand-red);
}
.contact-form-grid .contact-form input[type="submit"] {
background: var(--brand-red);
color: var(--white);
border: none;
cursor: pointer;
font-weight: 500;
padding: 14px 28px;
border-radius: 8px;
width: auto;
}
.contact-form-grid .contact-form input[type="submit"]:hover {
background: var(--brand-red-light);
}
.contact-sidebar h3 {
margin-top: 0;
}
.contact-sidebar p {
margin-bottom: 8px;
} .links-page-section h3 {
margin-top: 32px;
margin-bottom: 12px;
font-size: 20px;
}
.links-page-section h3:first-child {
margin-top: 0;
}
.links-page-section a {
display: block;
padding: 8px 0;
color: var(--brand-red);
font-size: 16px;
}
.links-page-section a:hover {
text-decoration: underline;
} .page-content .success-message {
text-align: center;
padding: 60px 20px;
}
.page-content .success-message h3 {
font-size: 24px;
color: var(--heading-dark);
margin-top: 0;
} .wpcf7-form-control {
width: 100%;
}
.wpcf7-form label {
display: block;
font-size: 15px;
margin-bottom: 6px;
color: var(--body-text);
}
.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--border-color);
border-radius: 8px;
font-family: var(--font-family);
font-size: 16px;
color: var(--heading-dark);
background: #f0f0f1;
}
.wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus {
outline: none;
border-color: var(--brand-red);
}
.wpcf7-form-control.wpcf7-select {
width: 100%;
border: 1px solid var(--border-color);
border-radius: 8px;
padding: 11px 12px;
font-family: var(--font-family);
font-size: 14px;
color: var(--heading-dark);
background: #f0f0f1;
}
.wpcf7-form-control.wpcf7-submit {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--brand-red);
color: var(--white);
font-size: 16px;
font-weight: 500;
line-height: 24px;
padding: 14px 28px;
border-radius: 8px;
border: none;
cursor: pointer;
transition: all var(--transition);
} .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item label {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 15px;
line-height: 22px;
color: var(--body-text);
cursor: pointer;
margin-bottom: 0;
}
.wpcf7-acceptance input[type="checkbox"] {
width: 18px;
min-width: 18px;
height: 18px;
margin-top: 2px;
padding: 0;
accent-color: var(--brand-red);
cursor: pointer;
}
.wpcf7-acceptance .wpcf7-list-item-label a {
color: var(--brand-red);
font-weight: 600;
text-decoration: underline;
}
.wpcf7-acceptance .wpcf7-list-item-label a:hover {
opacity: 0.85;
} .home .contact-form-card .wpcf7-acceptance .wpcf7-list-item label {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 0;
color: var(--body-text);
font-weight: 400;
}
.home .contact-form-card .wpcf7-acceptance input[type="checkbox"] {
width: 18px;
min-width: 18px;
height: 18px;
margin-top: 2px;
padding: 0;
accent-color: var(--brand-red);
} @media (max-width: 1024px) {
.escritorio-layout {
grid-template-columns: 1fr;
}
.escritorio-contact-card {
position: static;
}
.escritorio-intro-grid {
grid-template-columns: 1fr;
}
.areas-page-grid {
grid-template-columns: repeat(2, 1fr);
}
.contact-form-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.single-post-section {
padding: 40px 0;
}
.single-post-card {
padding: 0;
}
.single-post-title {
font-size: 30px;
line-height: 38px;
}
.escritorio-main-card {
padding: 22px;
}
.escritorio-main-card h2 {
font-size: 28px;
line-height: 34px;
}
.escritorio-gallery-grid {
grid-template-columns: 1fr;
}
.links-uteis-page .links-grid {
grid-template-columns: 1fr;
}
.contato-main-card h3 {
font-size: 22px;
line-height: 28px;
}
.contato-agendamento-form .btn-brand {
width: 100%;
}
.page-banner {
padding: 40px 0;
}
.page-banner h1 {
font-size: 28px;
line-height: 36px;
}
.page-content {
padding: 40px 0;
}
.article-list-card {
flex-direction: column;
}
.article-list-card img {
width: 100%;
height: 200px;
}
.page-content .gallery-row {
grid-template-columns: 1fr;
}
.areas-page-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 480px) {
.areas-page-grid {
grid-template-columns: 1fr;
}
} .main-nav .main-nav-list,
.footer-nav .footer-nav-list {
list-style: none;
margin: 0;
padding: 0;
}
.main-nav .main-nav-list {
display: flex;
align-items: center;
gap: 32px;
}
.main-nav .main-nav-list li {
margin: 0;
}
.main-nav .main-nav-list li a {
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
line-height: 24px;
color: #ffffff;
position: relative;
padding: 4px 0;
display: inline-block;
}
.main-nav .main-nav-list li a::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
background: #ffffff;
transition: width var(--transition);
}
.main-nav .main-nav-list li.current-menu-item > a,
.main-nav .main-nav-list li.current_page_item > a,
.main-nav .main-nav-list li a:hover {
color: #ffffff;
}
.main-nav .main-nav-list li.current-menu-item > a::after,
.main-nav .main-nav-list li.current_page_item > a::after,
.main-nav .main-nav-list li a:hover::after {
width: 100%;
}
.footer-nav .footer-nav-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.footer-nav .footer-nav-list li a {
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: var(--footer-text);
padding: 0 12px;
transition: color var(--transition);
}
.footer-nav .footer-nav-list li a:hover {
color: var(--white);
} .main-nav .main-nav-list li.menu-item-has-children {
position: relative;
}
.main-nav .main-nav-list li.menu-item-has-children > a {
padding-right: 18px;
}
.main-nav .main-nav-list li.menu-item-has-children > a::before {
content: '\25BE';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 22px;
}
.main-nav .main-nav-list .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #3E0D0F;
min-width: 220px;
list-style: none;
margin: 0;
padding: 8px 0;
border-radius: 8px;
box-shadow: 0 4px 16px rgba(0,0,0,0.12);
border-top: 3px solid #ffffff;
z-index: 200;
}
.main-nav .main-nav-list li.menu-item-has-children:hover > .sub-menu,
.main-nav .main-nav-list li.menu-item-has-children:focus-within > .sub-menu {
display: block;
}
.main-nav .main-nav-list .sub-menu li a {
display: block;
padding: 10px 20px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
white-space: nowrap;
border-bottom: none;
}
.main-nav .main-nav-list .sub-menu li a::after {
display: none;
} .mobile-nav-close {
display: none;
}
@media (max-width: 768px) {
.main-nav .main-nav-list {
width: 100%;
flex-direction: column;
gap: 0;
}
.main-nav .main-nav-list li {
width: 100%;
}
.main-nav .main-nav-list li a {
padding: 16px 0;
border-bottom: 1px solid var(--border-color);
width: 100%;
font-size: 18px;
}
.main-nav .main-nav-list li a::after {
display: none;
}
.footer-nav .footer-nav-list li a {
font-size: 14px;
padding: 0 8px;
}
.mobile-nav-close {
display: flex;
align-items: center;
justify-content: center;
align-self: flex-end;
background: none;
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: 6px;
cursor: pointer;
font-size: 20px;
color: #ffffff;
width: 40px;
height: 40px;
margin-bottom: 8px;
flex-shrink: 0;
}
.main-nav .main-nav-list .sub-menu {
position: static;
display: block;
box-shadow: none;
border-radius: 0;
border-top: none;
border-left: 2px solid rgba(255, 255, 255, 0.55);
padding: 0 0 0 12px;
min-width: auto;
margin-left: 8px;
}
.main-nav .main-nav-list .sub-menu li a {
font-size: 16px;
padding: 12px 0;
border-bottom: 1px solid var(--border-color);
white-space: normal;
}
} .direito-trabalho-page .hero .container {
min-height: 362px;
}
.trabalho-intro-section {
background: var(--white);
padding: 84px 0;
}
.trabalho-services-section {
background: var(--light-bg);
padding: 84px 0;
}
.direito-trabalho-page .areas-section {
background: var(--white);
}
.direito-trabalho-page .testimonials-section {
background: #450f11;
}
.direito-trabalho-page .contact-section {
background: var(--white);
}
.trabalho-narrow-container {
max-width: 760px;
text-align: center;
}
.trabalho-header-standard {
text-align: center;
margin: 0 auto 40px;
}
.trabalho-header-standard .section-label {
margin: 0 auto 18px;
}
.direito-trabalho-page .section-title {
text-align: center;
}
.direito-trabalho-page .section-subtitle {
text-align: center;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.direito-trabalho-page h3 {
color: var(--heading-dark);
font-family: var(--font-family);
}
.trabalho-cards-grid {
display: grid;
gap: 18px;
}
.trabalho-cards-grid-services {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.trabalho-cards-grid-services .trabalho-card {
flex: 1 1 calc(33.333% - 12px);
max-width: calc(33.333% - 12px);
}
.trabalho-card {
background: var(--white);
border: 1px solid #e7e9ee;
border-radius: 8px;
padding: 22px 18px 20px;
min-height: 156px;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.03);
}
.trabalho-card-icon {
width: 38px;
height: 38px;
border-radius: 8px;
background: #5a1113;
color: var(--white);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 16px;
margin-bottom: 18px;
}
.trabalho-card h3 {
font-size: 19px;
line-height: 1.35;
font-weight: 500;
color: var(--heading-dark);
margin: 0 0 10px;
}
.trabalho-card p {
font-size: 14px;
line-height: 1.7;
color: #7a808d;
margin: 0;
}
@media (max-width: 1024px) {
.direito-trabalho-page .hero-title {
font-size: 46px;
}
}
@media (max-width: 768px) {
.direito-trabalho-page .hero .container {
min-height: 0;
}
.direito-trabalho-page .hero-title {
font-size: 38px;
}
.direito-trabalho-page .hero-subtitle {
font-size: 16px;
line-height: 1.6;
}
.trabalho-intro-section,
.trabalho-services-section {
padding: 60px 0;
}
.trabalho-cards-grid-services .trabalho-card {
max-width: 100%;
}
}
@media (max-width: 480px) {
.direito-trabalho-page .hero-title {
font-size: 31px;
}
.trabalho-card {
padding: 18px 16px;
}
} .top-bar {
background: #450f11;
padding: 8px 0;
}
.top-bar .container {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 24px;
}
.top-bar-item {
color: rgba(255, 255, 255, 0.8);
font-family: var(--font-family);
font-size: 12px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0.025em;
}
.top-bar-item:last-child {
margin-left: auto;
}
.top-bar-item i {
font-size: 14px;
}
.main-header {
background: #3E0D0F;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.14);
backdrop-filter: none;
}
.main-header .container {
gap: 32px;
height: 88px;
}
.logo-icon {
max-width: 156px;
} .main-header .logo-icon {
filter: brightness(0) invert(1);
}
.logo-fallback {
color: #ffffff;
font-family: var(--font-family);
font-size: 20px;
font-weight: 700;
line-height: 20px;
letter-spacing: -0.025em;
}
.logo-fallback-footer {
color: var(--white);
}
.main-nav {
margin-left: auto;
}
.main-nav .main-nav-list {
gap: 40px;
}
@media (max-width: 767px) {
.main-nav .main-nav-list {
gap: 10px;
}
}
.main-nav .main-nav-list li a {
font-family: var(--font-family);
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-transform: none;
letter-spacing: 0;
}
.header-cta {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 131px;
min-height: 40px;
padding: 10px 24px;
border-radius: 8px;
background: #ffffff;
color: #3E0D0F;
border: 1px solid #ffffff;
font-family: var(--font-family);
font-size: 14px;
font-weight: 600;
line-height: 20px;
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.header-cta:hover {
background: #f2f2f2;
color: #3E0D0F;
}
.hero {
padding: 111px 0 111px;
min-height: 851px;
}
.hero::before {
background: linear-gradient(90deg, rgba(69, 15, 17, 0.75) 0%, rgba(69, 15, 17, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
.hero .container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 629px;
}
.hero-title {
max-width: 672px;
margin-bottom: 24px;
color: rgba(255, 255, 255, 0.9);
font-family: var(--font-family);
font-size: 60px;
font-weight: 700;
line-height: 66px;
letter-spacing: -0.025em;
}
.hero-subtitle {
max-width: 576px;
margin-bottom: 40px;
color: rgba(255, 255, 255, 0.8);
font-size: 20px;
line-height: 32.5px;
}
.btn-primary,
.btn-brand,
.contact-form-link {
min-height: 58px;
padding: 16px 32px;
border-radius: 8px;
font-family: var(--font-family);
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.btn-primary {
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.home .about-section,
.about-section {
padding: 96px 0;
background: linear-gradient(180deg, rgba(248, 250, 252, 0.55) 0%, #ffffff 100%);
}
.about-grid {
gap: 64px;
align-items: center;
}
.about-content,
.about-image {
min-width: 0;
}
.about-section .section-label,
.areas-section .section-label,
.testimonials-section .section-label,
.contact-section .section-label,
.trabalho-header-standard .section-label {
width: 48px;
height: 1px;
margin-bottom: 16px;
border-radius: 999px;
background: #450f11;
}
.about-section .section-title,
.areas-section .section-title,
.contact-section .section-title,
.direito-trabalho-page .section-title {
margin-bottom: 16px;
color: #0f172b;
font-family: var(--font-family);
font-size: 36px;
font-weight: 700;
line-height: 45px;
}
.about-section .section-subtitle,
.areas-section .section-subtitle,
.contact-section .section-subtitle,
.direito-trabalho-page .section-subtitle {
color: #45556c;
font-family: var(--font-family);
font-size: 16px;
line-height: 24px;
}
.about-content p {
color: #45556c;
font-size: 16px;
line-height: 28px;
margin-bottom: 16px;
}
.about-content .btn-brand {
margin-top: 24px;
}
.about-image {
position: relative;
padding: 0 0 32px 32px;
overflow: visible;
border: none;
box-shadow: none;
background: transparent;
}
.about-image::before {
content: '';
position: absolute;
top: -31px;
left: 0;
width: calc(100% - 32px);
height: calc(100% - 1px);
border-radius: 16px;
background: rgba(69, 15, 17, 0.05);
}
.about-image img {
position: relative;
z-index: 1;
height: 500px;
border-radius: 16px;
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.home .areas-section,
.trabalho-services-section {
padding: 96px 0;
background: #f8fafc;
}
.areas-section {
padding: 96px 0;
}
.areas-header,
.contact-header {
margin-bottom: 48px;
}
.home .areas-header,
.direito-trabalho-page .areas-header {
text-align: left;
}
.home .areas-header .section-subtitle,
.direito-trabalho-page .areas-header .section-subtitle {
max-width: 448px;
margin: 0;
}
.areas-grid-home,
.direito-trabalho-page .areas-grid {
gap: 24px;
}
.area-card,
.trabalho-card {
border: 1px solid #f1f5f9;
border-radius: 16px;
background: #ffffff;
box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}
.area-card {
padding: 32px;
}
.area-icon {
width: 60px;
height: 60px;
margin-bottom: 24px;
border-radius: 16px;
background: rgba(69, 15, 17, 0.1);
color: #450f11;
font-size: 24px;
}
.area-card h3,
.trabalho-card h3,
.contact-item-text h3,
.contact-social h3,
.footer-col h3 {
color: #0f172b;
font-family: var(--font-family);
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.area-card p,
.trabalho-card p {
color: #45556c;
font-size: 14px;
line-height: 22.75px;
}
.area-card:hover,
.trabalho-card:hover,
.article-card:hover,
.link-card:hover {
transform: translateY(-4px);
}
.testimonials-section {
position: relative;
padding: 96px 0;
background: linear-gradient(180deg, rgba(69, 15, 17, 0.9) 0%, rgba(69, 15, 17, 0.95) 100%);
}
.testimonials-section .section-label {
margin-left: auto;
margin-right: auto;
background: rgba(255, 255, 255, 0.2);
}
.testimonials-section .section-title {
margin-bottom: 16px;
color: #ffffff;
font-family: var(--font-family);
font-size: 48px;
font-weight: 700;
line-height: 48px;
text-align: center;
}
.testimonials-section .section-subtitle {
max-width: 768px;
margin: 0 auto;
color: rgba(255, 255, 255, 0.7);
font-size: 18px;
line-height: 28px;
text-align: center;
}
.testimonials-header {
max-width: 768px;
margin: 0 auto 48px;
}
.testimonials-section [class*='trustindex'],
.testimonials-section [class*='ti-widget'],
.testimonials-section .testimonial-card {
color: #ffffff;
}
.contact-section {
padding: 96px 0;
background: #ffffff;
}
.contact-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 64px;
align-items: start;
}
.contact-map {
min-height: 560px;
border: 1px solid #eeeeee;
border-radius: 16px;
background: #eeeeee;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.contact-map iframe {
height: 560px;
}
.contact-info {
gap: 24px;
padding: 40px;
border: 1px solid #eeeeee;
border-radius: 16px;
background: #ffffff;
box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.contact-item {
gap: 15px;
}
.contact-icon {
width: 50px;
height: 50px;
min-width: 50px;
border-radius: 16px;
background: rgba(69, 15, 17, 0.1);
color: #450f11;
font-size: 20px;
}
.contact-item-text h3,
.contact-social h3 {
margin-bottom: 4px;
}
.contact-item-text p,
.contact-item-text a {
color: #45556c;
font-size: 14px;
line-height: 26px;
}
.contact-item-text a:hover {
color: #450f11;
}
.contact-form-link {
align-self: flex-start;
background: #450f11;
}
.site-footer {
padding: 84px 0 0;
background: #1a1a1a;
}
.footer-grid {
grid-template-columns: 1.1fr 0.85fr 0.85fr 1.1fr;
gap: 48px;
padding-bottom: 32px;
}
.footer-brand .footer-logo {
margin-bottom: 24px;
}
.footer-brand > p,
.footer-col ul li a,
.footer-contact-list li {
color: #90a1b9;
font-family: var(--font-family);
font-size: 14px;
line-height: 20px;
}
.footer-col h3 {
color: #ffffff;
font-family: var(--font-family);
font-size: 18px;
font-weight: 700;
line-height: 28px;
}
.footer-contact-list li {
gap: 12px;
}
.footer-social-links {
gap: 16px;
}
.footer-social-links .social-link {
width: 40px;
height: 40px;
font-size: 16px;
background: rgba(255, 255, 255, 0.05);
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 32px 0;
}
.footer-bottom p {
color: #62748e;
font-family: var(--font-family);
font-size: 12px;
line-height: 16px;
}
.direito-trabalho-page .hero {
min-height: 500px;
}
.direito-trabalho-page .hero .container {
min-height: 629px;
}
.trabalho-intro-section {
padding: 96px 0;
background: linear-gradient(180deg, rgba(248, 250, 252, 0.5) 0%, #ffffff 100%);
}
.trabalho-narrow-container {
max-width: 896px;
}
.trabalho-intro-section .trabalho-header-standard {
max-width: 576px;
margin: 0;
text-align: left;
}
.trabalho-intro-section .section-subtitle {
max-width: 576px;
margin: 0;
font-size: 18px;
line-height: 29.25px;
}
.trabalho-services-section .trabalho-header-standard,
.direito-trabalho-page .testimonials-header,
.direito-trabalho-page .contact-header {
max-width: 768px;
margin: 0 auto 48px;
text-align: center;
}
.trabalho-services-section .section-label,
.direito-trabalho-page .testimonials-header .section-label,
.direito-trabalho-page .contact-header .section-label {
margin-left: auto;
margin-right: auto;
}
.direito-trabalho-page .areas-header {
max-width: 448px;
margin: 0 0 48px;
text-align: left;
}
.trabalho-cards-grid-services {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.trabalho-cards-grid-services .trabalho-card {
max-width: none;
}
.trabalho-card {
min-height: 260px;
padding: 32px;
}
.trabalho-card-icon {
width: 56px;
height: 56px;
margin-bottom: 24px;
border-radius: 14px;
background: #450f11;
font-size: 22px;
}
.direito-trabalho-page .areas-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.direito-trabalho-page .areas-grid > :last-child:nth-child(odd) {
grid-column: span 2;
}
@media (max-width: 1200px) {
.hero {
min-height: auto;
padding: 88px 0;
}
.hero .container,
.direito-trabalho-page .hero .container {
min-height: auto;
}
.hero-title {
font-size: 52px;
line-height: 58px;
}
.areas-grid-home {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.trabalho-cards-grid-services {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 1024px) {
.header-cta {
display: none;
}
.about-grid,
.contact-grid {
grid-template-columns: 1fr;
}
.about-image {
padding: 0;
}
.about-image::before {
display: none;
}
.about-image img,
.contact-map iframe {
height: auto;
}
.contact-map {
min-height: 420px;
max-width: 100%;
}
.footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.image-fallback {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
min-height: 500px;
padding: 32px;
border-radius: 16px;
background: linear-gradient(180deg, rgba(69, 15, 17, 0.08) 0%, rgba(69, 15, 17, 0.16) 100%);
color: var(--brand-red);
font-family: var(--font-family);
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-align: center;
}
@media (max-width: 768px) {
.top-bar .container {
align-items: flex-start;
gap: 10px;
}
.top-bar-item:last-child {
margin-left: 0;
}
.main-header .container {
height: 76px;
}
.main-nav {
padding: 24px;
}
.hero {
padding: 72px 0 64px;
}
.hero-title {
font-size: 42px;
line-height: 48px;
}
.hero-subtitle {
font-size: 18px;
line-height: 28px;
}
.about-section,
.areas-section,
.testimonials-section,
.contact-section,
.trabalho-intro-section,
.trabalho-services-section {
padding: 72px 0;
}
.testimonials-section .section-title {
font-size: 36px;
line-height: 40px;
}
.contact-info {
padding: 25px 20px;
max-width: 100%;
}
.direito-trabalho-page .areas-grid,
.areas-grid-home,
.trabalho-cards-grid-services {
grid-template-columns: 1fr;
}
.direito-trabalho-page .areas-grid > :last-child:nth-child(odd) {
grid-column: auto;
}
.footer-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 480px) {
.hero-title {
font-size: 34px;
line-height: 40px;
}
.about-section .section-title,
.areas-section .section-title,
.contact-section .section-title,
.direito-trabalho-page .section-title,
.testimonials-section .section-title {
font-size: 30px;
line-height: 36px;
}
.btn-primary,
.btn-brand,
.contact-form-link {
width: 100%;
justify-content: center;
}
.trabalho-card,
.area-card {
padding: 24px;
}
} :root {
--figma-ink: #0F172B;
--figma-copy: #45556C;
--figma-muted: #62748E;
--figma-soft-bg: #F8FAFC;
--figma-soft-line: #F1F5F9;
--figma-line: #E2E8F0;
}
.logo-fallback {
color: var(--figma-ink);
}
.home .hero {
min-height: 851px;
padding: 111px 0;
overflow: hidden;
}
.home .hero .container {
max-width: 1280px;
display: flex;
align-items: flex-start;
justify-content: center;
min-height: 629px;
padding: 0 32px;
}
.home .hero.hero-carousel .container {
display: block;
position: relative;
}
.home .hero-carousel-track {
min-height: 629px;
}
.home .hero-slide {
display: none;
align-items: flex-start;
min-height: 629px;
animation: hero-slide-fade 480ms ease;
}
.home .hero-slide.is-active {
display: flex;
}
.home .hero-slide[hidden] {
display: none !important;
}
.home .hero-copy {
max-width: 672px;
text-align: left;
}
.home .hero-title {
max-width: 672px;
font-size: 50px;
line-height: 64px;
}
.home .hero-actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 40px;
}
.home .btn-hero-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 58px;
padding: 16px 32px;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 8px;
color: var(--white);
font-family: var(--font-family);
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: background-color var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);
}
.home .btn-hero-secondary:hover {
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.5);
color: var(--white);
transform: translateY(-1px);
}
.home .hero-metrics {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
max-width: 672px;
padding-top: 33px;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.home .hero-metric {
display: flex;
flex-direction: column;
gap: 4px;
}
.home .hero-metric strong {
color: var(--white);
font-family: var(--font-family);
font-size: 30px;
font-weight: 700;
line-height: 36px;
}
.home .hero-metric span {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.home .hero-carousel-nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 24px;
}
.home .hero-carousel-arrows {
display: inline-flex;
align-items: center;
gap: 12px;
}
.home .hero-carousel-button,
.home .hero-carousel-dot {
border: none;
cursor: pointer;
transition: transform var(--transition), background-color var(--transition), opacity var(--transition), border-color var(--transition);
}
.home .hero-carousel-button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
color: var(--white);
}
.home .hero-carousel-button:hover,
.home .hero-carousel-button:focus-visible {
background: rgba(255, 255, 255, 0.16);
border-color: rgba(255, 255, 255, 0.48);
transform: translateY(-1px);
}
.home .hero-carousel-dots {
display: inline-flex;
align-items: center;
gap: 10px;
}
.home .hero-carousel-dot {
width: 12px;
height: 12px;
padding: 0;
border-radius: 999px;
background: rgba(255, 255, 255, 0.3);
}
.home .hero-carousel-dot.is-active {
width: 36px;
background: var(--white);
}
@keyframes hero-slide-fade {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.home #areas-atuacao {
scroll-margin-top: 120px;
}
.home .about-section {
padding: 96px 0;
}
.home .about-section .container,
.home .areas-section .container,
.home .testimonials-section .container,
.home .contact-section .container {
max-width: 1280px;
padding: 0 32px;
}
.home .about-header,
.home .areas-header,
.home .testimonials-header,
.home .contact-header {
max-width: 768px;
margin: 0 auto 48px;
text-align: center;
}
.home .about-header .section-label,
.home .areas-header .section-label,
.home .testimonials-header .section-label,
.home .contact-header .section-label {
margin-left: auto;
margin-right: auto;
}
.home .areas-header .section-subtitle,
.home .testimonials-header .section-subtitle,
.home .contact-header .section-subtitle {
max-width: 576px;
margin-left: auto;
margin-right: auto;
}
.home .about-grid {
grid-template-columns: minmax(0, 576px) minmax(0, 1fr);
gap: 64px;
align-items: center;
}
.home .about-content {
text-align: left;
}
.home .about-content .section-label {
margin-bottom: 16px;
}
.home .about-content .section-title {
margin-bottom: 24px;
}
.home .about-content p {
color: var(--figma-copy);
font-size: 16px;
line-height: 26px;
margin-bottom: 20px;
}
.home .about-image {
padding: 0 32px 32px 0;
}
.home .about-image::before {
top: -32px;
right: 0;
left: 32px;
width: calc(100% - 32px);
}
.home .about-image img,
.home .about-image .image-fallback {
width: 100%;
height: 500px;
}
.home .about-floating-card {
position: absolute;
right: -32px;
bottom: 32px;
z-index: 2;
width: 320px;
padding: 24px;
border-radius: 14px;
background: var(--white);
box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.home .about-floating-card-header {
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 8px;
}
.home .about-floating-card-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 999px;
background: var(--brand-red);
}
.home .about-floating-card-icon img {
width: 24px;
height: 24px!important;
}
.home .about-floating-card h3 {
margin: 0;
color: var(--figma-ink);
font-family: var(--font-family);
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.home .about-floating-card p {
margin: 0;
color: var(--figma-copy);
font-size: 14px;
line-height: 20px;
}
.home .areas-section {
padding: 96px 0;
}
.home .areas-grid-home {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.home .testimonials-section {
padding: 96px 0;
}
.home .contact-section {
padding: 96px 0;
}
.home .contact-layout {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 64px;
align-items: start;
}
.home .contact-column-info {
display: flex;
flex-direction: column;
gap: 40px;
}
.home .contact-cards {
display: flex;
flex-direction: column;
gap: 24px;
}
.home .contact-detail-card {
display: flex;
align-items: flex-start;
gap: 20px;
}
.home .contact-detail-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
min-width: 56px;
border: 1px solid var(--figma-soft-line);
border-radius: 14px;
background: var(--figma-soft-bg);
}
.home .contact-detail-icon img {
width: 60px;
height: 60px;
}
.home .contact-detail-content h3 {
margin: 4px 0 4px;
color: var(--figma-ink);
font-family: var(--font-family);
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
.home .contact-detail-content p {
margin: 0;
color: var(--figma-copy);
font-size: 14px;
line-height: 20px;
}
.home .contact-detail-content a,
.home .contact-detail-content strong {
color: var(--figma-copy);
}
.home .contact-detail-content a:hover {
color: var(--brand-red);
}
.home .contact-map {
min-height: 256px;
padding: 1px;
border: 1px solid var(--figma-line);
border-radius: 14px;
background: transparent;
box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.home .contact-map iframe {
width: 100%;
height: 254px;
min-height: 254px;
}
.home .contact-form-card {
padding: 41px;
border: 1px solid var(--figma-line);
border-radius: 16px;
background: var(--white);
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.home .contact-form-card h3 {
margin: 0 0 32px;
color: var(--figma-ink);
font-family: var(--font-family);
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.home .contact-form-card .wpcf7,
.home .contact-home-fallback-form {
display: block;
}
.home .contact-form-card .wpcf7-form,
.home .contact-home-fallback-form {
display: grid;
gap: 24px;
}
.home .contact-form-card .wpcf7-form p {
margin: 0;
}
.home .contact-form-card label,
.home .contact-home-fallback-form label {
display: block;
margin-bottom: 8px;
color: #314158;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.home .contact-form-card input,
.home .contact-form-card select,
.home .contact-form-card textarea,
.home .contact-home-fallback-form input,
.home .contact-home-fallback-form select,
.home .contact-home-fallback-form textarea {
width: 100%;
padding: 12px 16px;
border: 1px solid var(--figma-line);
border-radius: 10px;
background: var(--figma-soft-bg);
color: rgba(26, 26, 26, 0.8);
font-family: var(--font-family);
font-size: 16px;
line-height: 24px;
}
.home .contact-form-card input:focus,
.home .contact-form-card select:focus,
.home .contact-form-card textarea:focus,
.home .contact-home-fallback-form input:focus,
.home .contact-home-fallback-form select:focus,
.home .contact-home-fallback-form textarea:focus {
outline: none;
border-color: var(--brand-red);
}
.home .contact-form-card textarea,
.home .contact-home-fallback-form textarea {
min-height: 96px;
resize: vertical;
}
.home .contact-form-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.home .contact-submit-button,
.home .contact-form-card .wpcf7-form-control.wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
min-height: 56px;
padding: 16px 24px;
border: none;
border-radius: 10px;
background: var(--brand-red);
color: var(--white);
font-family: var(--font-family);
font-size: 16px;
font-weight: 700;
line-height: 24px;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.home .contact-submit-button img {
width: 20px;
height: 20px;
}
.home .contact-form-card .wpcf7-response-output {
margin: 0 !important;
padding: 12px 16px !important;
border-radius: 10px;
}
.home .contact-form-note {
margin: 16px 0 0;
color: var(--figma-muted);
font-size: 12px;
line-height: 16px;
text-align: center;
}
@media (max-width: 1200px) {
.home .hero {
min-height: auto;
padding: 88px 0;
}
.home .hero .container,
.home .hero-carousel-track,
.home .hero-slide {
min-height: auto;
}
.home .hero-title {
font-size: 52px;
line-height: 58px;
}
}
@media (max-width: 1024px) {
.home .about-grid,
.home .contact-layout {
grid-template-columns: 1fr;
gap: 40px;
}
.home .about-image {
padding: 0;
}
.home .about-image::before {
left: 24px;
width: calc(100% - 24px);
}
.home .about-floating-card {
position: relative;
right: auto;
bottom: auto;
width: min(100%, 360px);
margin: 16px 0 0 auto;
}
}
@media (max-width: 768px) {
.home .hero .container,
.home .about-section .container,
.home .areas-section .container,
.home .testimonials-section .container,
.home .contact-section .container {
padding: 0 16px;
}
.home .hero {
padding: 72px 0 64px;
}
.home .hero-title {
font-size: 42px;
line-height: 48px;
}
.home .hero-subtitle {
font-size: 18px;
line-height: 28px;
}
.home .hero-metrics,
.home .areas-grid-home,
.home .contact-form-row {
grid-template-columns: revert-rule;
}
.home .hero-metrics {
justify-items: center;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.home .hero-metric {
align-items: center;
}
.home .hero-actions {
flex-direction: column;
}
.home .hero-carousel-nav {
flex-direction: column;
align-items: flex-start;
}
.home .about-section,
.home .areas-section,
.home .testimonials-section,
.home .contact-section {
padding: 72px 0;
}
.home .about-grid {
gap: 32px;
}
.home .about-image {
padding: 0;
}
.home .about-image::before {
display: none;
}
.home .about-floating-card {
position: static;
right: auto;
bottom: auto;
width: auto;
margin-top: 16px;
padding: 20px;
}
.home .about-floating-card-header {
display: grid;
grid-template-columns: 48px minmax(0, 1fr);
align-items: center;
column-gap: 14px;
}
.home .about-floating-card-icon {
flex: 0 0 48px;
min-width: 48px;
max-width: 48px;
min-height: 48px;
max-height: 48px;
align-self: start;
overflow: hidden;
}
.home .about-content {
padding-top: 4px;
}
.home .contact-form-card {
padding: 28px 24px;
}
}
@media (max-width: 480px) {
.home .hero-title {
font-size: 34px;
line-height: 40px;
}
.home .hero-carousel-nav,
.home .hero-carousel-arrows,
.home .hero-carousel-dots {
width: 100%;
}
.home .hero-carousel-nav {
gap: 16px;
}
.home .hero-carousel-arrows {
justify-content: space-between;
}
.home .hero-carousel-button {
width: calc(50% - 6px);
border-radius: 16px;
}
.home .hero-carousel-dots {
justify-content: center;
}
.home .btn-primary,
.home .btn-hero-secondary,
.home .btn-brand {
width: 100%;
justify-content: center;
}
.home .about-image img,
.home .about-image .image-fallback {
height: 360px;
}
.home .about-grid {
gap: 24px;
}
.home .about-floating-card {
margin-top: 12px;
padding: 18px;
}
.home .about-floating-card-header {
column-gap: 12px;
}
}
.home .wpcf7-textarea {
field-sizing: content;
}
.ti-widget.ti-goog .ti-name,
.ti-widget.ti-goog .ti-date {
color: white !important;
}
body .hero-title,
body .about-section .section-title,
body .areas-section .section-title,
body .testimonials-section .section-title,
body .instagram-section .section-title,
body .articles-section .section-title,
body .links-section .section-title,
body .contact-section .section-title,
body .direito-trabalho-page .section-title,
body .page-banner h1,
body .page-content h1,
body .page-content h2,
body .page-content h3,
body .page-content h4,
body .single-post-title,
body .single-post-content h1,
body .single-post-content h2,
body .single-post-content h3,
body .single-post-content h4,
body .article-card h3,
body .article-list-card .article-list-body h3,
body .area-card h3,
body .areas-page-grid a h3,
body .area-detail h3,
body .link-card h3,
body .links-page-section h3,
body .contact-item-text h3,
body .contact-social h3,
body .contact-form-card h3,
body .contact-detail-content h3,
body .about-floating-card h3,
body .feature-card h3,
body .footer-col h3,
body .escritorio-main-card h2,
body .escritorio-contact-card h3,
body .contato-main-card h2,
body .contato-main-card h3,
body .contato-info-block h4,
body .logo-fallback {
font-family: var(--brand-title-font);
letter-spacing: 0.02em;
}
body .logo-fallback {
letter-spacing: 0.08em;
} .home .hero.hero-carousel {
isolation: isolate;
}
.home .hero.hero-carousel::before {
background:
linear-gradient(rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)),
linear-gradient(90deg, rgba(69, 15, 17, 0.75) 0%, rgba(69, 15, 17, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
}
.home .hero.hero-carousel .container {
position: relative;
z-index: 1;
} :root {
--header-wine: #3E0D0F;
}
body .main-header {
background: var(--header-wine) !important;
border-bottom-color: rgba(255, 255, 255, 0.14) !important;
backdrop-filter: none !important;
}
body .main-header .logo-icon {
filter: brightness(0) invert(1) !important;
}
body .main-header .logo-fallback,
body .main-header .main-nav a,
body .main-header .main-nav .main-nav-list li > a,
body .main-header .main-nav .main-nav-list li.current-menu-item > a,
body .main-header .main-nav .main-nav-list li.current_page_item > a,
body .main-header .main-nav .main-nav-list li.current-menu-parent > a,
body .main-header .main-nav .main-nav-list li.current-menu-ancestor > a,
body .main-header .main-nav .main-nav-list li > a:hover,
body .main-header .main-nav .main-nav-list li > a:focus-visible {
color: #ffffff !important;
}
body .main-header .main-nav a::after,
body .main-header .main-nav .main-nav-list li > a::after {
background: #ffffff !important;
}
body .main-header .header-cta,
body .main-header a.header-cta {
background: #ffffff !important;
color: var(--header-wine) !important;
border: 1px solid #ffffff !important;
}
body .main-header .header-cta:hover,
body .main-header .header-cta:focus-visible,
body .main-header a.header-cta:hover,
body .main-header a.header-cta:focus-visible {
background: #f2f2f2 !important;
color: var(--header-wine) !important;
border-color: #f2f2f2 !important;
}
body .main-header .main-nav .main-nav-list .sub-menu {
background: #ffffff !important;
border-top-color: var(--brand-red) !important;
}
body .main-header .main-nav .main-nav-list .sub-menu li > a {
color: var(--heading-dark) !important;
background: #ffffff !important;
}
body .main-header .main-nav .main-nav-list .sub-menu li > a:hover,
body .main-header .main-nav .main-nav-list .sub-menu li > a:focus-visible,
body .main-header .main-nav .main-nav-list .sub-menu li.current-menu-item > a,
body .main-header .main-nav .main-nav-list .sub-menu li.current_page_item > a {
color: var(--brand-red) !important;
background: var(--light-bg) !important;
}
body .main-header .hamburger span {
background: #ffffff !important;
}
@media (max-width: 768px) {
body .main-header .main-nav {
background: var(--header-wine) !important;
}
body .main-header .main-nav .main-nav-list li > a {
color: #ffffff !important;
border-bottom-color: rgba(255, 255, 255, 0.18) !important;
}
body .main-header .main-nav .main-nav-list .sub-menu {
background: #ffffff !important;
border-left-color: var(--brand-red) !important;
}
body .main-header .main-nav .main-nav-list .sub-menu li > a {
color: var(--heading-dark) !important;
background: #ffffff !important;
border-bottom-color: var(--border-color) !important;
}
body .main-header .main-nav .main-nav-list .sub-menu li > a:hover,
body .main-header .main-nav .main-nav-list .sub-menu li > a:focus-visible,
body .main-header .main-nav .main-nav-list .sub-menu li.current-menu-item > a,
body .main-header .main-nav .main-nav-list .sub-menu li.current_page_item > a {
color: var(--brand-red) !important;
background: var(--light-bg) !important;
}
body .main-header .mobile-nav-close {
color: #ffffff !important;
border-color: rgba(255, 255, 255, 0.45) !important;
background: transparent !important;
}
} @media (min-width: 769px) {
body.home .hero.hero-carousel {
width: 100%;
height: calc(100svh - 88px) !important;
min-height: 620px !important;
padding: 0 !important;
}
body.home .hero.hero-carousel > .container {
width: 100%;
max-width: 1440px;
height: 100%;
min-height: 0 !important;
padding: 0 clamp(32px, 5.5vw, 88px);
}
body.home .hero-carousel-track {
height: 100%;
min-height: 0 !important;
padding: 34px 0 92px;
}
body.home .hero-slide,
body.home .hero-slide.is-active {
width: 100%;
height: 100%;
min-height: 0 !important;
align-items: center;
}
body.home .hero-copy {
width: min(100%, 980px);
max-width: 980px;
}
body.home .hero-title {
max-width: 980px;
margin-bottom: 18px;
font-size: clamp(44px, 3.55vw, 58px);
line-height: 1.10;
}
body.home .hero-subtitle {
max-width: 760px;
margin-bottom: 26px;
font-size: clamp(16px, 1.25vw, 19px);
line-height: 1.55;
}
body.home .hero-actions {
gap: 14px;
margin-bottom: 26px;
}
body.home .hero-actions .btn-primary,
body.home .hero-actions .btn-hero-secondary {
min-height: 50px;
padding: 12px 24px;
font-size: 15px;
line-height: 22px;
}
body.home .hero-metrics {
max-width: 820px;
gap: 32px;
padding-top: 20px;
}
body.home .hero-metric strong {
font-size: 26px;
line-height: 31px;
}
body.home .hero-metric span {
font-size: 13px;
line-height: 18px;
}
body.home .hero-carousel-nav {
position: absolute;
right: clamp(32px, 5.5vw, 88px);
bottom: 24px;
left: clamp(32px, 5.5vw, 88px);
z-index: 2;
margin-top: 0;
}
body.home .hero-carousel-button {
width: 44px;
height: 44px;
}
}
@media (min-width: 769px) and (max-height: 760px) {
body.home .hero.hero-carousel {
min-height: 560px !important;
}
body.home .hero-carousel-track {
padding-top: 24px;
padding-bottom: 76px;
}
body.home .hero-title {
max-width: 980px;
margin-bottom: 14px;
font-size: clamp(40px, 3.1vw, 52px);
line-height: 1.10;
}
body.home .hero-subtitle {
margin-bottom: 20px;
line-height: 1.45;
}
body.home .hero-actions {
margin-bottom: 20px;
}
body.home .hero-metrics {
padding-top: 16px;
}
body.home .hero-carousel-nav {
bottom: 16px;
}
}
@media (max-width: 768px) {
body.home .hero.hero-carousel {
width: 100%;
min-height: calc(100svh - 75px) !important;
padding: 48px 0 32px !important;
}
body.home .hero.hero-carousel > .container {
min-height: 0 !important;
}
body.home .hero-copy,
body.home .hero-title,
body.home .hero-subtitle,
body.home .hero-metrics {
width: 100%;
max-width: 100%;
}
} @media (min-width: 769px) {
body.home .hero-copy,
body.home .hero-title {
width: min(100%, 980px);
max-width: 980px;
}
body.home .hero-title {
font-size: clamp(44px, 3.55vw, 58px);
line-height: 1.10;
}
body.home .whatsapp-float {
bottom: 104px !important;
}
}
@media (min-width: 769px) and (max-width: 1100px) {
body.home .hero-title {
font-size: clamp(34px, 4vw, 44px);
line-height: 1.10;
}
}
@media (max-width: 768px) {
body.home .whatsapp-float {
bottom: 88px !important;
}
} @media (min-width: 1200px) {
body.home .hero-copy,
body.home .hero-title {
width: min(100%, 1160px) !important;
max-width: 1160px !important;
}
body.home .hero-slide[data-hero-slide="1"] .hero-title,
body.home .hero-slide[data-hero-slide="2"] .hero-title {
white-space: nowrap;
}
}
@media (min-width: 769px) and (max-width: 1199px) {
body.home .hero-copy,
body.home .hero-title {
width: 100% !important;
max-width: 100% !important;
}
body.home .hero-title {
font-size: clamp(36px, 4.2vw, 48px) !important;
line-height: 1.08 !important;
}
} @media (max-width: 768px) {
body.home .hero.hero-carousel {
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
body.home .hero-slide,
body.home .hero-slide.is-active {
justify-content: center;
}
body.home .hero-copy {
margin-right: auto;
margin-left: auto;
text-align: center;
}
body.home .hero-title,
body.home .hero-subtitle {
margin-right: auto;
margin-left: auto;
text-align: center !important;
}
body.home .hero-actions {
align-items: center;
}
body.home .hero-carousel-nav {
width: 100%;
align-items: center;
}
body.home .hero-carousel-arrows {
width: auto !important;
justify-content: center !important;
gap: 12px;
}
body.home .hero-carousel-button {
flex: 0 0 44px;
width: 44px !important;
min-width: 44px;
max-width: 44px;
height: 44px;
padding: 0;
border-radius: 50% !important;
}
body.home .hero-carousel-dots {
width: auto !important;
justify-content: center;
}
}
@media (max-width: 480px) {
body.home .hero-carousel-button {
flex-basis: 42px;
width: 42px !important;
min-width: 42px;
max-width: 42px;
height: 42px;
}
} @media (max-width: 768px) {
body.home .hero-actions {
width: 100%;
align-items: center;
}
body.home .hero-actions .btn-primary,
body.home .hero-actions .btn-hero-secondary {
width: min(84%, 320px) !important;
min-width: 0 !important;
max-width: 320px !important;
align-self: center;
justify-content: center;
}
}
@media (max-width: 480px) {
body.home .hero-actions .btn-primary,
body.home .hero-actions .btn-hero-secondary {
width: min(86%, 300px) !important;
max-width: 300px !important;
}
} .instagram-feed-wrapper {
width: 100%;
margin-top: 32px;
}
.instagram-feed-wrapper #sb_instagram,
.instagram-feed-wrapper .sbi {
width: 100%;
} .instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item .sbi_photo_wrap,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item .sbi_photo,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item .sbi_link,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item a {
border-radius: 18px !important;
overflow: hidden !important;
}
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item {
box-shadow: 0 18px 40px rgba(15, 23, 43, 0.12);
}
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item img {
border-radius: 18px !important;
}
@media (max-width: 768px) {
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item .sbi_photo_wrap,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item .sbi_photo,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item .sbi_link,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item a,
.instagram-feed-wrapper #sb_instagram #sbi_images .sbi_item img {
border-radius: 14px !important;
}
} body.home .areas-section .area-icon,
body.home .areas-grid-home .area-icon {
background: #450f11 !important;
color: #ffffff !important;
}
body.home .areas-section .area-icon i,
body.home .areas-grid-home .area-icon i {
color: #ffffff !important;
}
body.home .areas-section .area-card:hover .area-icon,
body.home .areas-grid-home .area-card:hover .area-icon {
background: #450f11 !important;
color: #ffffff !important;
} @media (min-width: 1200px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(40px, 3.15vw, 52px) !important;
line-height: 1.09 !important;
}
}
@media (min-width: 769px) and (max-width: 1199px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(32px, 3.75vw, 42px) !important;
line-height: 1.10 !important;
}
}
@media (max-width: 768px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(26px, 7.2vw, 32px) !important;
line-height: 1.12 !important;
}
}
@media (max-width: 480px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(24px, 7vw, 29px) !important;
line-height: 1.12 !important;
}
} @media (max-width: 768px) {
body .main-header .main-nav .main-nav-list li.menu-item-has-children > .sub-menu,
body .main-header .main-nav .main-nav-list li.menu-item-has-children:hover > .sub-menu,
body .main-header .main-nav .main-nav-list li.menu-item-has-children:focus-within > .sub-menu {
display: none !important;
position: static !important;
top: auto !important;
left: auto !important;
width: calc(100% - 10px) !important;
min-width: 0 !important;
margin: 8px 0 10px 10px !important;
padding: 0 !important;
border-top: 0 !important;
border-left: 2px solid var(--brand-red) !important;
border-radius: 0 !important;
box-shadow: none !important;
background: #ffffff !important;
}
body .main-header .main-nav .main-nav-list li.menu-item-has-children.is-submenu-open > .sub-menu {
display: block !important;
}
body .main-header .main-nav .main-nav-list li.menu-item-has-children > a {
cursor: pointer;
padding-right: 24px !important;
}
body .main-header .main-nav .main-nav-list li.menu-item-has-children > a::before {
right: 0 !important;
color: #ffffff !important;
transition: transform var(--transition) !important;
}
body .main-header .main-nav .main-nav-list li.menu-item-has-children.is-submenu-open > a::before {
transform: translateY(-50%) rotate(180deg) !important;
}
body .main-header .main-nav .main-nav-list .sub-menu li > a {
color: var(--heading-dark) !important;
background: #ffffff !important;
padding: 12px 14px !important;
border-bottom: 1px solid var(--border-color) !important;
}
body .main-header .main-nav .main-nav-list .sub-menu li:last-child > a {
border-bottom: 0 !important;
}
body .main-header .main-nav .main-nav-list .sub-menu li > a:hover,
body .main-header .main-nav .main-nav-list .sub-menu li > a:focus-visible,
body .main-header .main-nav .main-nav-list .sub-menu li.current-menu-item > a,
body .main-header .main-nav .main-nav-list .sub-menu li.current_page_item > a {
color: var(--brand-red) !important;
background: var(--light-bg) !important;
}
} @media (min-width: 1200px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(38px, 2.9vw, 48px) !important;
line-height: 1.08 !important;
}
}
@media (min-width: 769px) and (max-height: 760px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(34px, 2.7vw, 44px) !important;
line-height: 1.08 !important;
}
}
@media (min-width: 769px) and (max-width: 1199px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(30px, 3.5vw, 38px) !important;
line-height: 1.10 !important;
}
}
@media (max-width: 768px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(24px, 6.4vw, 29px) !important;
line-height: 1.12 !important;
}
}
@media (max-width: 480px) {
body.home .hero.hero-carousel .hero-title {
font-size: clamp(22px, 6vw, 27px) !important;
line-height: 1.12 !important;
}
}