:root { --primary: #34556D; --primary-dark: #294659;
--primary-light: #4D7188;
--cream: #F5EDE3; --taupe: #BCA78D; --white: #FFFFFF;
--text: #2F3D45;
--muted: #6F777B;
--line: rgba(52, 85, 109, 0.14);
--shadow: 0 22px 60px rgba(52, 85, 109, 0.12);
--shadow-sm: 0 10px 30px rgba(52, 85, 109, 0.08);
--radius: 24px;
--radius-sm: 16px;
--container: 1180px; --navy: var(--primary);
--navy-2: var(--primary-dark);
--blue: var(--primary);
--blue-light: var(--cream);
--off-white: var(--cream);
--sage: var(--taupe);
--gold: var(--taupe);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 88px;
}
body {
font-family: "DM Sans", sans-serif;
color: var(--text);
background: var(--white);
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
body.menu-open {
overflow: hidden;
}
img {
display: block;
max-width: 100%;
}
a {
color: inherit;
text-decoration: none;
}
button {
font: inherit;
}
.container {
width: min(calc(100% - 40px), var(--container));
margin-inline: auto;
}
.section {
padding: 96px 0;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
color: var(--primary);
font-size: .77rem;
font-weight: 700;
letter-spacing: .13em;
text-transform: uppercase;
}
.eyebrow::before {
content: "";
width: 27px;
height: 1px;
background: currentColor;
}
.eyebrow-light {
color: rgba(255,255,255,.8);
}
h1, h2, h3 {
color: var(--primary);
font-family: "Cormorant Garamond", serif;
font-weight: 500;
}
h1, h2 {
font-family: "Cormorant Garamond", serif;
font-weight: 500;
letter-spacing: -0.02em;
}
h1 em,
h2 em {
color: var(--taupe);
font-weight: inherit;
}
h2 {
font-size: clamp(2rem, 3.4vw, 3.4rem);
line-height: 1.06;
margin-bottom: 20px;
}
h3 {
font-size: 1.08rem;
line-height: 1.25;
}
p {
color: var(--muted);
}
p strong {
color: var(--text);
font-weight: 700;
}
.section-heading {
max-width: 830px;
margin-bottom: 44px;
}
.section-heading.centered {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.section-heading.centered .eyebrow {
justify-content: center;
}
.section-heading p {
max-width: 730px;
font-size: 1.04rem;
}
.section-heading.centered p {
margin-inline: auto;
}
.btn {
min-height: 50px;
padding: 0 23px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
border-radius: 999px;
font-weight: 700;
font-size: .92rem;
transition: .2s ease;
}
.btn:hover {
transform: translateY(-2px);
}
.btn-primary {
background: var(--primary);
color: var(--white);
box-shadow: 0 12px 28px rgba(52,85,109,.25);
}
.btn-primary:hover {
background: #294659;
box-shadow: 0 16px 32px rgba(52,85,109,.30);
}
.btn-light {
background: var(--white);
color: var(--primary);
box-shadow: 0 12px 28px rgba(0,0,0,.12);
}
.btn-ghost {
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.35);
color: var(--white);
backdrop-filter: blur(8px);
}
.btn-ghost:hover {
background: var(--white);
color: var(--primary);
}
.btn-lg {
min-height: 56px;
padding-inline: 28px;
} .site-header {
position: sticky;
z-index: 1000;
top: 0;
height: 82px;
background: rgba(52,85,109,.96);
border-bottom: 1px solid rgba(255,255,255,.07);
backdrop-filter: blur(14px);
transition: .2s ease;
}
.site-header.scrolled {
box-shadow: 0 10px 32px rgba(0,0,0,.18);
}
.header-inner {
height: 100%;
display: flex;
align-items: center;
gap: 28px;
}
.brand {
width: 250px;
flex: 0 0 250px;
}
.brand img {
width: 100%;
max-height: 58px;
object-fit: contain;
object-position: left center;
}
.main-nav {
margin-left: auto;
display: flex;
align-items: center;
gap: 23px;
}
.main-nav a {
color: rgba(255,255,255,.82);
font-size: .85rem;
font-weight: 600;
transition: .2s ease;
}
.main-nav a:hover {
color: var(--white);
}
.header-cta {
flex-shrink: 0;
}
.menu-toggle {
display: none;
margin-left: auto;
width: 44px;
height: 44px;
border: 1px solid rgba(255,255,255,.16);
border-radius: 12px;
background: rgba(255,255,255,.06);
align-items: center;
justify-content: center;
flex-direction: column;
gap: 5px;
cursor: pointer;
}
.menu-toggle span {
width: 21px;
height: 2px;
display: block;
background: var(--white);
} .hero {
position: relative;
min-height: 735px;
display: flex;
align-items: center;
background:
linear-gradient(90deg,
rgba(52,85,109,.98) 0%,
rgba(52,85,109,.93) 31%,
rgba(52,85,109,.68) 52%,
rgba(52,85,109,.18) 76%,
rgba(52,85,109,.03) 100%),
url(//psicologaalinefernanda.com.br/wp-content/themes/hello-elementor/assets-lp/images/new-banner-aline.png) center center / cover no-repeat;
overflow: hidden;
}
.hero::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 140px;
background: linear-gradient(to top, rgba(52,85,109,.2), transparent);
pointer-events: none;
}
.hero-inner {
position: relative;
z-index: 2;
padding: 84px 0;
}
.hero-content {
max-width: 760px;
}
.hero-kicker {
display: inline-flex;
padding: 8px 13px;
margin-bottom: 19px;
border-radius: 999px;
border: 1px solid rgba(255,255,255,.16);
background: rgba(255,255,255,.08);
color: rgba(255,255,255,.9);
font-size: .77rem;
font-weight: 600;
backdrop-filter: blur(8px);
}
.hero h1 {
color: var(--white);
font-size: clamp(3.4rem, 5.9vw, 4.2rem);
line-height: .95;
letter-spacing: -.04em;
margin-bottom: 26px;
max-width: 760px;
}
.hero h1 em {
display: block;
color: #E7D8C5;
}
.hero-lead {
max-width: 700px;
color: rgba(255,255,255,.86);
font-size: 1.08rem;
line-height: 1.75;
}
.hero-lead strong {
color: var(--white);
}
.hero-actions {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.hero-meta {
margin-top: 35px;
max-width: 730px;
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 10px;
}
.hero-meta > div {
min-height: 66px;
display: flex;
align-items: center;
gap: 10px;
padding: 11px 13px;
border-radius: 14px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.12);
backdrop-filter: blur(10px);
}
.hero-meta i {
width: 36px;
height: 36px;
flex: 0 0 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(245,237,227,.16);
color: #F5EDE3;
}
.hero-meta span {
color: rgba(255,255,255,.78);
font-size: .76rem;
line-height: 1.3;
}
.hero-meta strong {
color: var(--white);
} .intro-section {
background: var(--cream);
}
.split-grid {
display: grid;
grid-template-columns: .9fr 1.1fr;
gap: 68px;
align-items: center;
}
.image-frame {
position: relative;
}
.portrait-frame img {
width: 100%;
height: 620px;
object-fit: cover;
object-position: center top;
border-radius: 26px 26px 110px 26px;
box-shadow: var(--shadow);
}
.portrait-frame::before {
content: "";
position: absolute;
inset: 18px -18px -18px 18px;
border: 1px solid rgba(52,85,109,.35);
border-radius: 26px 26px 110px 26px;
z-index: -1;
}
.experience-tag {
position: absolute;
right: -22px;
bottom: 32px;
display: flex;
align-items: center;
gap: 10px;
padding: 17px 20px;
border-radius: 18px;
background: var(--primary);
color: var(--white);
box-shadow: var(--shadow-sm);
}
.experience-tag strong {
font-family: "Cormorant Garamond", serif;
color: #E7D8C5;
font-size: 2.35rem;
line-height: 1;
}
.experience-tag span {
font-size: .75rem;
line-height: 1.25;
}
.content-block p + p {
margin-top: 14px;
}
.content-block .btn {
margin-top: 26px;
} .investigation-section {
background:
radial-gradient(circle at 10% 10%, rgba(52,85,109,.12), transparent 24%),
radial-gradient(circle at 92% 84%, rgba(188,167,141,.10), transparent 22%),
var(--navy);
}
.investigation-section h2,
.investigation-section .section-heading p {
color: var(--white);
}
.investigation-section .section-heading p {
color: rgba(255,255,255,.67);
}
.investigation-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 14px;
}
.investigation-card {
min-height: 235px;
padding: 26px;
border-radius: 18px;
background: rgba(255,255,255,.055);
border: 1px solid rgba(255,255,255,.11);
transition: .2s ease;
}
.investigation-card:hover {
transform: translateY(-4px);
background: rgba(255,255,255,.085);
}
.card-icon {
width: 48px;
height: 48px;
margin-bottom: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 14px;
background: rgba(245,237,227,.14);
color: #F5EDE3;
font-size: 1.18rem;
}
.investigation-card h3 {
color: var(--white);
font-family: "Cormorant Garamond", serif;
font-size: 1.35rem;
margin-bottom: 9px;
}
.investigation-card p {
color: rgba(255,255,255,.65);
font-size: .91rem;
} .benefit-section {
background: var(--white);
}
.benefit-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 68px;
align-items: center;
}
.benefit-copy p + p {
margin-top: 13px;
}
.benefit-copy .btn {
margin-top: 26px;
}
.benefit-panel {
padding: 22px;
display: grid;
gap: 12px;
border-radius: 28px;
background: var(--cream);
}
.benefit-item {
padding: 20px;
display: flex;
gap: 15px;
border-radius: 16px;
background: var(--white);
box-shadow: 0 6px 18px rgba(52,85,109,.04);
}
.benefit-item > span {
width: 46px;
height: 46px;
flex: 0 0 46px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--primary);
color: var(--white);
}
.benefit-item h3 {
margin-bottom: 4px;
}
.benefit-item p {
font-size: .88rem;
} .testimonials-section {
background: var(--cream);
}
.testimonial-slider {
position: relative;
padding-inline: 54px;
}
.testimonial-viewport {
overflow: hidden;
}
.testimonial-track {
display: flex;
gap: 16px;
transition: transform .42s cubic-bezier(.25,.8,.25,1);
}
.testimonial-card {
flex: 0 0 calc((100% - 32px)/3);
min-height: 300px;
padding: 26px;
display: flex;
flex-direction: column;
border-radius: 18px;
background: var(--white);
border: 1px solid var(--line);
box-shadow: 0 8px 22px rgba(52,85,109,.04);
}
.testimonial-stars {
color: #E2A93A;
font-size: .84rem;
display: flex;
gap: 3px;
margin-bottom: 19px;
}
.testimonial-card blockquote {
color: var(--text);
font-family: "Cormorant Garamond", serif;
font-size: 1.16rem;
line-height: 1.55;
flex: 1;
}
.testimonial-author {
display: flex;
align-items: center;
gap: 11px;
margin-top: 20px;
padding-top: 17px;
border-top: 1px solid var(--line);
}
.testimonial-author > span {
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--cream);
color: var(--primary);
font-weight: 700;
font-size: .78rem;
}
.testimonial-author strong,
.testimonial-author small {
display: block;
}
.testimonial-author strong {
color: var(--primary);
font-size: .9rem;
}
.testimonial-author small {
color: var(--muted);
}
.slider-btn {
position: absolute;
z-index: 4;
top: 50%;
width: 42px;
height: 42px;
transform: translateY(-50%);
border: 1px solid var(--line);
border-radius: 50%;
background: var(--white);
color: var(--primary);
box-shadow: var(--shadow-sm);
cursor: pointer;
}
.slider-prev { left: 0; }
.slider-next { right: 0; }
.slider-btn:hover {
background: var(--primary);
color: var(--white);
}
.slider-dots {
margin-top: 25px;
display: flex;
justify-content: center;
gap: 7px;
}
.slider-dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 999px;
background: #D8CCC0;
cursor: pointer;
transition: .2s ease;
}
.slider-dot.active {
width: 26px;
background: var(--primary);
} .why-section {
background: var(--white);
}
.why-grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 14px;
}
.why-card {
position: relative;
min-height: 255px;
padding: 28px 24px;
overflow: hidden;
border-radius: 18px;
background: var(--cream);
border: 1px solid rgba(52,85,109,.08);
}
.why-card > span {
position: absolute;
right: 15px;
top: 7px;
color: rgba(188,167,141,.22);
font-family: "Cormorant Garamond", serif;
font-size: 4.3rem;
font-weight: 700;
}
.why-card > i {
width: 50px;
height: 50px;
margin-bottom: 22px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--primary);
color: var(--white);
}
.why-card h3 {
margin-bottom: 9px;
}
.why-card p {
font-size: .9rem;
}
.signature-quote {
max-width: 860px;
margin: 42px auto 0;
padding: 25px 30px;
display: flex;
align-items: center;
gap: 18px;
border-left: 3px solid var(--taupe);
background: var(--cream);
}
.signature-quote i {
color: var(--primary);
font-size: 1.7rem;
}
.signature-quote p {
color: var(--primary);
font-size: 1.35rem;
font-style: italic;
} .process-section {
background: var(--primary-dark);
}
.process-section h2,
.process-section .section-heading p {
color: var(--white);
}
.process-section .section-heading p {
color: rgba(255,255,255,.65);
}
.process-grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 14px;
}
.process-card {
min-height: 225px;
padding: 26px;
border-radius: 18px;
background: rgba(255,255,255,.055);
border: 1px solid rgba(255,255,255,.1);
}
.process-number {
display: inline-flex;
margin-bottom: 18px;
color: #E7D8C5;
font-family: "Cormorant Garamond", serif;
font-size: 1.8rem;
font-weight: 700;
}
.process-card h3 {
color: var(--white);
font-family: "Cormorant Garamond", serif;
font-size: 1.28rem;
margin-bottom: 9px;
}
.process-card p {
color: rgba(255,255,255,.62);
font-size: .9rem;
}
.section-cta {
margin-top: 30px;
text-align: center;
} .life-section {
background: var(--cream);
}
.life-grid {
display: grid;
grid-template-columns: repeat(4,1fr);
gap: 14px;
}
.life-grid article {
min-height: 260px;
position: relative;
padding: 26px;
border-radius: 18px;
background: var(--white);
border: 1px solid var(--line);
}
.life-grid article > span {
position: absolute;
right: 20px;
top: 20px;
color: var(--taupe);
font-size: .76rem;
font-weight: 700;
}
.life-icon {
width: 54px;
height: 54px;
margin-bottom: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: var(--cream);
color: var(--primary);
font-size: 1.2rem;
}
.life-grid h3 {
font-family: "Cormorant Garamond", serif;
font-size: 1.35rem;
margin-bottom: 8px;
}
.life-grid p {
font-size: .9rem;
} .faq-contact-section {
background: var(--white);
}
.faq-contact-grid {
display: grid;
grid-template-columns: .85fr 1.15fr;
gap: 55px;
align-items: start;
}
.contact-card {
position: sticky;
top: 110px;
padding: 38px;
border-radius: 24px;
background: var(--primary);
box-shadow: var(--shadow);
}
.contact-card h2 {
color: var(--white);
font-size: clamp(2rem, 3vw, 3rem);
}
.contact-person {
margin: 22px 0;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255,255,255,.12);
}
.contact-person strong,
.contact-person span,
.contact-person small {
display: block;
}
.contact-person strong {
color: var(--white);
}
.contact-person span,
.contact-person small {
color: rgba(255,255,255,.66);
}
.contact-list {
list-style: none;
margin-bottom: 25px;
display: grid;
gap: 17px;
}
.contact-list li {
display: flex;
gap: 12px;
}
.contact-list li > i {
width: 22px;
color: #E7D8C5;
margin-top: 4px;
}
.contact-list strong,
.contact-list span,
.contact-list a {
display: block;
}
.contact-list strong {
color: var(--white);
font-size: .84rem;
}
.contact-list span,
.contact-list a {
color: rgba(255,255,255,.64);
font-size: .85rem;
}
.faq-wrap h2 {
margin-bottom: 25px;
}
.accordion {
display: grid;
gap: 9px;
}
.faq-item {
overflow: hidden;
border: 1px solid var(--line);
border-radius: 13px;
background: var(--white);
}
.faq-question {
width: 100%;
min-height: 58px;
padding: 15px 17px;
border: 0;
background: transparent;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
color: var(--primary);
text-align: left;
font-weight: 600;
cursor: pointer;
}
.faq-question i {
color: var(--primary);
transition: transform .2s ease;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height .28s ease;
}
.faq-answer p {
padding: 0 17px 17px;
font-size: .91rem;
}
.faq-item.active .faq-question i {
transform: rotate(45deg);
} .final-cta {
padding: 70px 0;
background:
radial-gradient(circle at 90% 50%, rgba(52,85,109,.20), transparent 24%),
var(--navy);
}
.final-cta-inner {
display: grid;
grid-template-columns: 1.25fr .75fr;
gap: 55px;
align-items: center;
}
.final-cta h2 {
color: var(--white);
max-width: 760px;
}
.final-cta h2 em {
color: #E7D8C5;
}
.final-cta p {
max-width: 820px;
color: rgba(255,255,255,.68);
}
.final-cta p strong {
color: var(--white);
}
.final-cta p + p {
margin-top: 8px;
} .map-section {
height: 380px;
}
.map-section iframe {
width: 100%;
height: 100%;
border: 0;
} .site-footer {
padding: 27px 0;
background: #294659;
}
.footer-inner {
display: flex;
align-items: center;
gap: 18px;
}
.footer-inner img {
width: 200px;
}
.footer-inner div {
margin-right: auto;
}
.footer-inner strong,
.footer-inner span {
display: block;
}
.footer-inner strong {
color: var(--white);
font-size: .86rem;
}
.footer-inner span {
color: rgba(255,255,255,.55);
font-size: .74rem;
}
.footer-inner p {
color: rgba(255,255,255,.45);
font-size: .72rem;
} .whatsapp-float {
position: fixed;
z-index: 990;
right: 22px;
bottom: 22px;
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #25D366;
color: var(--white);
font-size: 1.7rem;
box-shadow: 0 15px 30px rgba(37,211,102,.3);
}
.mobile-cta {
display: none;
} .reveal {
opacity: 0;
transform: translateY(18px);
transition: opacity .5s ease, transform .5s ease;
}
.reveal.visible {
opacity: 1;
transform: none;
} @media (max-width: 1080px) {
.main-nav {
gap: 14px;
}
.main-nav a {
font-size: .78rem;
}
.header-cta {
display: none;
}
.investigation-grid,
.process-grid {
grid-template-columns: repeat(2,1fr);
}
.why-grid,
.life-grid {
grid-template-columns: repeat(2,1fr);
}
.testimonial-card {
flex-basis: calc((100% - 16px)/2);
}
} @media (max-width: 820px) {
.container {
width: min(calc(100% - 28px), var(--container));
}
.whatsapp-float{
display: none;
}
.section {
padding: 68px 0;
}
.site-header {
height: 72px;
}
.brand {
width: 190px;
flex-basis: 190px;
}
.menu-toggle {
display: flex;
}
.main-nav {
position: fixed;
inset: 72px 0 auto;
padding: 17px;
display: grid;
gap: 0;
background: var(--primary);
border-top: 1px solid rgba(255,255,255,.08);
transform: translateY(-130%);
opacity: 0;
pointer-events: none;
transition: .24s ease;
}
.main-nav.open {
transform: translateY(0);
opacity: 1;
pointer-events: auto;
}
.main-nav a {
padding: 11px 5px;
border-bottom: 1px solid rgba(255,255,255,.07);
font-size: .9rem;
}
.hero {
min-height: 720px;
align-items: flex-end;
background:
linear-gradient(0deg,
rgba(16,45,66,.99) 0%,
rgba(52,85,109,.96) 43%,
rgba(16,45,66,.65) 71%,
rgba(52,85,109,.2) 100%),
url(//psicologaalinefernanda.com.br/wp-content/themes/hello-elementor/assets-lp/images/new-banner-aline.png) 72% center / cover no-repeat;
}
.hero-inner {
padding: 240px 0 48px;
}
.hero h1 {
font-size: clamp(2.75rem, 12vw, 4rem);
line-height: .98;
}
.hero-lead {
font-size: .98rem;
line-height: 1.65;
}
.hero-actions {
display: grid;
}
.hero-actions .btn {
width: 100%;
}
.hero-meta {
grid-template-columns: 1fr;
}
.split-grid,
.benefit-grid,
.about-aline-grid,
.faq-contact-grid,
.final-cta-inner {
grid-template-columns: 1fr;
}
.portrait-frame img {
height: 500px;
}
.experience-tag {
right: 15px;
}
.investigation-grid,
.process-grid,
.why-grid,
.life-grid {
grid-template-columns: 1fr;
}
.benefit-grid {
gap: 40px;
}
.testimonial-card {
flex-basis: 100%;
}
.testimonial-slider {
padding-inline: 0;
padding-bottom: 62px;
}
.slider-btn {
top: auto;
bottom: 0;
transform: none;
}
.slider-prev {
left: auto;
right: 52px;
}
.slider-next {
right: 0;
}
.about-aline-copy {
padding: 65px 28px;
}
.about-aline-image {
order: -1;
}
.about-aline-image img {
min-height: 500px;
height: 500px;
}
.contact-card {
position: static;
}
.final-cta .btn {
width: 100%;
}
.footer-inner {
flex-direction: column;
text-align: center;
}
.footer-inner div {
margin-right: 0;
}
.whatsapp-float {
bottom: 79px;
width: 54px;
height: 54px;
}
.mobile-cta {
position: fixed;
z-index: 980;
left: 0;
right: 0;
bottom: 0;
display: block;
padding: 9px 12px;
background: rgba(255,255,255,.96);
border-top: 1px solid var(--line);
backdrop-filter: blur(12px);
}
.mobile-cta a {
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
border-radius: 999px;
background: #25D366;
color: var(--white);
font-weight: 700;
}
body {
padding-bottom: 65px;
}
}
@media (max-width: 480px) {
.section {
padding: 58px 0;
}
.hero h1 {
font-size: 2.75rem;
}
.hero-kicker {
border-radius: 12px;
line-height: 1.35;
}
.portrait-frame img {
height: 430px;
}
.about-aline-image img {
height: 430px;
min-height: 430px;
}
.contact-card {
padding: 29px 22px;
}
.footer-inner img {
width: 180px;
}
} .about-aline-section {
width: 100%;
padding: 0;
background: #34556D;
overflow: hidden;
}
.about-aline-grid {
width: 100%;
display: grid;
grid-template-columns:
minmax(0, 1fr)
minmax(500px, 48%);
align-items: center;
}
.about-aline-copy {
display: flex;
justify-content: flex-end;
background: #34556D;
}
.about-aline-copy-inner {
width: 100%;
max-width: 690px;
padding:
90px
70px
90px
40px;
}
.about-aline-copy .eyebrow {
margin-bottom: 20px;
}
.about-aline-copy h2 {
margin-bottom: 28px;
color: #ffffff;
font-size: clamp(
3rem,
4.3vw,
4.1rem
);
line-height: 0.96;
letter-spacing: -0.035em;
}
.about-aline-copy h2 span {
display: block;
color: #ffffff;
}
.about-aline-copy p {
max-width: 620px;
color:
rgba(255, 255, 255, 0.72);
font-size: 1rem;
line-height: 1.75;
}
.about-aline-copy p + p {
margin-top: 17px;
}
.about-aline-copy p strong {
color: #ffffff;
font-weight: 700;
} .credentials {
display: flex;
flex-wrap: wrap;
gap: 9px;
margin:
28px
0
30px;
}
.credentials span {
display: inline-flex;
align-items: center;
gap: 7px;
padding:
8px
12px;
border-radius: 999px;
border:
1px solid
rgba(255, 255, 255, 0.14);
background:
rgba(255, 255, 255, 0.06);
color:
rgba(255, 255, 255, 0.82);
font-size: 0.78rem;
font-weight: 500;
}
.credentials i {
color: #E7D8C5;
} .about-aline-image {
position: relative;
min-height: 720px;
overflow: hidden;
}
.about-aline-image img {
max-width: 100%;
height: auto;
object-fit: cover;
object-position:
center 24%;
display: block;
} .about-aline-image::before {
content: "";
position: absolute;
z-index: 2;
inset: 0 auto 0 0;
width: 120px;
background:
linear-gradient(
90deg,
#34556D 0%,
rgba(52, 85, 109, 0.72) 25%,
rgba(16, 45, 66, 0) 100%
);
pointer-events: none;
} @media (max-width: 1050px) {
.about-aline-grid {
grid-template-columns:
1fr
46%;
}
.about-aline-copy-inner {
padding:
75px
45px
75px
32px;
}
.about-aline-copy h2 {
font-size:
clamp(
2.8rem,
5vw,
4.2rem
);
}
.about-aline-image {
min-height: 680px;
}
.about-aline-image img {
min-height: 680px;
}
} @media (max-width: 820px) {
.about-aline-grid {
display: flex;
flex-direction: column;
}
.about-aline-image {
order: -1;
width: 100%;
min-height: 480px;
height: 480px;
}
.about-aline-image img {
width: 100%;
height: 100%;
min-height: 0;
object-position:
center 20%;
}
.about-aline-image::before {
inset: auto 0 0;
width: 100%;
height: 130px;
background:
linear-gradient(
0deg,
#34556D 0%,
rgba(52, 85, 109, 0.78) 28%,
rgba(16, 45, 66, 0) 100%
);
}
.about-aline-copy {
display: block;
}
.about-aline-copy-inner {
max-width: none;
padding:
15px
24px
65px;
}
.about-aline-copy h2 {
max-width: 100%;
font-size:
clamp(
2.7rem,
11vw,
4rem
);
line-height: 1;
}
.credentials {
display: grid;
grid-template-columns:
1fr
1fr;
}
.credentials span {
border-radius: 12px;
}
.about-aline-copy .btn {
width: 100%;
}
}
@media (max-width: 480px) {
.about-aline-image {
height: 410px;
min-height: 410px;
}
.about-aline-copy-inner {
padding:
10px
20px
55px;
}
.credentials {
grid-template-columns: 1fr;
}
} .contact-location-section {
padding: 95px 0;
background: #F5EDE3;
}
.contact-location-grid {
display: grid;
grid-template-columns:
minmax(0, 0.9fr)
minmax(0, 1.1fr);
gap: 55px;
align-items: stretch;
} .contact-location-content {
min-width: 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.contact-location-content h2 {
margin-bottom: 17px;
font-size: 32px;
}
.contact-location-content h2 em {
color: #34556D;
}
.contact-location-intro {
max-width: 550px;
margin-bottom: 17px;
color: #667985;
font-size: 1rem;
line-height: 1.7;
} .contact-person {
padding:
18px
20px;
margin-bottom: 14px;
border-radius: 14px;
background: #34556D;
}
.contact-person strong {
display: block;
color: #ffffff;
font-family:
"Cormorant Garamond",
serif;
font-size: 1.2rem;
line-height: 1.3;
}
.contact-person span {
display: block;
margin-top: 3px;
color:
rgba(255, 255, 255, 0.68);
font-size: 0.82rem;
}
.contact-person small {
display: block;
margin-top: 3px;
color: #E7D8C5;
font-size: 0.73rem;
font-weight: 700;
} .contact-info-list {
display: grid;
gap: 10px;
margin-bottom: 25px;
}
.contact-info-item {
display: flex;
align-items: center;
gap: 14px;
min-height: 86px;
padding:
13px
16px;
border-radius: 14px;
background: #ffffff;
border:
1px solid
rgba(52, 85, 109, 0.10);
transition:
border-color 0.2s ease,
transform 0.2s ease,
box-shadow 0.2s ease;
}
.contact-info-item:hover {
transform: translateY(-2px);
border-color:
rgba(52, 85, 109, 0.28);
box-shadow:
0 8px 22px
rgba(52, 85, 109, 0.05);
}
.contact-info-icon {
width: 46px;
height: 46px;
flex: 0 0 46px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: rgba(188, 167, 141, 0.18);
color: var(--primary);
font-size: 1.05rem;
}
.contact-info-item > div {
min-width: 0;
}
.contact-info-item small {
display: block;
margin-bottom: 2px;
color: #7B7F80;
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.055em;
}
.contact-info-item strong {
display: block;
color: #34556D;
font-size: 0.9rem;
line-height: 1.35;
overflow-wrap: anywhere;
}
.contact-info-item p {
margin-top: 2px;
color: #667985;
font-size: 0.79rem;
line-height: 1.4;
}
.contact-location-content > .btn {
align-self: flex-start;
} .contact-map {
position: relative;
min-width: 0;
min-height: 560px;
overflow: hidden;
border-radius: 24px;
background: #F5EDE3;
border:
1px solid
rgba(52, 85, 109, 0.10);
box-shadow:
0 18px 45px
rgba(52, 85, 109, 0.09);
}
.contact-map iframe {
position: absolute;
inset: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
} @media (max-width: 980px) {
.contact-location-grid {
grid-template-columns:
minmax(0, 1fr)
minmax(0, 1fr);
gap: 30px;
}
.contact-map {
min-height: 520px;
}
} @media (max-width: 760px) {
.contact-location-section {
padding: 65px 0;
}
.contact-location-grid {
grid-template-columns: 1fr;
gap: 28px;
}
.contact-location-content h2 {
font-size:
clamp(
2.2rem,
9vw,
3rem
);
}
.contact-location-content > .btn {
width: 100%;
align-self: stretch;
}
.contact-map {
min-height: 340px;
border-radius: 18px;
}
}
@media(max-width: 480px){
h2{
font-size: 32px !important;
}
.hero-inner{
padding-top: 50px;
}
.hero {
min-height: 720px;
align-items: flex-end;
background: linear-gradient(0deg, rgba(16, 45, 66, .99) 0%, rgba(16, 45, 66, .96) 43%, rgba(16, 45, 66, .65) 71%, rgba(16, 45, 66, .2) 100%), url(//psicologaalinefernanda.com.br/wp-content/themes/hello-elementor/assets-lp/images/new-banner-aline.png) 82% center / cover no-repeat;
}
.about-aline-copy {
padding: 65px 16px;
}
}
.mobile-cta {
display: none;
}
@media (max-width: 820px) {
.mobile-cta {
position: fixed;
z-index: 980;
left: 0;
right: 0;
bottom: 0;
display: block;
padding: 9px 12px;
background: rgba(255, 255, 255, 0.96);
border-top: 1px solid var(--line);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px); opacity: 0;
visibility: hidden;
transform: translateY(100%);
pointer-events: none;
transition:
opacity 0.3s ease,
transform 0.3s ease,
visibility 0.3s ease;
}
.mobile-cta.show {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.mobile-cta a {
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
border-radius: 999px;
background: #25D366;
color: #ffffff;
font-weight: 700;
}
} .faixa-desenvolvido {
padding: 18px 0;
background: white;
border-top: 1px solid rgba(23, 23, 23, 0.08);
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
}
.desenvolvido-por {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0 auto;
gap: 14px;
color: black;
font-size: 13px;
font-weight: 800;
}
.desenvolvido-por:hover {
color: #ffd34e;
}
.desenvolvido-por img {
display: block;
width: auto;
max-width: 155px;
max-height: 32px;
}
body::-webkit-scrollbar-track {
background: var(--cream);
}
body::-webkit-scrollbar {
width: 12px;
}
body::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, var(--primary), var(--taupe));
border-radius: 20px;
border: 3px solid var(--cream);
} .hero h1 em,
.final-cta h2 em {
color: #E7D8C5;
}
.eyebrow {
color: var(--primary);
font-size: .74rem;
font-weight: 600;
letter-spacing: .16em;
}
.eyebrow-light {
color: rgba(245, 237, 227, .86);
}
.btn-primary {
background: var(--primary);
color: var(--white);
box-shadow: 0 12px 28px rgba(52, 85, 109, .22);
}
.btn-primary:hover {
background: var(--cream);
color: var(--primary);
border: 1px solid var(--primary);
box-shadow: 0 16px 32px rgba(52, 85, 109, .28);
}
.investigation-section,
.process-section,
.final-cta,
.about-aline-section,
.about-aline-copy {
background-color: var(--primary);
}
.process-section,
.site-footer {
background-color: var(--primary-dark);
}
.investigation-card,
.process-card {
border-color: rgba(245, 237, 227, .13);
}
.card-icon,
.process-number,
.credentials i {
color: #E7D8C5;
}
.signature-quote {
background: rgba(188, 167, 141, .14);
border-left-color: var(--taupe);
}
.signature-quote i {
color: var(--taupe);
}
.life-icon,
.contact-info-icon,
.testimonial-author > span {
background: rgba(188, 167, 141, .16);
color: var(--primary);
}
.contact-location-section,
.testimonials-section,
.intro-section,
.life-section {
background: var(--cream);
}
.contact-map {
background: var(--cream);
}
.site-footer {
background: var(--primary-dark);
} .benefit-section,
.why-section,
.faq-contact-section {
background: #FFFDF9;
}
@media (min-width: 1200px) {
.site-header .header-inner,
.site-footer .footer-inner,
body:not([class*="elementor-page-"]) .site-main {
max-width: none !important;
}
} .site-footer,
.site-footer:not(.dynamic-footer) {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
background: var(--primary-dark);
} .site-footer .footer-inner {
width: min(
calc(100% - 40px),
var(--container)
) !important;
max-width: var(--container) !important;
margin-left: auto !important;
margin-right: auto !important;
}