
:root{
  --navy:#08213e;
  --navy-soft:#102f52;
  --copper:#b9772f;
  --copper-light:#d29a57;
  --cream:#f8f1e8;
  --cream-2:#f1e5d8;
  --paper:#fffaf4;
  --text:#10233b;
  --muted:#5f625f;
  --line:#dfcfbd;
  --white:#fff;
  --shadow:0 22px 58px rgba(8,33,62,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:Montserrat,Arial,sans-serif;line-height:1.55;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
em{font-style:normal;color:var(--copper)}

.topbar{height:86px;padding:0 3.2vw;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:28px;background:rgba(255,250,244,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(8,33,62,.10);box-shadow:0 4px 18px rgba(8,33,62,.04)}
.brand{display:flex;align-items:center;height:100%}
.brand img{width:235px;height:62px;object-fit:contain;object-position:left center}
.nav{display:flex;justify-content:flex-end;gap:40px;text-transform:uppercase;font-size:9.6px;letter-spacing:.12em;font-weight:500}
.nav a{position:relative;padding:33px 0;color:var(--navy)}
.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:22px;height:2px;background:var(--copper);transition:.25s}
.nav a:hover:after{right:0}
.topbar>.pill{display:none}
.menu-toggle{display:none;border:0;background:none}

.home-showcase{padding:24px 3.2vw 26px;background:radial-gradient(circle at 40% 15%,#fffdfa 0,#f8f1e8 48%,#f3e7da 100%)}
.showcase-grid{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:1.02fr .94fr .87fr;gap:34px;align-items:stretch}
.showcase-copy{padding:8px 4px 0}
.eyebrow,.differentials-title{text-transform:uppercase;letter-spacing:.24em;font-size:10.4px;font-weight:700;color:var(--copper);margin:0}
.short-rule{display:block;width:54px;height:2px;background:var(--copper);margin:12px 0 22px}
.short-rule.secondary{margin:26px 0 24px}
.showcase-copy h1{font:600 clamp(41.6px,3.52vw,62.4px)/.96 "Cormorant Garamond",Georgia,serif;letter-spacing:-.025em;color:var(--navy);margin:0}
.showcase-copy h1 em{display:block;color:var(--copper)}
.showcase-copy p{font-size:14.40px;line-height:1.68;color:#293b50;margin:0 0 22px;max-width:610px}
.showcase-copy strong{color:var(--navy);font-weight:700}

.showcase-center{display:flex;flex-direction:column;min-width:0}
.quote-panel{min-height:445px;padding:48px 44px 34px;background:linear-gradient(155deg,#08213e,#0c2b4e);border-radius:24px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}
.quote-clapper svg{width:68px;height:68px;fill:none;stroke:var(--copper-light);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.quote-divider{display:block;width:62px;height:2px;background:var(--copper);margin:26px 0 24px}
.quote-panel p{font:italic 24px/1.42 "Cormorant Garamond",Georgia,serif;margin:0;max-width:370px;color:#fff}
.film-ribbon{position:absolute;left:-12%;right:-12%;bottom:-52px;height:130px;border:14px solid rgba(210,154,87,.13);border-radius:50%;transform:rotate(-9deg)}
.film-ribbon:after{content:"";position:absolute;inset:14px;border:5px dashed rgba(255,255,255,.06);border-radius:50%}
.team-office-photo{margin-top:-16px;border-radius:0 0 20px 20px;overflow:hidden;box-shadow:var(--shadow);background:#d8c4ae}
.team-office-photo img{width:100%;height:355px;object-fit:cover;object-position:center 38%}

.differentials-card{background:rgba(245,234,222,.92);border:1px solid rgba(185,119,47,.12);border-radius:22px;padding:35px 32px 26px;box-shadow:0 16px 42px rgba(8,33,62,.06)}
.differentials-title{color:var(--navy);font-size:11.2px}
.differential-item{display:grid;grid-template-columns:66px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(8,33,62,.11)}
.differential-item:last-child{border-bottom:0}
.differential-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--navy);border:2px solid rgba(185,119,47,.25)}
.differential-icon svg{width:30px;height:30px;fill:none;stroke:var(--copper-light);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.differential-item h3{font:700 12.8px/1.2 Montserrat,Arial,sans-serif;color:var(--navy);margin:0 0 5px}
.differential-item p{font-size:10.4px;line-height:1.45;color:#314257;margin:0}

.founders-strip{max-width:1540px;margin:26px auto 0;display:grid;grid-template-columns:1.12fr 1.5fr .8fr;gap:30px;align-items:center;background:linear-gradient(90deg,#08213e,#0c2b4e);color:#fff;border-radius:18px;padding:20px 28px;box-shadow:0 15px 38px rgba(8,33,62,.15)}
.founders-name{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center}
.founders-symbol{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(210,154,87,.35)}
.founders-symbol svg{width:28px;height:28px;fill:none;stroke:var(--copper-light);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.founders-name div{display:flex;flex-direction:column}
.founders-name strong{font-size:11.2px}
.founders-name span{font-size:9.6px;color:var(--copper-light)}
.founders-strip>p{font-size:10px;line-height:1.55;margin:0;color:#f5eee5}
.founders-strip>img{width:220px;justify-self:end;filter:brightness(0) invert(1)}

.services-section{padding:86px 6vw;background:var(--paper);border-top:1px solid var(--line)}
.services-heading{max-width:760px;margin:0 auto 42px;text-align:center}
.services-heading h2,.section-heading h2,.cta h2{font:600 clamp(31.2px,3.2vw,49.6px)/1.02 "Cormorant Garamond",Georgia,serif;color:var(--navy);letter-spacing:-.025em;margin:12px 0 16px}
.services-heading>p:last-child,.section-heading>p:last-child{color:var(--muted)}
.services-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.service-card{min-height:245px;padding:26px 23px;background:#fff;border:1px solid var(--line);border-radius:18px;position:relative;box-shadow:0 13px 34px rgba(8,33,62,.055);transition:.25s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(8,33,62,.10)}
.service-number{position:absolute;right:18px;top:15px;color:var(--copper);font:600 10.4px "Cormorant Garamond",serif}
.service-icon{width:38.4px;height:48px;border-radius:50%;background:var(--navy);display:grid;place-items:center;font-size:17.6px;margin-bottom:18px}
.service-card h3{font:600 18.4px/1.06 "Cormorant Garamond",Georgia,serif;color:var(--navy);margin:0 0 10px}
.service-card p{font-size:9.6px;line-height:1.55;color:var(--muted);margin:0}

.projects,.team{padding:92px 7vw;background:#fffaf4}
.section-heading{text-align:center;max-width:850px;margin:0 auto 45px}
.experience-card{max-width:1240px;margin:0 auto;padding:42px;background:var(--cream-2);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 45px rgba(8,33,62,.07)}
.experience-card-heading h3{font:600 clamp(27.2px,2.96vw,44px)/1 "Cormorant Garamond",Georgia,serif;color:var(--navy);margin:10px 0 28px}
.experience-project-list{columns:3;column-gap:38px;list-style:none;padding:0;margin:0}
.experience-project-list li{break-inside:avoid;padding:10px 0;border-bottom:1px solid rgba(8,33,62,.12);font-size:10.4px;color:#273b50}
.manifesto{padding:68px 10vw;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;gap:22px;text-align:center}
.manifesto>span{color:var(--copper-light);font-size:19.2px}
.manifesto p{margin:0;max-width:980px;font:500 clamp(22.4px,2.4vw,35.2px)/1.18 "Cormorant Garamond",Georgia,serif}
.manifesto p span{color:#fff!important}
.team{background:var(--cream-2)}
.team-grid{max-width:824px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.person{display:grid;grid-template-columns:98px 1fr;gap:24px;align-items:center;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 15px 36px rgba(8,33,62,.06)}
.person-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;border:3px solid var(--copper-light);background:var(--navy)}
.person-photo img{width:100%;height:100%;object-fit:cover;object-position:center 26%}
.person h3{font:600 23.2px/1 "Cormorant Garamond",Georgia,serif;color:var(--navy);margin:3px 0 7px}
.person p{font-size:10.4px;color:var(--muted);margin:0}
.person .role{text-transform:uppercase;letter-spacing:.12em;font-size:7.2px;color:var(--copper);font-weight:700}
.cta{padding:80px 8vw;display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;background:linear-gradient(120deg,#eadccb,#f8f1e8)}
.contact-card{padding:28px;background:#f2e4d5;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;gap:14px}
.contact-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:8px;color:var(--copper);font-weight:700}
.pill{display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--copper);color:#12233a;text-transform:uppercase;letter-spacing:.07em;font-weight:700;padding:16px 22px;font-size:8.8px;transition:.2s}
.pill:hover{background:var(--copper-light);transform:translateY(-2px)}
.contact-email-wrap{width:100%;margin:0;padding:0}
.email-link{width:100%;max-width:none!important;white-space:normal;text-align:center}
footer{padding:34px 7vw;display:grid;grid-template-columns:220px 1fr auto;gap:30px;align-items:center;background:var(--navy);color:#e9e1d8;font-size:8.8px}
footer img{width:152px;filter:brightness(0) invert(1)}
.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1180px){
  .topbar{grid-template-columns:230px 1fr}.brand img{width:205px}.nav{gap:20px}.topbar>.pill{display:none}
  .showcase-grid{grid-template-columns:1fr 1fr}.differentials-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.differentials-card>.differentials-title,.differentials-card>.short-rule{grid-column:1/-1}
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  .topbar{height:76px;padding:0 20px;grid-template-columns:1fr auto}.brand img{width:175px;height:56px}.menu-toggle{display:block;width:42px}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:6px}.nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;background:#fffaf4;padding:20px 24px;box-shadow:0 12px 30px rgba(8,33,62,.12)}.nav.open{display:flex}.nav a{padding:8px 0}
  .home-showcase{padding:24px 20px}.showcase-grid{grid-template-columns:1fr}.showcase-copy h1{font-size:clamp(36.8px,9.6vw,51.2px)}
  .quote-panel{min-height:304px}.team-office-photo img{height:264px}.differentials-card{display:block}.founders-strip{grid-template-columns:1fr;text-align:center}.founders-name{grid-template-columns:48px 1fr;text-align:left;justify-self:center}.founders-strip>img{justify-self:center}
  .experience-project-list{columns:2}.team-grid{grid-template-columns:1fr}.cta{grid-template-columns:1fr}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}
}
@media(max-width:560px){
  .home-showcase{padding:20px 14px}.showcase-copy p{font-size:11.2px}.showcase-copy h1{font-size:35.2px}.quote-panel{padding:30.4px 19.2px;min-height:350px}.quote-panel p{font-size:21.6px}.team-office-photo img{height:208px}.differentials-card{padding:22.4px 16px}.differential-item{grid-template-columns:46.4px 1fr}.differential-icon{width:40px;height:50px}.founders-strip{padding:20px 18px}
  .services-section,.projects,.team,.cta{padding:64px 18px}.services-grid{grid-template-columns:1fr}.experience-card{padding:26px 20px}.experience-project-list{columns:1}.person{grid-template-columns:74px 1fr;padding:24px 20px}.person-photo{width:68px;height:68px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.reveal{opacity:1;transform:none}}


/* Abertura integralmente reconstruída em HTML */
.topbar{display:none!important}
.intro-hero-html{background:#fbf7f1;border-bottom:1px solid rgba(185,119,47,.16);min-height:100vh;overflow:hidden}
.hero-topbar-html{height:92px;background:#071a33;display:grid;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:46px;padding:0 6.2vw;color:#fff}
.hero-brand-html img{width:220px;height:62px;object-fit:contain;filter:brightness(0) invert(1)}
.hero-menu-html{display:flex;align-items:center;gap:34px;text-transform:uppercase;font-family:Montserrat,Arial,sans-serif;font-size:12.8px;font-weight:400;white-space:nowrap}
.hero-menu-html a{position:relative;padding:34px 0;color:#fff}
.hero-menu-html a:hover,.hero-menu-html a.active{color:#d9a24d}
.hero-menu-html a.active:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;background:#d9a24d}
.hero-contact-html{border:1px solid #d9a24d;border-radius:999px;padding:12px 22px;text-transform:uppercase;font-size:10.4px;letter-spacing:.08em;color:#fff}
.hero-body-html{min-height:calc(100vh - 92px);display:grid;grid-template-columns:52.3% 47.7%}
.hero-copy-html{padding:7.6vw 4.5vw 5vw 8.2vw;background-color:#fbf7f1;background-image:radial-gradient(circle,rgba(185,119,47,.18) 1px,transparent 1.2px);background-size:31px 31px}
.hero-star-html{display:block;color:#c68836;font-size:29px;line-height:1;margin-bottom:24px}
.hero-title-row-html{display:grid;grid-template-columns:2px 1fr;gap:26px;align-items:stretch}
.hero-title-line-html{background:#c68836;width:2px;min-height:128px}
.hero-title-row-html h1{font:600 clamp(39px,4vw,58px)/.98 "Cormorant Garamond",Georgia,serif;color:#071a33;letter-spacing:-.025em;margin:0}
.hero-description-html{margin-left:28px;margin-top:38px;color:#15233a}
.hero-description-html p{font-size:16px;line-height:1.65;margin:0 0 32px}
.hero-actions-html{margin-left:28px;margin-top:38px;display:flex;align-items:center;gap:58px}
.hero-primary-html{width:330px;min-height:112px;border:1px solid #c68836;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-size:14px;line-height:1.55;letter-spacing:.04em;background:rgba(255,255,255,.35)}
.hero-primary-html span:last-child{font-size:24px;color:#c68836}
.hero-secondary-html{min-width:130px;padding:12px 0;border-bottom:2px solid #c68836;font-size:14px;line-height:1.55}
.hero-visual-html{position:relative;overflow:hidden;background:#f8f1e8;border-left:2px solid #c68836;border-top-left-radius:170px}
.hero-visual-html img{position:absolute;top:0;left:50%;width:165%;max-width:none;height:100%;object-fit:cover;object-position:center;transform:translateX(-50%)}
@media(max-width:1100px){
 .hero-topbar-html{grid-template-columns:1fr auto;padding:0 28px}.hero-menu-html{display:none}.hero-contact-html{justify-self:end}
 .hero-body-html{grid-template-columns:1fr}.hero-copy-html{padding:64px 7vw}.hero-visual-html{height:520px;border-left:0;border-top:2px solid #c68836;border-radius:0}.hero-visual-html img{width:100%;transform:none;object-position:75% center}
}
@media(max-width:620px){
 .hero-topbar-html{height:78px}.hero-brand-html img{width:175px}.hero-contact-html{padding:10px 14px;font-size:9px}
 .hero-copy-html{padding:44px 22px 48px}.hero-title-row-html{gap:18px}.hero-title-row-html h1{font-size:37px}.hero-description-html,.hero-actions-html{margin-left:20px}.hero-description-html p{font-size:13px}.hero-description-html br{display:none}.hero-actions-html{flex-direction:column;align-items:flex-start;gap:22px}.hero-primary-html{width:100%;min-height:92px;font-size:12px}.hero-secondary-html{font-size:12px}.hero-visual-html{height:390px}
}

/* Perfil profissional completo de Silmara Ferreira */
.person-silmara{grid-column:1/-1;grid-template-columns:118px 1fr;align-items:start;max-width:100%;}
.person-silmara .person-photo{width:104px;height:104px;}
.person-silmara .person-content h3{line-height:1.15;margin-bottom:14px;}
.person-silmara .person-content>p:not(.role){font-size:12.48px;line-height:1.7;margin:0 0 12px;color:var(--muted);}
.person-silmara .person-content>p:last-child{margin-bottom:0;}
@media(max-width:560px){.person-silmara{grid-template-columns:1fr}.person-silmara .person-photo{width:88px;height:88px}.person-silmara .person-content>p:not(.role){font-size:11.2px}}

/* Equipe: sócias lado a lado no desktop */
@media (min-width:901px){
  .team-grid{
    max-width:1180px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:stretch;
  }
  .team-grid .person{
    height:100%;
    align-items:start;
  }
  .team-grid .person-silmara{
    grid-column:auto;
    grid-template-columns:98px minmax(0,1fr);
    max-width:none;
  }
  .team-grid .person-silmara .person-photo{
    width:88px;
    height:88px;
  }
}

.person .person-content>p:not(.role){font-size:12.48px !important;line-height:1.7 !important;}

/* Padronização dos textos das sócias */
.person .person-content > p:not(.role){font-size:12.48px !important;line-height:1.7 !important;margin:0 0 12px !important;color:var(--muted);font-weight:400;}
.person .person-content > p:last-child{margin-bottom:0 !important;}
.person .person-content h3{line-height:1.15;margin-bottom:14px;}


/* Página de contato ampliada */
.cta{padding:96px 8vw;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:64px;align-items:stretch;}
.cta-copy{align-self:center;max-width:760px;}
.cta-copy h2{font:600 clamp(36px,4.2vw,62px)/1.03 "Cormorant Garamond",Georgia,serif;color:var(--navy);margin:10px 0 24px;}
.cta-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:690px;margin:0;}
.cta-highlights{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px;}
.cta-highlights li{position:relative;padding-left:30px;font-size:12.5px;line-height:1.55;color:var(--navy);font-weight:600;}
.cta-highlights li::before{content:"✓";position:absolute;left:0;top:0;color:var(--copper);font-weight:800;font-size:17px;}
.contact-card{justify-content:center;padding:38px 34px;gap:16px;box-shadow:0 18px 44px rgba(8,33,62,.09);}
.contact-kicker{margin-bottom:4px;}
.contact-location{margin-top:2px;padding:18px 20px;border:1px solid rgba(185,119,47,.30);border-radius:16px;background:rgba(255,255,255,.34);display:flex;flex-direction:column;gap:6px;text-align:center;}
.contact-label{text-transform:uppercase;letter-spacing:.12em;font-size:8px;color:var(--copper);font-weight:700;}
.contact-location strong{font:600 22px/1.1 "Cormorant Garamond",Georgia,serif;color:var(--navy);}
.contact-note{margin:2px 8px 0;text-align:center;font-size:10px;line-height:1.65;color:var(--muted);font-style:italic;}
@media(max-width:820px){.cta{padding:72px 24px;grid-template-columns:1fr;gap:34px}.cta-copy h2{font-size:44px}.contact-card{padding:30px 24px}}
@media(max-width:560px){.cta{padding:60px 18px}.cta-copy h2{font-size:35px}.cta-copy>p:not(.eyebrow){font-size:12px}.cta-highlights li{font-size:11px}.contact-location strong{font-size:20px}}


/* Localização da Yasmara */
.location-map-section{padding:0 8vw 88px;background:linear-gradient(120deg,#eadccb,#f8f1e8)}
.location-map-heading{max-width:760px;margin:0 auto 28px;text-align:center}
.location-map-heading h2{font:600 clamp(32px,3.4vw,50px)/1.05 "Cormorant Garamond",Georgia,serif;color:var(--navy);margin:10px 0 0}
.location-map-heading h2 em{font-style:italic;color:var(--copper)}
.location-map-frame{width:100%;height:460px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#ead8c4;box-shadow:0 18px 44px rgba(8,33,62,.10)}
.location-map-frame iframe{display:block;width:100%;height:100%;border:0;filter:saturate(.72) sepia(.08) contrast(.96)}
@media(max-width:820px){.location-map-section{padding:0 24px 72px}.location-map-frame{height:380px;border-radius:18px}}
@media(max-width:560px){.location-map-section{padding:0 18px 60px}.location-map-heading{margin-bottom:20px}.location-map-frame{height:320px;border-radius:16px}}

.accountability-highlight {
  margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.55;
  color: inherit;
}
.accountability-highlight strong {
  font-weight: 600;
}

/* Ajuste solicitado: manter somente o menu de navegacao fixo, sem alterar o layout */
.hero-topbar-html{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:9999;
}
.intro-hero-html{
  padding-top:92px;
}
#inicio,#sobre,#servicos,#experiencia,#equipe,#contato{
  scroll-margin-top:92px;
}
@media(max-width:620px){
  .intro-hero-html{padding-top:78px;}
  #inicio,#sobre,#servicos,#experiencia,#equipe,#contato{scroll-margin-top:78px;}
}
