.navbar {
  background: rgba(0, 0, 0, .92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.navbar-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #fff !important;
    text-decoration: none;
}

.logo-mark {
    width: 38px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: visible;
}

.logo-mark__image,
.logo-mark img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    mix-blend-mode: normal;
}

.brand-text {
    font-family: "Cinzel", serif;
    font-size: 1.1rem;
    line-height: 1.05;
    letter-spacing: .12em;
    color: #fff;
    white-space: nowrap;
}

.navbar .nav-link {
  color: #f6f3ef !important;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  margin: 0 .45rem;
  text-transform: uppercase;
}

.navbar .nav-link:hover {
    color: var(--cobre-claro) !important;
}

.hero {
  align-items: center;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, .98) 0%, rgba(0, 0, 0, .90) 44%, rgba(0, 0, 0, .58) 100%),
    radial-gradient(circle at 78% 30%, rgba(255, 255, 255, .12), transparent 23%),
    linear-gradient(135deg, #0d0d0d 0%, #000000 65%);
  color: #fff;
  display: flex;
  min-height: 720px;
  overflow: hidden;
  padding-top: 92px;
  position: relative;
}

.hero::after {
  background:
    repeating-linear-gradient(90deg, rgba(255, 255, 255, .14) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .10) 0 1px, transparent 1px 44px);
  bottom: 0;
  clip-path: polygon(28% 0, 100% 14%, 100% 100%, 0 100%);
  content: "";
  height: 86%;
  opacity: .45;
  position: absolute;
  right: 0;
  transform: skewX(-5deg);
  width: min(46vw, 580px);
}

.hero-content {
  margin: auto;
  max-width: 850px;
  position: relative;
  text-align: center;
  z-index: 2;
}

.hero-mark {
  display: flex;
  justify-content: center;
  margin-bottom: 1.3rem;
}

.hero h1 {
  font-size: clamp(2.25rem, 6vw, 4.6rem);
  font-weight: 500;
  margin-bottom: 1rem;
}

.hero-subtitle {
  color: var(--cobre-claro);
  font-weight: 500;
  letter-spacing: .24em;
  margin-bottom: 2rem;
  text-transform: uppercase;
}

.hero p {
  font-size: 1.18rem;
  line-height: 1.75;
  margin: 0 auto 2rem;
  max-width: 640px;
}

.areas {
  background: #f6f1eb;
  padding: 72px 0 54px;
}

.area-card {
  border-right: 1px solid var(--line);
  height: 100%;
  padding: 1.3rem 1rem;
  text-align: center;
}

.area-card:last-child {
  border-right: 0;
}

.area-card h3 {
  font-family: 'Inter', sans-serif;
  font-size: .95rem;
  font-weight: 800;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.area-card p {
  color: #27343a;
  font-size: .88rem;
  line-height: 1.65;
  margin-bottom: 0;
}

.about {
  background: #fbf8f4;
}

.about-text {
  padding: 70px 7vw 70px 0;
}

.eyebrow {
  color: var(--cobre);
  font-family: 'Cinzel', serif;
  letter-spacing: .12em;
  margin-bottom: 1rem;
  text-transform: uppercase;
}

.about .about-text h2 {
  margin-bottom: 1rem;
  text-align: left;
}

.about .title-line {
  background: var(--cobre);
  height: 1px;
  margin: 0 0 1.65rem;
  width: 56px;
}

.about-image {
  height: 560px;
  overflow: hidden;
  position: relative;
}

.about-image::before {
  border: 1px solid rgba(212, 138, 104, .35);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.about-image__photo {
  display:block;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  width: 100%;

}

.pillars {
  background: var(--preto-profundo);
  color: #fff;
  padding: 58px 0 44px;
}

.diff-card {
  border-right: 1px solid rgba(189, 106, 73, .36);
  height: 100%;
  padding: 1.2rem 1rem;
  text-align: center;
}

.diff-card:last-child {
  border-right: 0;
}

.diff-card i {
  color: var(--cobre-claro);
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.diff-card h3 {
  font-family: 'Inter', sans-serif;
  font-size: .92rem;
  font-weight: 800;
  text-transform: uppercase;
}

.diff-card p {
  color: #dce4e6;
  font-size: .88rem;
  line-height: 1.6;
  margin: 0;
}

.founder {
  background: #f6f1eb;
  padding: 78px 0;
}

/* CURRÍCULO */

.founder .about-image{
    height:100%;
    min-height:480px;
}

.founder .about-text{
    padding:70px 4vw;
}

.founder .about-text h3{
    margin-bottom:18px;
}

.founder .check-list{
    margin-top:30px;
}

.founder .credential-box{
    height:100%;
    padding:55px;
    margin-left:-20px;
    position:relative;
    z-index:2;
    background:#fff;
    border:1px solid rgba(208,136,90,.25);
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.founder .credential-box p{
    text-align:justify;
}

.founder-quote{
    border:0;
    margin:0;
    margin-top:auto;
    padding:30px 0 0 2.5rem;
}

.founder-quote p{
    color:var(--texto);
    font-style:italic;
    margin-bottom:.5rem;
}

.founder-quote__author{
    color:var(--cobre);
    display:block;
    font-style:normal;
    font-weight:600;
    text-align:right;
}

.agendamento {
  background: #fbf8f4;
  padding: 78px 0;
}

.quote-intro {
  color: #455158;
  line-height: 1.75;
  margin: 0 auto 2.2rem;
  max-width: 760px;
  text-align: center;
}

.appointment-sidebar {
  background: var(--preto-profundo);
  color: #fff;
  height: 100%;
  padding: 2rem;
}

.appointment-sidebar p {
  color: #dce4e6;
  line-height: 1.65;
}

.appointment-sidebar .mini-item {
  border-top: 1px solid rgba(212, 138, 104, .28);
  margin-top: 1rem;
  padding-top: 1rem;
}

.cta-strip {
  background: #fbf8f4;
  border-top: 1px solid rgba(189, 106, 73, .15);
  padding: 28px 0;
}

.cta-strip h2 {
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  margin: 0;
}

footer {
  background: #000000;
  color: #e8f0f2;
  padding: 28px 0 20px;
}

footer a {
  color: #e8f0f2;
  text-decoration: none;
}

footer a:hover {
  color: var(--cobre-claro);
}

.footer-mini {
  color: #aebdc1;
  font-size: .82rem;
}

.about-center{
    max-width:850px;
    margin:0 auto;
    text-align:center;
    padding:10px 20px 20px;
}

.about-center .eyebrow{
    margin-bottom:6px;
    letter-spacing:3px;
}

.about-center h2{
    margin:0;
    font-family:"Cinzel", serif;
    font-size:2rem;
    font-weight:500;
    line-height:1.2;
    letter-spacing:1px;
    text-align:center;
}

.about-center .title-line{
    width:60px;
    margin:16px auto 20px;
}

.about-center p{
    max-width:720px;
    margin:0 auto 16px;
    line-height:1.8;
    font-size:1.05rem;
    text-align:center;
}

.about-center p:last-child{
    margin-bottom:0;
}