/* La Aura SPA — estilos do site.
   Base visual reconstruída a partir da v8 (pacote compilado), com os ajustes de 2026-09-11 incorporados.
   Cores e tipografia ficam nas variáveis de :root. */

/* Reset base (equivalente ao preflight que a v8 usava) */
@layer base {
  *, ::before, ::after, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 }
  html { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; -webkit-tap-highlight-color: transparent }
  h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit }
  a { color: inherit; text-decoration: inherit }
  b, strong { font-weight: bolder }
  small { font-size: 80% }
  ol, ul, menu { list-style: none }
  img, svg, video { vertical-align: middle; display: block }
  img, video { max-width: 100%; height: auto }
  button { font: inherit; letter-spacing: inherit; color: inherit; background-color: transparent; border-radius: 0 }
  summary { display: list-item }
  [hidden] { display: none !important }
}

:root {
  --ink:#080808;
  --charcoal:#121212;
  --graphite:#242424;
  --gold:#c6a15b;
  --gold-light:#d8bc7a;
  --champagne:#e8d7b5;
  --ivory:#f7f3ec;
  --white:#fff;
  --serif:"Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --sans:"Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --gutter:clamp(1.35rem, 5vw, 5.5rem);
  --section-space:clamp(5rem, 10vw, 9rem)
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth
}
body {
  background:var(--ink);
  color:var(--ivory);
  font-family:var(--sans);
  margin:0;
  font-size:16px;
  line-height:1.65
}
a {
  color:inherit
}
a:focus-visible,summary:focus-visible {
  outline:2px solid var(--gold-light);
  outline-offset:4px
}
::selection {
  color:var(--ink);
  background:var(--gold-light)
}
.skip-link {
  z-index:100;
  color:var(--ink);
  background:var(--ivory);
  padding:.75rem 1rem;
  transition:transform .2s;
  position:fixed;
  top:.75rem;
  left:.75rem;
  transform:translateY(-180%)
}
.skip-link:focus {
  transform:translateY(0)
}
.site-header {
  z-index:50;
  width:100%;
  height:88px;
  padding:0 var(--gutter);
  color:var(--ivory);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  background:#080808e0;
  border-bottom:1px solid #e8d7b52e;
  grid-template-columns:230px 1fr 240px;
  align-items:center;
  display:grid;
  position:fixed;
  top:0;
  left:0
}
.brand {
  width:fit-content;
  line-height:1;
  text-decoration:none;
  display:inline-block
}
.brand img {
  display:block;
  width:196px;
  max-width:100%;
  height:auto
}
.footer-brand .brand img {
  width:240px
}
.desktop-nav {
  justify-content:center;
  gap:clamp(1rem,2vw,2.2rem);
  display:flex
}
.desktop-nav a {
  color:#f7f3ecb8;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.67rem;
  font-weight:600;
  text-decoration:none;
  transition:color .2s
}
.desktop-nav a:hover {
  color:var(--white)
}
.header-cta {
  letter-spacing:.08em;
  text-transform:uppercase;
  justify-self:end;
  font-size:.69rem;
  font-weight:700;
  text-decoration:none
}
.header-cta span,.text-link span,.button span,.treatment-card a span {
  color:var(--gold);
  margin-left:.5rem;
  display:inline-block
}
.mobile-menu {
  display:none
}
.language-switch {
  border:1px solid #e8d7b547;
  border-radius:999px;
  justify-self:end;
  gap:.2rem;
  padding:.2rem;
  display:inline-flex
}
.language-switch a {
  text-decoration:none;
  color:#f7f3ecb3;
  cursor:pointer;
  font:700 .61rem var(--sans);
  letter-spacing:.08em;
  background:0 0;
  border:0;
  border-radius:999px;
  align-items:center;
  gap:.35rem;
  padding:.48rem .58rem;
  display:inline-flex
}
.language-switch a:hover {
  color:var(--white)
}
.language-switch a.active {
  color:var(--ink);
  background:var(--gold-light)
}
.language-switch a:focus-visible {
  outline:2px solid var(--gold-light);
  outline-offset:3px
}
.dark-section {
  background:var(--ink);
  color:var(--ivory)
}
.light-section {
  background:var(--ivory);
  color:var(--ink)
}
.section-label {
  color:#0808088c;
  letter-spacing:.18em;
  text-transform:uppercase;
  grid-template-columns:5rem 1fr;
  align-items:center;
  margin-bottom:clamp(2.5rem,5vw,5rem);
  font-size:.64rem;
  font-weight:700;
  display:grid
}
.section-label span {
  color:var(--gold)
}
.section-label p {
  border-left:1px solid #08080833;
  margin:0;
  padding-left:1.5rem
}
.section-label.inverse {
  color:#f7f3ec85
}
.section-label.inverse p {
  border-color:#e8d7b533
}
.eyebrow {
  color:var(--gold-light);
  letter-spacing:.28em;
  text-transform:uppercase;
  margin:0 0 1.6rem;
  font-size:.64rem;
  font-weight:700
}
.dark-eyebrow {
  color:#7a6338
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  font-family:var(--serif);
  font-weight:400;
  line-height:.98
}
h1 {
  letter-spacing:-.045em;
  max-width:12ch;
  margin-bottom:2rem;
  font-size:clamp(3.25rem,6vw,6.8rem)
}
h2 {
  letter-spacing:-.04em;
  max-width:16ch;
  margin-bottom:2rem;
  font-size:clamp(2.7rem,4.6vw,5.4rem)
}
h3 {
  letter-spacing:-.025em;
  font-size:clamp(1.6rem,2.2vw,2.4rem)
}
.button-row {
  flex-wrap:wrap;
  align-items:center;
  gap:2rem;
  display:flex
}
.button {
  letter-spacing:.11em;
  text-transform:uppercase;
  border:1px solid #0000;
  justify-content:space-between;
  align-items:center;
  min-width:15rem;
  padding:1rem 1.2rem;
  font-size:.66rem;
  font-weight:700;
  text-decoration:none;
  transition:background .2s,color .2s,border-color .2s;
  display:inline-flex
}
.button-gold {
  color:var(--ink);
  background:var(--gold)
}
.button-gold:hover {
  background:var(--gold-light)
}
.button-dark {
  color:var(--ivory);
  background:var(--ink)
}
.button-dark:hover {
  background:var(--graphite)
}
.button-outline-dark {
  color:var(--ink);
  border-color:#08080873
}
.button-outline-dark:hover {
  color:var(--ivory);
  background:var(--ink)
}
.text-link {
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:.7rem;
  font-weight:700;
  text-decoration:none;
  display:inline-block
}
.dark-link {
  color:var(--ink)
}
.hero {
  padding-top:88px
}
.hero-grid {
  border-bottom:1px solid #e8d7b52e;
  grid-template-columns:1.04fr .96fr;
  min-height:750px;
  display:grid
}
.hero-copy {
  padding:clamp(4rem, 8vw, 8rem) var(--gutter);
  border-right:1px solid #e8d7b52e;
  flex-direction:column;
  justify-content:center;
  display:flex
}
.hero-lead {
  color:#f7f3ecad;
  max-width:42rem;
  margin-bottom:2.5rem;
  font-size:clamp(1rem,1.25vw,1.2rem)
}
.hero-art {
  background:radial-gradient(circle at 70% 18%,#c6a15b24,#0000 30%),linear-gradient(145deg,#181818,#080808 65%);
  min-height:650px;
  position:relative;
  overflow:hidden
}
.hero-photo {
  object-fit:cover;
  object-position:50% 35%;
  filter:saturate(.72)contrast(1.04);
  width:100%;
  height:100%;
  position:absolute;
  inset:0
}
.hero-art:after {
  content:"";
  pointer-events:none;
  background:linear-gradient(90deg,#0808086b,#0000 42%),linear-gradient(#0000 62%,#08080899);
  position:absolute;
  inset:0
}
/* .hero-grid-lines: grade dourada sobre a foto do topo — removida em 2026-10-14 a pedido do marketing */
.hero-arch {
  background:linear-gradient(145deg,#2a2927,#0b0b0b);
  border:1px solid #c6a15b6b;
  border-bottom:0;
  border-radius:48% 48% 0 0/30% 30% 0 0;
  width:49%;
  height:76%;
  padding:1px;
  position:absolute;
  bottom:0;
  right:12%;
  box-shadow:-32px 0 80px #00000073
}
.hero-arch div {
  background:linear-gradient(100deg,#0a0a0a,#30271b);
  border-radius:50% 50% 0 0/28% 28% 0 0;
  width:54%;
  height:79%;
  margin:21% auto 0;
  box-shadow:inset 0 0 50px #000000e6
}
.hero-monolith {
  background:linear-gradient(105deg,#e8d7b5,#a88a55);
  width:18%;
  height:45%;
  position:absolute;
  bottom:0;
  right:2%;
  box-shadow:-18px 0 50px #00000080
}
.hero-art>p {
  z-index:2;
  color:#f7f3ecc4;
  font-family:var(--serif);
  font-size:clamp(1.2rem,2vw,2.2rem);
  line-height:1.1;
  position:absolute;
  top:13%;
  left:10%
}
.hero-index {
  z-index:2;
  color:var(--gold-light);
  letter-spacing:.22em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
  font-size:.55rem;
  position:absolute;
  top:7%;
  right:8%
}
.image-disclaimer {
  z-index:2;
  color:#f7f3ecad;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.5rem;
  font-weight:700;
  position:absolute;
  bottom:1.1rem;
  left:1.25rem
}
.hero-credentials {
  padding:0 var(--gutter);
  grid-template-columns:repeat(3,1fr);
  display:grid
}
.hero-credentials span {
  color:#f7f3ec94;
  letter-spacing:.13em;
  text-align:center;
  text-transform:uppercase;
  border-right:1px solid #e8d7b52e;
  padding:1.15rem 1.5rem;
  font-size:.62rem
}
.hero-credentials span:first-child {
  border-left:1px solid #e8d7b52e
}
.credibility,.about,.philosophy,.professionals,.treatments,.experience,.why,.atmosphere,.continuity,.reviews,.faq,.contact {
  padding:var(--section-space) var(--gutter)
}
.credibility-grid {
  border-top:1px solid #08080833;
  grid-template-columns:repeat(4,1fr);
  display:grid
}
.credibility-grid article {
  border-right:1px solid #08080833;
  min-height:16rem;
  padding:1.5rem 1.5rem 2rem
}
.credibility-grid article:first-child {
  border-left:1px solid #08080833
}
.credibility-grid span,.principles-grid span,.continuity-grid span {
  color:var(--gold);
  letter-spacing:.18em;
  font-size:.62rem
}
.credibility-grid h3 {
  margin:4.5rem 0 1rem;
  font-size:1.7rem
}
.credibility-grid p {
  color:#0808089e;
  font-size:.86rem
}
.about {
  padding-top:2rem
}
.about-grid {
  grid-template-columns:1.15fr .85fr;
  align-items:start;
  gap:10vw;
  display:grid
}
.body-copy {
  color:#080808b3;
  padding-top:.6rem
}
.body-copy p {
  margin-bottom:1.3rem
}
.body-copy .text-link {
  margin-top:1.5rem
}
blockquote {
  border-top:1px solid #08080838;
  border-left:1px solid var(--gold);
  font-family:var(--serif);
  margin:clamp(4rem,8vw,8rem) 0 0 18%;
  padding:2rem 0 0 2rem;
  font-size:clamp(1.8rem,3vw,3.6rem);
  line-height:1.12
}
.philosophy {
  position:relative;
  overflow:hidden
}
.philosophy:after {
  content:"";
  aspect-ratio:1;
  border:1px solid #c6a15b2e;
  border-radius:50%;
  width:43vw;
  position:absolute;
  bottom:-35%;
  right:-10%
}
.philosophy-heading {
  justify-content:space-between;
  align-items:end;
  gap:3rem;
  display:flex
}
.philosophy-heading p {
  color:#f7f3ec8c;
  max-width:22rem
}
.principles-grid {
  z-index:1;
  border-top:1px solid #e8d7b538;
  grid-template-columns:repeat(3,1fr);
  margin-top:4rem;
  display:grid;
  position:relative
}
.principles-grid article {
  border-right:1px solid #e8d7b538;
  min-height:22rem;
  padding:1.5rem 2rem 2rem
}
.principles-grid article:first-child {
  border-left:1px solid #e8d7b538
}
.principles-grid h3 {
  margin:6rem 0 1rem
}
.principles-grid p {
  color:#f7f3ec94;
  max-width:22rem;
  font-size:.9rem
}
.split-heading {
  grid-template-columns:1.15fr .85fr;
  align-items:end;
  gap:10vw;
  display:grid
}
.split-heading>p {
  color:#080808a3;
  max-width:31rem
}
.inverse-copy>p {
  color:#f7f3ec94
}
.professionals-grid {
  background:#0808082e;
  border:1px solid #0808082e;
  gap:1px;
  margin-top:4rem;
  display:grid
}
.professional-card {
  background:var(--ivory);
  grid-template-columns:.78fr 1.22fr;
  display:grid
}
.portrait-placeholder {
  background:#111;
  border-right:1px solid #0808082e;
  min-height:570px;
  margin:0;
  position:relative;
  overflow:hidden
}
.portrait-placeholder img {
  object-fit:cover;
  object-position:50% 34%;
  filter:saturate(.82)contrast(1.02);
  width:100%;
  height:100%;
  position:absolute;
  inset:0
}
.portrait-placeholder:after {
  content:"";
  pointer-events:none;
  background:linear-gradient(#0000 65%,#080808b8);
  position:absolute;
  inset:0
}
.portrait-placeholder figcaption {
  z-index:2;
  color:#f7f3ecb8;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.52rem;
  font-weight:700;
  position:absolute;
  bottom:1.15rem;
  left:1.25rem;
  right:1.25rem
}
.professional-copy {
  padding:clamp(2rem,5vw,5rem)
}
.card-kicker {
  color:#79643c;
  letter-spacing:.17em;
  text-transform:uppercase;
  margin-bottom:1.1rem;
  font-size:.61rem;
  font-weight:700
}
.professional-copy h3 {
  margin-bottom:1.4rem;
  font-size:clamp(2.8rem,4vw,5rem)
}
.professional-copy>p {
  color:#080808a6;
  max-width:43rem
}
.professional-intro {
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.3;
  color:var(--ink)!important
}
.status-badge {
  background:var(--champagne);
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:.4rem .65rem;
  font-size:.55rem;
  font-weight:700;
  display:inline-block;
  color:var(--ink)!important
}
.tag-list {
  flex-wrap:wrap;
  gap:.55rem;
  margin:2rem 0;
  padding:0;
  list-style:none;
  display:flex
}
.tag-list li {
  letter-spacing:.06em;
  border:1px solid #08080833;
  padding:.45rem .7rem;
  font-size:.66rem
}
.card-actions {
  margin-top:2rem
}
.credential-line {
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-top:1.4rem;
  font-size:.64rem;
  font-weight:700;
  color:#79643c!important
}
.treatments-grid {
  border-top:1px solid #e8d7b538;
  border-left:1px solid #e8d7b538;
  grid-template-columns:1.35fr 1fr 1fr;
  margin-top:4rem;
  display:grid
}
.treatment-card {
  border-bottom:1px solid #e8d7b538;
  border-right:1px solid #e8d7b538;
  flex-direction:column;
  padding:1.5rem;
  display:flex
}
.treatment-card.provisional {
  background:#c6a15b12
}
.treatment-top {
  color:var(--gold);
  letter-spacing:.13em;
  text-transform:uppercase;
  justify-content:space-between;
  gap:1rem;
  font-size:.58rem;
  display:flex
}
.treatment-top p {
  color:#f7f3ec75;
  text-align:right;
  max-width:12rem
}
.treatment-image {
  background:#191919;
  height:11rem;
  margin:1.25rem -1.5rem 2rem;
  overflow:hidden
}
.treatment-image img {
  object-fit:cover;
  filter:saturate(.76)contrast(1.05);
  width:100%;
  height:100%;
  transition:transform .6s
}
.treatment-card:hover .treatment-image img {
  transform:scale(1.025)
}
.treatment-card h3 {
  margin:0 0 1.5rem
}
.treatment-card>p {
  color:#f7f3ec94;
  font-size:.87rem
}
.treatment-card strong {
  color:var(--champagne);
  font-family:var(--serif);
  margin-top:.75rem;
  font-size:1.1rem;
  font-weight:400;
  line-height:1.25
}
.treatment-card small {
  color:#f7f3ec6b;
  border-top:1px solid #e8d7b526;
  margin:1.5rem 0;
  padding-top:1rem;
  font-size:.66rem;
  display:block
}
.treatment-card>a {
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-top:auto;
  font-size:.62rem;
  font-weight:700;
  text-decoration:none;
  align-self:flex-start;
  padding-bottom:.35rem;
  background:linear-gradient(var(--gold-light),var(--gold-light)) 0 100%/0 1px no-repeat;
  transition:color .3s ease,background-size .35s ease
}
.treatment-card>a span {
  transition:transform .3s ease
}
.treatment-card>a:hover,.treatment-card>a:focus-visible {
  color:var(--gold-light);
  background-size:100% 1px
}
.treatment-card>a:hover span,.treatment-card>a:focus-visible span {
  transform:translate(3px,-3px)
}
.guidance {
  padding:clamp(4rem, 7vw, 7rem) var(--gutter);
  border-bottom:1px solid #08080833
}
.guidance-grid {
  grid-template-columns:1.15fr .85fr;
  align-items:center;
  gap:10vw;
  display:grid
}
.guidance-grid h2 {
  margin:0
}
.guidance-grid>div:last-child p {
  color:#080808a8;
  margin-bottom:2rem
}
.journey {
  border-top:1px solid #08080838;
  grid-template-columns:repeat(5,1fr);
  margin:4rem 0 2.5rem;
  display:grid
}
.journey article {
  border-right:1px solid #08080838;
  min-height:19rem;
  padding:1.25rem
}
.journey article:first-child {
  border-left:1px solid #08080838
}
.journey span {
  color:var(--gold);
  letter-spacing:.15em;
  font-size:.6rem
}
.journey h3 {
  margin:4.5rem 0 1rem;
  font-size:1.5rem
}
.journey p {
  color:#08080899;
  font-size:.78rem
}
.why-grid {
  grid-template-columns:.8fr 1.2fr;
  gap:10vw;
  display:grid
}
.why-grid h2 {
  align-self:start;
  position:sticky;
  top:130px
}
.difference-list {
  border-top:1px solid #e8d7b538
}
.difference-list article {
  border-bottom:1px solid #e8d7b538;
  grid-template-columns:4rem 1fr;
  padding:1.6rem 0;
  display:grid
}
.difference-list span {
  color:var(--gold);
  letter-spacing:.14em;
  font-size:.58rem
}
.difference-list h3 {
  margin-bottom:.4rem;
  font-size:1.55rem
}
.difference-list p {
  color:#f7f3ec80;
  margin:0;
  font-size:.82rem
}
.atmosphere {
  padding-top:2rem
}
.atmosphere-grid {
  grid-template-columns:.75fr 1.25fr;
  align-items:center;
  gap:7vw;
  display:grid
}
.atmosphere-copy p {
  color:#f7f3ec94;
  max-width:36rem
}
.atmosphere-copy .text-link {
  margin-top:1.5rem
}
.gallery {
  background:#e8d7b529;
  grid-template-rows:1fr 1fr;
  grid-template-columns:1fr .7fr;
  gap:1px;
  min-height:650px;
  display:grid
}
.gallery figure {
  background:#151515;
  margin:0;
  position:relative;
  overflow:hidden
}
.gallery figure:after {
  content:"";
  pointer-events:none;
  background:linear-gradient(#0000 55%,#080808a6);
  position:absolute;
  inset:0
}
.gallery-a {
  grid-row:span 2
}
.gallery figure img {
  object-fit:cover;
  filter:saturate(.78)contrast(1.04);
  width:100%;
  height:100%;
  transition:transform .7s
}
.gallery figure:hover img {
  transform:scale(1.02)
}
.gallery-a img {
  object-position:56% center
}
.gallery-b img {
  object-position:center
}
.gallery-c img {
  object-position:58% center
}
.gallery figure span {
  z-index:2;
  color:#f7f3ec99;
  letter-spacing:.15em;
  text-transform:uppercase;
  font-size:.56rem;
  position:absolute;
  bottom:1rem;
  left:1rem
}
.continuity-grid,.reviews-grid {
  border-top:1px solid #08080833;
  border-left:1px solid #08080833;
  grid-template-columns:repeat(3,1fr);
  margin-top:4rem;
  display:grid
}
.continuity-grid article,.reviews-grid article {
  border-bottom:1px solid #08080833;
  border-right:1px solid #08080833;
  min-height:17rem;
  padding:1.5rem
}
.continuity-grid h3 {
  margin:5rem 0 1rem;
  font-size:1.8rem
}
.continuity-grid p {
  color:#0808089e;
  font-size:.86rem
}
.availability-note {
  color:#08080880;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:2rem 0 0;
  font-size:.68rem
}
.reviews {
  padding-top:2rem
}
.reviews-grid article {
  min-height:13rem
}
.reviews-grid span {
  color:var(--gold);
  letter-spacing:.15em;
  font-size:.6rem
}
.reviews-grid p {
  font-family:var(--serif);
  margin:3rem 0 .5rem;
  font-size:1.5rem
}
.reviews-grid small {
  color:#08080873;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.6rem
}
.faq-grid {
  grid-template-columns:.7fr 1.3fr;
  gap:10vw;
  display:grid
}
.faq-grid h2 {
  align-self:start;
  position:sticky;
  top:130px
}
.faq-list {
  border-top:1px solid #e8d7b538
}
.faq-list details {
  border-bottom:1px solid #e8d7b538
}
.faq-list summary {
  cursor:pointer;
  font-family:var(--serif);
  grid-template-columns:3rem 1fr auto;
  align-items:center;
  gap:1rem;
  padding:1.4rem 0;
  font-size:1.18rem;
  list-style:none;
  display:grid
}
.faq-list summary::-webkit-details-marker {
  display:none
}
.faq-list summary span {
  color:var(--gold);
  font-family:var(--sans);
  letter-spacing:.14em;
  font-size:.55rem
}
.faq-list summary b {
  color:var(--gold);
  font-family:var(--sans);
  font-size:1.2rem;
  font-weight:300;
  transition:transform .2s
}
.faq-list details[open] summary b {
  transform:rotate(45deg)
}
.faq-list details>p {
  color:#f7f3ec8f;
  max-width:46rem;
  margin:0 0 1.5rem 4rem;
  font-size:.86rem
}
.final-cta {
  border-top:1px solid #e8d7b533;
  grid-template-columns:.82fr 1.18fr;
  min-height:680px;
  display:grid
}
.final-cta-art {
  background:radial-gradient(circle at 30% 15%,#c6a15b1f,#0000 25%),#111;
  border-right:1px solid #e8d7b533;
  position:relative;
  overflow:hidden
}
.final-cta-art:before {
  content:"";
  border:1px solid #c6a15b66;
  border-bottom:0;
  border-radius:50% 50% 0 0/25% 25% 0 0;
  position:absolute;
  inset:14% 8% 0 20%
}
.final-cta-art div {
  background:linear-gradient(105deg,#080808,#3c2e1b);
  border-radius:50% 50% 0 0/20% 20% 0 0;
  width:35%;
  height:55%;
  position:absolute;
  bottom:0;
  left:37%
}
.final-cta-copy {
  padding:var(--section-space) var(--gutter);
  flex-direction:column;
  justify-content:center;
  display:flex
}
.final-cta-copy>p:not(.eyebrow) {
  color:#f7f3ec99;
  max-width:40rem;
  margin-bottom:2.5rem
}
.contact-grid {
  grid-template-columns:1fr 1fr;
  gap:10vw;
  display:grid
}
.contact-grid>div>p:last-child {
  color:#0808089e;
  max-width:35rem
}
.contact-grid dl {
  border-top:1px solid #08080833;
  margin:0
}
.contact-grid dl div {
  border-bottom:1px solid #08080833;
  grid-template-columns:.6fr 1.4fr;
  padding:1.15rem 0;
  display:grid
}
.contact-grid dt {
  color:#08080880;
  letter-spacing:.13em;
  text-transform:uppercase;
  font-size:.6rem;
  font-weight:700
}
.contact-grid dd {
  font-family:var(--serif);
  margin:0;
  font-size:1.1rem
}
footer {
  padding:5rem var(--gutter) 2rem;
  color:var(--ivory);
  background:var(--ink);
  border-top:1px solid #e8d7b52e;
  grid-template-columns:1.5fr .7fr 1fr;
  gap:5vw;
  display:grid
}
.footer-brand p {
  color:#f7f3ec73;
  font-family:var(--serif);
  margin-top:1.5rem;
  font-size:1.2rem
}
.footer-nav,.footer-legal {
  flex-direction:column;
  align-items:start;
  gap:.6rem;
  display:flex
}
.footer-nav p,.footer-legal p {
  color:var(--gold);
  letter-spacing:.15em;
  text-transform:uppercase;
  font-size:.57rem;
  font-weight:700
}
.footer-nav a,.footer-legal span {
  color:#f7f3ec8c;
  font-size:.72rem;
  text-decoration:none
}
.disclaimer {
  color:#f7f3ec59;
  border-top:1px solid #e8d7b524;
  grid-column:1/-1;
  max-width:58rem;
  margin-top:4rem;
  padding-top:1.5rem;
  font-size:.65rem
}
.copyright {
  color:#f7f3ec59;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-top:1px solid #e8d7b524;
  grid-column:1/-1;
  justify-content:space-between;
  padding-top:1.5rem;
  font-size:.58rem;
  display:flex
}
@media (width<=1100px) {
  .site-header {
    grid-template-columns:200px 1fr 190px
  }
  .desktop-nav {
    gap:1rem
  }
  .desktop-nav a {
    font-size:.57rem
  }
  .header-cta {
    font-size:.59rem
  }
  .hero-grid {
    grid-template-columns:1fr .78fr
  }
  .credibility-grid,.treatments-grid {
    grid-template-columns:repeat(2,1fr)
  }
  .journey {
    grid-template-columns:repeat(3,1fr)
  }
  .journey article:nth-child(4) {
    border-left:1px solid #08080838
  }
}
@media (width<=820px) {
  .site-header {
    grid-template-columns:1fr auto;
    height:76px
  }
  .desktop-nav,.header-cta {
    display:none
  }
  .language-switch {
    justify-self:end
  }
  .mobile-menu {
    display:block;
    position:relative
  }
  .mobile-menu summary {
    cursor:pointer;
    letter-spacing:.13em;
    text-transform:uppercase;
    font-size:.65rem;
    font-weight:700;
    list-style:none
  }
  .mobile-menu summary::-webkit-details-marker {
    display:none
  }
  .mobile-menu nav {
    background:var(--ink);
    border:1px solid #e8d7b538;
    flex-direction:column;
    width:min(78vw,20rem);
    padding:1rem;
    display:flex;
    position:absolute;
    top:2.1rem;
    right:0
  }
  .mobile-menu nav a {
    letter-spacing:.1em;
    text-transform:uppercase;
    border-bottom:1px solid #e8d7b51f;
    padding:.75rem;
    font-size:.7rem;
    text-decoration:none
  }
  .hero {
    padding-top:76px
  }
  .hero-grid,.about-grid,.split-heading,.guidance-grid,.why-grid,.atmosphere-grid,.faq-grid,.contact-grid,.final-cta {
    grid-template-columns:1fr
  }
  .hero-copy {
    border-bottom:1px solid #e8d7b52e;
    border-right:0;
    min-height:650px
  }
  .hero-art {
    min-height:560px
  }
  .hero-credentials {
    grid-template-columns:1fr
  }
  .hero-credentials span {
    border-bottom:1px solid #e8d7b52e;
    border-left:1px solid #e8d7b52e
  }
  .about-grid,.split-heading {
    gap:2rem
  }
  blockquote {
    margin-left:0
  }
  .principles-grid {
    grid-template-columns:1fr
  }
  .principles-grid article {
    border-bottom:1px solid #e8d7b538;
    border-left:1px solid #e8d7b538;
    min-height:15rem
  }
  .principles-grid h3 {
    margin-top:3.5rem
  }
  .professional-card {
    grid-template-columns:1fr
  }
  .portrait-placeholder {
    border-bottom:1px solid #0808082e;
    border-right:0;
    min-height:440px
  }
  .why-grid h2,.faq-grid h2 {
    position:static
  }
  .atmosphere-grid {
    gap:4rem
  }
  .final-cta-art {
    border-bottom:1px solid #e8d7b533;
    border-right:0;
    min-height:430px
  }
  footer {
    grid-template-columns:1fr 1fr
  }
  .footer-brand {
    grid-column:1/-1
  }
}
@media (width<=620px) {
  :root {
    --gutter:1.2rem
  }
  body {
    font-size:15px
  }
  h1 {
    font-size:clamp(3rem,14vw,4.8rem)
  }
  h2 {
    font-size:clamp(2.5rem,12vw,4rem)
  }
  .hero-copy {
    min-height:620px
  }
  .hero-art {
    min-height:470px
  }
  .hero-arch {
    width:65%;
    right:8%
  }
  .hero-monolith {
    width:23%
  }
  .section-label {
    grid-template-columns:3rem 1fr
  }
  .credibility-grid,.treatments-grid,.journey,.continuity-grid,.reviews-grid {
    grid-template-columns:1fr
  }
  .credibility-grid article,.journey article {
    border-bottom:1px solid #08080833;
    border-left:1px solid #08080833;
    min-height:13rem
  }
  .credibility-grid h3,.journey h3 {
    margin-top:3rem
  }
  .philosophy-heading {
    display:block
  }
  .gallery {
    min-height:480px
  }
  .faq-list summary {
    grid-template-columns:2rem 1fr auto;
    font-size:1.05rem
  }
  .faq-list details>p {
    margin-left:3rem
  }
  footer {
    grid-template-columns:1fr
  }
  .footer-brand,.disclaimer,.copyright {
    grid-column:1
  }
  .copyright {
    flex-direction:column;
    gap:1rem
  }
}
@media (prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,:before,:after {
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important
  }
}
/* === Ajustes de leitura desktop (prinx, 2026-09-11) === */
@media (width>=821px) {
  body {
    font-size:17px;
    line-height:1.7
  }
  h2 {
    line-height:1.04
  }
  h3 {
    line-height:1.08
  }
  .language-switch a {
    font-size:.72rem;
    padding:.5rem .7rem
  }
  .eyebrow,.section-label {
    font-size:.78rem
  }
  .section-label {
    color:#080808a6
  }
  .section-label.inverse {
    color:#f7f3ec9e
  }
  .hero-lead {
    font-size:clamp(1.15rem,1.4vw,1.35rem);
    color:#f7f3ecc2
  }
  .image-disclaimer {
    font-size:.68rem
  }
  .portrait-placeholder figcaption {
    font-size:.7rem
  }
  .button {
    font-size:.8rem;
    padding:1.1rem 1.4rem
  }
  .text-link {
    font-size:.82rem
  }
  .body-copy {
    color:#080808c7
  }
  .body-copy p {
    font-size:1.06rem
  }
  .split-heading>p {
    font-size:1.1rem;
    color:#080808b8
  }
  .inverse-copy>p {
    color:#f7f3ecb3
  }
  .credibility-grid article {
    min-height:14rem;
    padding:2rem 1.75rem 2.25rem
  }
  .credibility-grid span {
    font-size:.75rem
  }
  .credibility-grid h3 {
    margin:3.25rem 0 .9rem
  }
  .credibility-grid p {
    font-size:1rem;
    color:#080808b8
  }
  .professional-copy {
    flex-direction:column;
    justify-content:center;
    display:flex
  }
  .professional-copy .button {
    align-self:flex-start
  }
  .card-kicker {
    font-size:.75rem
  }
  .professional-intro {
    font-size:1.6rem;
    margin-bottom:2rem
  }
  .treatment-card {
    padding:2rem
  }
  .treatment-image {
    height:14rem;
    margin:1.5rem -2rem 0
  }
  .treatment-top {
    font-size:.72rem
  }
  .treatment-top p {
    color:#f7f3ec9e
  }
  .treatment-card h3 {
    margin:2.75rem 0 1rem
  }
  .treatment-card>p {
    font-size:1rem;
    color:#f7f3ecb8
  }
  .treatment-card small {
    font-size:.8rem;
    color:#f7f3ec8f;
    margin:1.25rem 0 1.75rem
  }
  .treatment-card>a {
    font-size:.78rem
  }
  .contact-grid>div>p:last-child {
    font-size:1.1rem;
    color:#080808b8
  }
  .contact-grid dt {
    font-size:.72rem;
    color:#080808a6
  }
  .contact-grid dd {
    font-size:1.25rem
  }
  .footer-brand p {
    font-size:1.3rem;
    color:#f7f3ec99
  }
  .footer-nav p,.footer-legal p {
    font-size:.72rem
  }
  .footer-nav a,.footer-legal span {
    font-size:.9rem;
    color:#f7f3ecb3
  }
  .disclaimer {
    font-size:.8rem;
    color:#f7f3ec80
  }
  .copyright {
    font-size:.72rem;
    color:#f7f3ec80
  }
}
@media (width>=821px) and (width<=1100px) {
  .desktop-nav a {
    font-size:.66rem
  }
}
@media (width>=1101px) {
  .desktop-nav a {
    font-size:.78rem
  }
}
/* Logo: tamanhos responsivos */
@media (width<=1100px) {
  .site-header .brand img { width:180px }
}
@media (width<=820px) {
  .site-header .brand img { width:150px }
  .footer-brand .brand img { width:200px }
}

/* ==========================================================================
   Componentes da nova versão (v9)
   ========================================================================== */

/* Cabeçalho no celular: logo | menu | idioma */
@media (width<=820px) {
  .site-header { grid-template-columns:1fr auto auto; gap:1rem }
  .mobile-menu summary { color:var(--ivory); padding:.5rem 0 }
  /* o menu aberto se alinha ao cabeçalho (não ao botão) para não sair da tela */
  .mobile-menu { position:static }
  .mobile-menu nav { top:100%; right:var(--gutter) }
}

.steps-section, .policy, .feature, .chooser, .training {
  padding:var(--section-space) var(--gutter)
}
/* Primeira seção das páginas individuais: respiro completo depois do hero */
.about.page-intro { padding-top:var(--section-space) }

/* Lista de informações (fatos, o que a profissional leva, etc.) */
.info-list { border-top:1px solid #e8d7b538; margin-top:2rem }
.info-list li {
  border-bottom:1px solid #e8d7b538;
  grid-template-columns:9rem 1fr;
  gap:1rem;
  padding:.9rem 0;
  display:grid
}
.info-list span {
  color:var(--gold);
  letter-spacing:.14em;
  text-transform:uppercase;
  padding-top:.25rem;
  font-size:.6rem;
  font-weight:700
}
.light-section .info-list, .light-section .info-list li { border-color:#08080833 }
.light-section .info-list span { color:#7a6338 }

/* Citações */
blockquote cite {
  color:#7a6338;
  font-family:var(--sans);
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-top:1.5rem;
  font-size:.62rem;
  font-style:normal;
  font-weight:700;
  display:block
}
.dark-section blockquote { border-top-color:#e8d7b538 }
.dark-section blockquote cite { color:var(--gold) }

/* Cards de serviço: indicação, duração/frequência e observações */
.treatment-card .best-for {
  color:var(--champagne);
  margin-top:1.1rem;
  font-size:.8rem;
  line-height:1.55
}
.best-for b, .treatment-meta dt {
  color:var(--gold);
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:.35rem;
  font-size:.58rem;
  font-weight:700;
  display:block
}
.treatment-meta { flex-wrap:wrap; gap:.5rem 2.25rem; margin-top:1.25rem; display:flex }
.treatment-meta dd { color:var(--ivory); font-family:var(--serif); margin:0; font-size:1.05rem }
.treatment-card .screening { color:#f7f3ec7a; margin-top:1rem; font-size:.74rem; line-height:1.55 }
.treatments-grid.three { grid-template-columns:repeat(3,1fr) }
@media (width<=1100px) { .treatments-grid.three { grid-template-columns:repeat(2,1fr) } }
@media (width<=620px) { .treatments-grid.three { grid-template-columns:1fr } }

/* Bloco com imagem + texto */
.feature-grid { grid-template-columns:.85fr 1.15fr; align-items:center; gap:7vw; display:grid }
.feature-grid.reverse>figure { order:2 }
.feature-figure { background:#111; aspect-ratio:4/5; margin:0; position:relative; overflow:hidden }
.feature-figure img {
  object-fit:cover;
  filter:saturate(.82)contrast(1.02);
  width:100%;
  height:100%;
  position:absolute;
  inset:0
}
.feature-figure:after {
  content:"";
  pointer-events:none;
  background:linear-gradient(#0000 65%,#080808a6);
  position:absolute;
  inset:0
}
.feature-figure figcaption {
  z-index:2;
  color:#f7f3ecb8;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.55rem;
  font-weight:700;
  position:absolute;
  bottom:1.1rem;
  left:1.25rem;
  right:1.25rem
}
.feature-copy h2 { margin-bottom:1.75rem }
.feature-copy>p { max-width:36rem; margin-bottom:1.2rem }
.light-section .feature-copy>p { color:#080808b3 }
.dark-section .feature-copy>p { color:#f7f3ecad }
.dark-section .tag-list li { color:#f7f3ecc2; border-color:#e8d7b538 }

/* Guia de escolha de tratamento */
.chooser .continuity-grid span { text-transform:uppercase }

/* Etapas com 4 colunas */
.journey.four { grid-template-columns:repeat(4,1fr) }
.steps-section blockquote { margin-top:clamp(3rem,6vw,6rem) }

/* Lista de condições (política) e formação */
.why-grid>div:first-child { align-self:start; position:sticky; top:130px }
.why-grid>div:first-child h2 { position:static }
.why-grid>div:first-child p { color:#f7f3ec94; max-width:26rem }
.light-section .why-grid>div:first-child p { color:#080808a3 }
.light-section .difference-list, .light-section .difference-list article { border-color:#08080833 }
.light-section .difference-list p { color:#080808a3 }

/* FAQ em seção clara */
.light-section .faq-list, .light-section .faq-list details { border-color:#08080833 }
.light-section .faq-list details>p { color:#080808a6 }
.faq-grid>div:first-child { align-self:start; position:sticky; top:130px }
.faq-grid>div:first-child h2 { position:static }
.faq-grid>div:first-child p { color:#080808a3; max-width:24rem }
.dark-section .faq-grid>div:first-child p { color:#f7f3ec94 }

@media (width<=1100px) {
  .journey.four { grid-template-columns:repeat(2,1fr) }
  .journey.four article:nth-child(3) { border-left:1px solid #08080838 }
  .journey.four article:nth-child(4) { border-left:0 }
}
@media (width<=820px) {
  .feature-grid { grid-template-columns:1fr; gap:3rem }
  .feature-grid.reverse>figure { order:0 }
  .feature-figure { aspect-ratio:4/4.4 }
  .why-grid>div:first-child, .faq-grid>div:first-child { position:static }
  .info-list li { grid-template-columns:7rem 1fr }
}
@media (width<=620px) {
  .journey.four { grid-template-columns:1fr }
  .journey.four article:nth-child(4) { border-left:1px solid #08080833 }
}

/* Leitura no desktop para os componentes novos */
@media (width>=821px) {
  .info-list li { font-size:1rem }
  .info-list span { font-size:.7rem }
  .treatment-card .best-for { font-size:.92rem }
  .best-for b, .treatment-meta dt { font-size:.68rem }
  .treatment-meta dd { font-size:1.2rem }
  .treatment-card .screening { font-size:.82rem }
  .feature-copy>p { font-size:1.06rem }
  .journey p { font-size:.95rem }
  .journey span { font-size:.72rem }
  .continuity-grid p { font-size:1rem }
  .continuity-grid span { font-size:.72rem }
  .difference-list p { font-size:1rem }
  .difference-list span { font-size:.7rem }
  .faq-list summary { font-size:1.3rem }
  .faq-list details>p { font-size:1rem }
  .why-grid>div:first-child p, .faq-grid>div:first-child p { font-size:1.06rem }
  .tag-list li { font-size:.78rem }
  .credential-line { font-size:.74rem }
  .availability-note { font-size:.78rem }
  blockquote cite { font-size:.72rem }
}

/* Pequenas correções herdadas da v8 */
.button-gold span { color:var(--ink) }            /* a seta ficava dourada sobre fundo dourado */
.treatment-card h3 { margin-top:1.5rem }          /* título colado no número no celular */
@media (width>=821px) { .treatment-card h3 { margin-top:2.75rem } }
@media (width<=620px) { .difference-list article { grid-template-columns:2.75rem 1fr } }

/* ==========================================================================
   Páginas de serviço e botões de WhatsApp (2026-09-12)
   ========================================================================== */

/* Botão de WhatsApp: fundo dourado da marca + selo verde do WhatsApp, texto explícito e número */
.wa-button {
  color:var(--ink);
  background:var(--gold);
  border:1px solid var(--gold);
  align-items:center;
  gap:.95rem;
  padding:.85rem 1.5rem .85rem .9rem;
  text-decoration:none;
  transition:background .2s,border-color .2s,transform .2s;
  display:inline-flex
}
.wa-button:hover { background:var(--gold-light); border-color:var(--gold-light) }
.wa-button:active { transform:translateY(1px) }
.wa-button:focus-visible { outline:2px solid var(--gold-light); outline-offset:4px }
.wa-icon {
  color:#fff;
  background:#25d366;
  border-radius:50%;
  flex:none;
  place-items:center;
  width:2.6rem;
  height:2.6rem;
  display:grid
}
.wa-icon svg { width:58%; height:58% }
.wa-text { flex-direction:column; gap:.15rem; line-height:1.2; display:flex }
.wa-text b { letter-spacing:.08em; text-transform:uppercase; font-size:.8rem; font-weight:700 }
.wa-text small { color:#080808b3; letter-spacing:.02em; font-size:.8rem; font-weight:500 }

.wa-small { gap:.6rem; padding:.45rem .95rem .45rem .45rem }
.wa-small .wa-icon { width:1.9rem; height:1.9rem }
.wa-small .wa-text b { font-size:.7rem }

/* Topo da página de serviço */
.breadcrumb { align-items:center; gap:.75rem; display:flex }
.breadcrumb a { color:inherit; text-decoration:none; transition:color .2s }
.breadcrumb a:hover { color:var(--white) }
.breadcrumb span { color:#e8d7b566 }
.service-hero h1 { max-width:14ch }
.service-facts { border-top:1px solid #e8d7b538; gap:2.5rem; margin:0 0 2.25rem; padding-top:1.25rem; display:flex }
.service-facts dt { color:var(--gold); letter-spacing:.14em; text-transform:uppercase; font-size:.62rem; font-weight:700 }
.service-facts dd { color:var(--ivory); font-family:var(--serif); margin:.2rem 0 0; font-size:1.2rem }
.wa-hint { color:#f7f3ec85; margin:.9rem 0 0; font-size:.8rem }

/* Faixa de chamada para o WhatsApp */
.wa-cta { background:var(--charcoal); border-top:1px solid #e8d7b52e; border-bottom:1px solid #e8d7b52e; padding:clamp(3.5rem,7vw,6.5rem) var(--gutter) }
.wa-cta-grid { grid-template-columns:1.1fr .9fr; align-items:center; gap:6vw; display:grid }
.wa-cta h2 { color:var(--ivory); max-width:18ch; margin-bottom:1.25rem; font-size:clamp(2.2rem,3.6vw,4rem) }
.wa-cta-grid>div:first-child p { color:#f7f3ecb3; max-width:34rem; margin:0 }
.wa-cta-action { justify-items:start; gap:1rem; display:grid }
.wa-cta-action p { color:#f7f3ec80; letter-spacing:.1em; text-transform:uppercase; margin:0; font-size:.68rem }

/* Cards: título clicável + ações (WhatsApp e Saiba mais) */
.treatment-card h3 a { color:inherit; text-decoration:none; transition:color .2s }
.treatment-card h3 a:hover { color:var(--gold-light) }
.card-links { flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; margin-top:auto; display:flex }
.card-links .text-link { color:var(--ivory); padding-bottom:.25rem; background:linear-gradient(var(--gold-light),var(--gold-light)) 0 100%/0 1px no-repeat; transition:color .3s,background-size .35s }
.card-links .text-link:hover { color:var(--gold-light); background-size:100% 1px }
.treatments-grid.two { grid-template-columns:repeat(2,1fr) }
.treatments-grid.four { grid-template-columns:repeat(4,1fr) }

/* Benefícios e cuidados reaproveitam a lista numerada */
.benefits, .care { padding:var(--section-space) var(--gutter) }

/* Barra fixa de WhatsApp no celular */
.wa-bar { display:none }

@media (width<=1100px) {
  .treatments-grid.four { grid-template-columns:repeat(2,1fr) }
}
@media (width<=820px) {
  .wa-cta-grid { grid-template-columns:1fr; gap:2.25rem }
  .has-wa-bar { padding-bottom:5.5rem }
  .wa-bar {
    z-index:40;
    background:#080808f0;
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    border-top:1px solid #e8d7b538;
    padding:.7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom));
    display:block;
    position:fixed;
    bottom:0;
    left:0;
    right:0
  }
  .wa-bar .wa-button { width:100% }
  .wa-bar .wa-text b { font-size:.74rem }
  .wa-bar .wa-text small { font-size:.72rem }
  .wa-bar .wa-icon { width:2.3rem; height:2.3rem }
}
@media (width<=620px) {
  .treatments-grid.two, .treatments-grid.four { grid-template-columns:1fr }
  .service-facts { gap:1.75rem }
  .hero-copy .wa-button { width:100% }
}
@media (width>=821px) {
  .wa-text b { font-size:.86rem }
  .wa-small .wa-text b { font-size:.74rem }
  .wa-cta-grid>div:first-child p { font-size:1.12rem }
  .wa-cta-action p { font-size:.74rem }
  .service-facts dt { font-size:.72rem }
  .service-facts dd { font-size:1.35rem }
  .wa-hint { font-size:.88rem }
}

/* A regra herdada ".treatment-card a span" (seta dourada) não vale para o botão de WhatsApp */
.treatment-card .wa-button span { color:inherit; margin-left:0 }
.treatment-card .wa-button .wa-icon { color:#fff }

/* Botão principal (topo e faixa de chamada) maior e mais evidente */
.wa-large { gap:1.1rem; padding:1rem 1.9rem 1rem 1rem }
.wa-large .wa-icon { width:3rem; height:3rem }
@media (width>=821px) {
  .wa-large .wa-text b { font-size:.95rem }
  .wa-large .wa-text small { font-size:.88rem }
}
.treatment-card .wa-button .wa-icon { display:grid }
.treatment-card .wa-button .wa-text { display:flex }

/* Guia de escolha: título leva à página do tratamento */
.chooser .continuity-grid h3 a { color:inherit; text-decoration:none; background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 1px no-repeat; transition:background-size .35s }
.chooser .continuity-grid h3 a:hover { background-size:100% 1px }
.chooser .continuity-grid .text-link { color:var(--ink); margin-top:1.25rem }
.chooser .continuity-grid .text-link span { color:#7a6338; margin-left:.5rem }

/* Nomes longos de serviço (ex.: Fotobiomodulação) não podem estourar a largura no celular */
.service-hero h1 { overflow-wrap:break-word; hyphens:auto }
@media (width<=620px) {
  .service-hero h1 { font-size:clamp(2.3rem,10.5vw,4rem) }
}