This commit is contained in:
oliver
2026-04-25 08:19:43 -03:00
parent 96ae14d0e0
commit 9c13dbc5cb
2 changed files with 514 additions and 42 deletions
+65 -18
View File
@@ -192,50 +192,99 @@
font-size: 0.84rem;
}
footer {
background: var(--bg-deep);
border-top: 3px solid var(--gold);
padding: 72px 8vw 40px;
background: rgba(255, 243, 224, 0.94);
border-top: 1px solid var(--border);
padding: 84px 8vw 36px;
}
.footer-top {
max-width: 1120px;
margin: 0 auto;
margin: 0 auto 30px;
display: grid;
grid-template-columns: 1.4fr 1.1fr 0.8fr 0.8fr;
grid-template-columns:
minmax(0, 1.1fr) minmax(320px, 1.2fr)
minmax(0, 1fr) minmax(0, 1fr);
gap: 28px;
align-items: start;
}
.footer-brand p,
.footer-col a,
.footer-bottom span,
.footer-legal a {
color: var(--silver);
}
.footer-brand p {
color: var(--grey);
max-width: 28ch;
margin-top: 14px;
font-size: 0.88rem;
}
.footer-logo {
display: inline-block;
font-size: 1.6rem;
margin-bottom: 14px;
}
.footer-logo img { height: 34px; width: auto; }
.footer-contact-shell {
display: grid;
gap: 12px;
max-width: 420px;
margin: 0 auto;
text-align: center;
}
.footer-contact-form {
display: grid;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.footer-contact-form textarea,
.footer-contact-form input {
width: 100%;
border: 1px solid rgba(161, 136, 127, 0.2);
border-radius: 18px;
background: rgba(255, 243, 224, 0.06);
color: var(--card);
font: inherit;
padding: 14px 16px;
border-radius: 24px;
border: 1px solid var(--border);
background: rgba(93, 64, 55, 0.06);
color: var(--white);
font: inherit;
}
.footer-contact-form textarea {
min-height: 110px;
resize: vertical;
padding-right: 60px;
}
.footer-contact-shell h4 {
margin-bottom: 14px;
}
.footer-contact-input-row {
display: flex;
align-items: center;
width: 100%;
min-height: 48px;
border-radius: 999px;
overflow: hidden;
background: rgba(93, 64, 55, 0.06);
border: 1px solid var(--border);
}
.footer-contact-input-row input {
border: none;
background: transparent;
border-radius: 0;
box-shadow: none;
height: 100%;
}
.footer-contact-send {
height: 100%;
min-height: 48px;
padding: 0 18px;
border: none;
border-left: 1px solid var(--border);
background: transparent;
color: var(--gold);
cursor: pointer;
font-size: 0.92rem;
}
.footer-contact-message-wrap {
position: relative;
width: 100%;
}
.footer-contact-message-wrap textarea {
padding-right: 64px;
}
.footer-contact-message-wrap .footer-contact-send {
position: absolute;
@@ -246,7 +295,7 @@
width: 40px;
padding: 0;
border-radius: 50%;
border: none;
border-left: none;
background: rgba(255, 243, 224, 0.9);
color: var(--gold);
cursor: pointer;
@@ -280,7 +329,6 @@
.footer-col a,
.footer-bottom span,
.footer-legal a {
color: var(--grey);
font-size: 0.84rem;
}
.footer-col a:hover,
@@ -318,7 +366,6 @@
<a href="index.html#verticals">Solutions</a>
<a href="about.html">About Us</a>
<a href="legal.html">Legal</a>
<a class="nav-cta" href="index.html#pricing">Free Trial</a>
</div>
</nav>