/* wordmark de contorno no lugar do texto com text-stroke */
img.large-ser{width:clamp(260px,32vw,440px);height:auto;position:absolute;top:52px;left:-14px;opacity:.9}
@media (max-width:900px){img.large-ser{width:min(240px,62vw);top:34px;left:-6px}}

/* --------------------------------------------------------------------------
   Orbita das psicologas
   Os satelites eram posicionados por porcentagem sobre um retangulo, enquanto
   os arcos sao circulos centrados. Por isso nada caia sobre a linha.
   Agora cada satelite e posicionado em coordenada polar sobre o arco externo:
   gira ate o angulo, anda o raio, e desgira para o conteudo ficar na vertical.
   -------------------------------------------------------------------------- */
.professionals-orbit-map{
  --orbit:460px;          /* diametro do arco externo */
  --ring-inner:284px;
  --person:150px;
  --word:74px;
  width:100%;
  max-width:calc(var(--orbit) + var(--person));
  aspect-ratio:1;
  min-height:0;
  margin-inline:auto;
  position:relative;
}
.professionals-orbit-line--outer{width:var(--orbit);height:var(--orbit)}
.professionals-orbit-line--inner{width:var(--ring-inner);height:var(--ring-inner)}

.professionals-orbit-person,
.professionals-orbit-word{
  top:50%;left:50%;right:auto;bottom:auto;
  transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--orbit) / -2)) rotate(calc(var(--a) * -1));
}
.professionals-orbit-person{width:var(--person);height:var(--person)}
.professionals-orbit-word{width:var(--word);height:var(--word)}

/* o hover usava transform e jogava o satelite para o centro da orbita */
.professionals-orbit-person:hover{transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc(var(--orbit) / -2)) rotate(calc(var(--a) * -1));scale:1.05}

.professionals-orbit-person--adriana{--a:-45deg}
.professionals-orbit-person--elisangela{--a:135deg}
.professionals-orbit-word--1{--a:45deg}    /* escuta   */
.professionals-orbit-word--2{--a:90deg}    /* clareza  */
.professionals-orbit-word--3{--a:225deg}   /* presenca */
.professionals-orbit-word--4{--a:270deg}   /* cuidado  */

@media (max-width:1200px){.professionals-orbit-map{--orbit:420px;--ring-inner:258px;--person:136px;--word:68px}}
@media (max-width:1024px){.professionals-orbit-map{--orbit:460px;--ring-inner:284px;--person:150px;--word:74px}}
@media (max-width:620px){
  .professionals-orbit-map{--orbit:min(330px,78vw);--ring-inner:min(200px,48vw);--person:min(104px,25vw);--word:min(56px,13vw)}
  .professionals-orbit-center{width:112px;height:112px}
  .professionals-orbit-center span{font-size:2.6rem}
  .professionals-orbit-person>span{bottom:-19px;font-size:.46rem;padding:4px 8px}
}

/* selo individual sem simbolo */
.collage-seal{background:none;box-shadow:none;padding:0;width:clamp(104px,12vw,148px)}

.brand-logo{height:46px}
.site-header.is-scrolled .brand-logo{height:40px}
.brand-copy strong{font-size:1.18rem}
.brand-logo--footer{height:96px}
.header-cta{border-radius:3px;min-height:50px;padding:0 24px;gap:18px;font-size:.76rem;
  border:1px solid transparent;transition:all .18s}
.header-cta:hover span{transform:translate(3px,-3px)}
@media (max-width:760px){
  .brand-logo{height:36px}
  .brand-logo--footer{height:78px}
}
.profile-hero,.home-hero{overflow-x:clip}
@media (max-width:900px){.profile-orbit,.hero-orbit{display:none}}
img,svg,video,iframe{max-width:100%}
.home-hero,.profile-hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}
.home-hero>*,.profile-hero>*{min-width:0}
h1,h2,h3{overflow-wrap:break-word}
@media (max-width:900px){
  .home-hero,.profile-hero{grid-template-columns:minmax(0,1fr)}
  .home-hero-copy,.profile-hero-copy{max-width:100%}
  .home-hero-visual,.profile-hero-visual{max-width:100%;overflow:hidden}
}
.care-tab-list{grid-template-columns:repeat(4,1fr)}
.care-tab-list button{gap:12px;padding:0 20px}
@media (max-width:1080px){.care-tab-list{grid-template-columns:repeat(2,1fr)}
  .care-tab-list button{border-right:1px solid var(--gold);border-bottom:1px solid var(--gold)}}
@media (max-width:600px){.care-tab-list{grid-template-columns:1fr}
  .care-tab-list button{border-right:0}}
.care-panel[hidden]{display:none}
.faq-answer{overflow:hidden}
.brand-logo{height:34px;width:auto;display:block}
.site-header.is-scrolled .brand-logo{height:29px}
.brand-logo--footer{height:104px;width:auto;display:block}
.brand-mark{gap:11px}
.h1-local{margin-top:.18em}
.map-float-symbol{width:26px;height:auto;flex:none;opacity:.9}
.h1-local{display:block;font-size:.44em;letter-spacing:.01em;color:var(--muted);margin-top:.35em}
.hero-lead{font-family:var(--serif);font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.4;color:var(--charcoal);margin:18px 0 0;max-width:34ch}
.hero-lead em{font-style:italic;color:var(--gold)}
.collage-seal{z-index:5;position:absolute;top:12%;right:2%;width:clamp(92px,11vw,132px);height:auto;
  background:var(--quiet);border-radius:50%;padding:8px;box-shadow:0 12px 30px #393f3c1f}
.professional-collage--tcc .collage-seal{left:8%;right:auto}
.professional-crp{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.55rem;margin:-10px 0 16px}
.choice-help{margin:48px auto 0;max-width:64ch;text-align:center;border-top:1px solid var(--border);padding-top:28px}
.choice-help p{color:var(--muted);font-size:.82rem;line-height:1.7;margin:0}
.location-facts{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px 32px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));width:100%;max-width:570px}
.location-facts li{display:flex;flex-direction:column;gap:3px;border-left:1px solid #fffaf233;padding-left:13px}
.location-facts strong{color:var(--gold);letter-spacing:.13em;text-transform:uppercase;font-size:.5rem;font-weight:600}
.location-facts span{color:#fffaf2cc;font-size:.72rem}
.demand-orbit-circle small{max-width:150px}
@media (max-width:760px){
  .brand-logo{height:28px}
  .brand-logo--footer{height:84px}
  .collage-seal{width:84px;padding:6px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;scroll-behavior:auto !important}
  .reveal{opacity:1 !important;transform:none !important}
}

.site-header.menu-open .desktop-nav{opacity:1;pointer-events:auto;transform:none;z-index:120}
.site-header.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
.site-header.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
.menu-toggle span{transition:transform .2s}
/* ---------------------------------------------------------------
   O desenho do wordmark ocupa so parte da area do arquivo: comeca
   em x=240 de 1600, ou seja, 15% de folga a esquerda. O recuo abaixo
   desconta essa folga para a letra encostar na mesma linha do rotulo.
   --------------------------------------------------------------- */
img.large-ser{--w:clamp(260px,32vw,440px);width:var(--w);height:auto;position:absolute;
  left:calc(var(--w) * -0.15);top:calc(58px - var(--w) * 0.161);opacity:.92}
@media (max-width:900px){
  img.large-ser{--w:min(250px,64vw);top:calc(44px - var(--w) * 0.161)}
}

/* ---------------------------------------------------------------
   Faixa de palavras em movimento continuo
   --------------------------------------------------------------- */
.word-ribbon{overflow:hidden;justify-content:flex-start;white-space:nowrap;display:flex}
.ribbon-track{display:flex;align-items:center;gap:clamp(28px,4vw,58px);flex:none;
  padding-right:clamp(28px,4vw,58px);animation:desliza 34s linear infinite;will-change:transform}
.word-ribbon:hover .ribbon-track{animation-play-state:paused}
@keyframes desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:760px){.ribbon-track{animation-duration:24s}}
@media (prefers-reduced-motion:reduce){.ribbon-track{animation:none}}

/* ---------------------------------------------------------------
   Foto do hero no celular: o recorte organico jogava a imagem para
   a esquerda e deixava um vazio na direita.
   --------------------------------------------------------------- */
@media (max-width:900px){
  .hero-portrait-organic{inset:4% 4% 4%;border-radius:46% 46% 34% 34%/26% 26% 62% 62%}
  .hero-portrait-organic img{object-position:center 46%}
}

/* centro da orbita com a marca no lugar do texto */
.professionals-orbit-center img{width:58%;height:auto;display:block}
.professionals-orbit-center small{margin-top:9px}

/* wordmark com mais respiro abaixo do rotulo */
img.large-ser{top:calc(96px - var(--w) * 0.161)}

/* no celular a marca vai para o centro.
   O deslocamento minimo centraliza o desenho, nao a caixa do arquivo,
   ja que o traco nao e simetrico dentro dela. */
@media (max-width:900px){
  img.large-ser{position:static;left:auto;top:auto;display:block;
    margin:30px auto 4px;transform:translateX(calc(var(--w) * 0.0084))}
  .meaning-label{min-height:0}
}

/* ---------------------------------------------------------------
   Escala de titulos por tamanho de tela
   --------------------------------------------------------------- */
@media (max-width:1024px){
  h1{font-size:clamp(2.9rem,6vw,4.2rem)}
  h1,.profile-hero-copy h1{font-size:clamp(2.9rem,6.2vw,4.2rem)}
  .home-hero h1{font-size:clamp(2.9rem,6.2vw,4.2rem)}
  h2{font-size:clamp(2.1rem,4.6vw,3.2rem)}
  .location-copy h2{font-size:clamp(2.1rem,4.6vw,3.2rem)}
  .care-panel-copy h3{font-size:clamp(1.9rem,4vw,2.8rem)}
  .professional-feature-copy h3{font-size:clamp(2.2rem,4.6vw,3.4rem)}
  .professionals-orbit-profile h3{font-size:clamp(1.9rem,4vw,2.8rem)}
  .stack-step h3,.steps-split-content .stack-step h3{font-size:clamp(1.9rem,4.2vw,2.9rem)}
  h3{font-size:clamp(1.45rem,2.6vw,1.9rem)}
}
@media (max-width:620px){
  h1{font-size:clamp(2.3rem,9vw,3rem);line-height:1.08}
  h1,.profile-hero-copy h1{font-size:clamp(2.3rem,9vw,3rem);line-height:1.08}
  .home-hero h1{font-size:clamp(2.3rem,9vw,3rem);line-height:1.08}
  h2{font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.15}
  .location-copy h2{font-size:clamp(1.8rem,7vw,2.35rem)}
  .care-panel-copy h3{font-size:clamp(1.6rem,6.2vw,2.05rem)}
  .professional-feature-copy h3{font-size:clamp(1.75rem,6.6vw,2.2rem)}
  .professionals-orbit-profile h3{font-size:clamp(1.65rem,6.2vw,2.1rem)}
  .stack-step h3,.steps-split-content .stack-step h3{font-size:clamp(1.6rem,6.2vw,2.05rem)}
  .demand-card h3{font-size:1.4rem}
  h3{font-size:1.3rem}
  .hero-lead,.profile-lead{font-size:1.05rem}
  .eyebrow{font-size:.54rem}
  html.seq-on .seq-list > li{font-size:clamp(1.15rem,5.4vw,1.5rem)}
}
@media (max-width:400px){
  h1,.profile-hero-copy h1,.home-hero h1{font-size:2.15rem}
  h2{font-size:1.7rem}
}

.professionals-orbit-center img{width:74%;height:auto;display:block;margin-left:-2%}
.professionals-orbit-center small{margin-top:2px}

/* ===============================================================
   Escala tipografica
   Corpo de leitura com piso confortavel, etiquetas em caixa alta
   mantidas pequenas de proposito, titulos que encolhem por faixa.
   =============================================================== */

/* --- corpo de leitura, todas as telas --- */
.demand-card p{font-size:.86rem;line-height:1.66}
.approach-copy li{font-size:.86rem;line-height:1.66}
.professionals-orbit-profile div>p:not(.eyebrow){font-size:.84rem;line-height:1.66}
.home-demand-card p{font-size:.86rem;line-height:1.66}
.step-card p{font-size:.86rem;line-height:1.66}
.profile-about-copy p,.approach-copy p{font-size:.9rem;line-height:1.72}
.plain-list li,.point-list li>div{font-size:.86rem;line-height:1.68}
.myth-grid p,.note-card p{font-size:.84rem;line-height:1.7}
.faq-answer p{font-size:.86rem;line-height:1.72}

/* --- tablet --- */
@media (max-width:1024px){
  h1,.profile-hero-copy h1,.home-hero h1{font-size:clamp(2.9rem,6.2vw,4.2rem)}
  h2,.location-copy h2{font-size:clamp(2.1rem,4.6vw,3.2rem)}
  h3{font-size:clamp(1.45rem,2.6vw,1.9rem)}
  .care-panel-copy h3{font-size:clamp(1.9rem,4vw,2.8rem)}
  .professional-feature-copy h3{font-size:clamp(2.2rem,4.6vw,3.4rem)}
  .professionals-orbit-profile h3{font-size:clamp(1.9rem,4vw,2.8rem)}
  .stack-step h3,.steps-split-content .stack-step h3{font-size:clamp(1.9rem,4.2vw,2.9rem)}
  .demand-card p,.approach-copy li,.home-demand-card p,.step-card p,
  .plain-list li,.point-list li>div,.faq-answer p{font-size:.9rem}
  .profile-about-copy p,.approach-copy p{font-size:.94rem}
}

/* --- celular --- */
@media (max-width:620px){
  h1,.profile-hero-copy h1,.home-hero h1{font-size:clamp(2.3rem,9vw,3rem);line-height:1.08}
  h2,.location-copy h2{font-size:clamp(1.8rem,7vw,2.35rem);line-height:1.15}
  h3{font-size:1.3rem}
  .care-panel-copy h3{font-size:clamp(1.6rem,6.2vw,2.05rem)}
  .professional-feature-copy h3{font-size:clamp(1.75rem,6.6vw,2.2rem)}
  .professionals-orbit-profile h3{font-size:clamp(1.65rem,6.2vw,2.1rem)}
  .stack-step h3,.steps-split-content .stack-step h3{font-size:clamp(1.6rem,6.2vw,2.05rem)}
  .demand-card h3{font-size:1.4rem}

  /* texto de leitura sobe para 15px, o piso confortavel no celular */
  .demand-card p,.approach-copy li,.home-demand-card p,.step-card p,
  .plain-list li,.point-list li>div,.faq-answer p,.myth-grid p,
  .note-card p,.section-note,.credencial-list li,
  .professionals-orbit-profile div>p:not(.eyebrow){font-size:.95rem;line-height:1.66}
  .profile-about-copy p,.approach-copy p,.profile-intro{font-size:.97rem;line-height:1.72}
  .hero-lead,.profile-lead{font-size:1.06rem;line-height:1.42}
  .button,.text-link{font-size:.86rem}
  .faq-item button span{font-size:1.02rem}

  /* etiquetas seguem pequenas, mas com folga de leitura */
  .eyebrow{font-size:.58rem;letter-spacing:.18em}
  .story-topics span,.profile-trust span{font-size:.66rem}
  .footer-bottom{font-size:.68rem;line-height:1.6}
  .ethical-note{font-size:.8rem}
  html.seq-on .seq-list > li{font-size:clamp(1.15rem,5.4vw,1.5rem)}
  html.seq-on .seq-list > li span{font-size:.95rem}
}

@media (max-width:400px){
  h1,.profile-hero-copy h1,.home-hero h1{font-size:2.15rem}
  h2,.location-copy h2{font-size:1.7rem}
}

/* ---------------------------------------------------------------
   O contorno fino colapsa em bloco quando desenhado pequeno demais:
   as duas linhas do traco se encostam. O centro da orbita cresce
   para o desenho voltar a ler como contorno.
   --------------------------------------------------------------- */
.professionals-orbit-center{width:212px;height:212px}
.professionals-orbit-center img{width:82%;margin-left:-2%}
.professionals-orbit-center small{margin-top:4px;font-size:.52rem}
@media (max-width:620px){
  .professionals-orbit-center{width:150px;height:150px}
  .professionals-orbit-center img{width:84%}
  .professionals-orbit-center small{font-size:.46rem;margin-top:2px}
}

/* foto do hero centralizada no celular */
@media (max-width:900px){
  .home-hero-visual{margin-inline:auto;width:calc(100% + 40px);max-width:calc(100vw - 8px)}
  .hero-portrait-organic{inset:4% 6% 4%}
}

/* curso de rolagem por topico, para a leitura nao passar correndo */
html.seq-on .seq{height:calc(100svh + (var(--n) - 1) * 26svh)}
html.seq-on .approach-section .seq{height:calc(100svh + (var(--n) - 1) * 30svh)}
html.seq-on .seq-list > li{transition:opacity .5s ease,transform .5s ease}
@media (max-width:900px){
  html.seq-on .seq{height:calc(100svh + (var(--n) - 1) * 24svh)}
  html.seq-on .approach-section .seq{height:calc(100svh + (var(--n) - 1) * 26svh)}
  html.seq-on .seq--celular{height:calc(100svh + (var(--n) - 1) * 24svh)}
}

.section-cta{margin-top:clamp(34px,5vh,58px);padding-top:20px;border-top:1px solid var(--border)}
.section-cta a{display:inline-flex;align-items:center;gap:12px;color:var(--muted);
  font-size:.78rem;line-height:1.5;transition:color .2s ease,gap .2s ease}
.section-cta a:hover{color:var(--charcoal);gap:16px}
.section-cta i{font-style:normal;color:var(--gold);font-size:.86rem}
.section-cta a span{border-bottom:1px solid var(--gold);padding-bottom:3px}
.section-cta--escuro{border-top-color:#fffaf22e}
.section-cta--escuro a{color:#fffaf2b3}
.section-cta--escuro a:hover{color:var(--quiet)}
@media (max-width:620px){
  .section-cta{margin-top:30px;padding-top:18px}
  .section-cta a{font-size:.85rem}
}

.section-cta{width:min(var(--shell),100%);margin-inline:auto;max-width:100%}
.location-stage .section-cta{width:min(calc(var(--shell) - 96px),100%);padding-inline:clamp(20px,4vw,44px)}
@media (max-width:900px){
  .location-stage .section-cta{padding-inline:20px}
}

.section-cta{margin-bottom:clamp(20px,4vh,44px)}

/* ---------------------------------------------------------------
   O hero sangrava 40px mas com margem automatica, entao todo o
   excedente caia para a direita e criava rolagem horizontal na
   pagina inteira, o que desalinhava as secoes seguintes.
   Agora a sangria e simetrica e cabe exatamente na tela.
   --------------------------------------------------------------- */
@media (max-width:900px){
  .home-hero-visual{width:calc(100% + 40px);max-width:none;
    margin-left:-20px;margin-right:-20px}
}
main{overflow-x:clip}

/* marca maior: o contorno so respira quando os vazios internos abrem */
.professionals-orbit-center{width:246px;height:246px}
.professionals-orbit-center img{width:86%}
@media (max-width:620px){
  .professionals-orbit-center{width:168px;height:168px}
  .professionals-orbit-center img{width:88%}
}

/* ===============================================================
   Localizacao no celular
   A lista de dados usava minmax(180px,1fr) com auto-fit. Duas colunas
   de 180px mais o intervalo exigiam 392px, enquanto o cartao tem 340px
   no aparelho. Como item de grade nao encolhe abaixo do proprio
   conteudo, o cartao inteiro esticava e o texto saia pela lateral.
   =============================================================== */
.location-card,
.location-card > *,
.location-copy,
.location-map{min-width:0}
.location-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
.location-facts li{min-width:0}
.location-facts span{overflow-wrap:anywhere}
@media (max-width:620px){
  .location-facts{grid-template-columns:1fr;gap:14px}
  .location-copy{padding:34px 20px}
  .location-socials a{font-size:.62rem;padding:10px 12px}
}

/* ---------------------------------------------------------------
   Cabecalho do celular: marca maior e um respiro claro ate o menu
   --------------------------------------------------------------- */
@media (max-width:900px){
  .header-inner{gap:16px;width:calc(100% - 28px)}
  .brand-logo{height:42px}
  .brand-copy strong{font-size:1.12rem}
  .brand-copy small{font-size:.5rem;letter-spacing:.2em}
  .menu-toggle{width:44px;height:44px;margin-left:14px;
    position:relative;flex:none}
  .menu-toggle:before{content:"";position:absolute;left:-14px;top:50%;
    width:1px;height:26px;background:var(--border);transform:translateY(-50%)}
}
@media (max-width:400px){
  .brand-logo{height:38px}
  .brand-copy strong{font-size:1.02rem}
  .menu-toggle{width:40px;height:40px;margin-left:10px}
  .menu-toggle:before{left:-10px}
}

/* ---------------------------------------------------------------
   Primeira dobra maior: e ela que segura quem chega
   --------------------------------------------------------------- */
.home-hero h1{font-size:clamp(4.4rem,5.9vw,6.6rem);line-height:1.02}
.h1-local{font-size:.42em;margin-top:.24em}
.hero-lead{font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:1.36;max-width:32ch;margin-top:22px}
@media (max-width:1024px){
  .home-hero h1{font-size:clamp(3.3rem,6.8vw,4.8rem)}
  .hero-lead{font-size:clamp(1.24rem,2.6vw,1.55rem)}
}
@media (max-width:620px){
  .home-hero h1{font-size:clamp(2.75rem,10.6vw,3.5rem);line-height:1.04}
  .hero-lead,.profile-lead{font-size:1.2rem;line-height:1.38}
  .home-hero .hero-welcome p{font-size:.95rem}
}
@media (max-width:400px){
  .home-hero h1{font-size:2.6rem}
  .hero-lead,.profile-lead{font-size:1.12rem}
}

/* o centro da orbita volta ao wordmark preenchido: em tamanho pequeno
   o contorno fecha os vazios e vira mancha */
.professionals-orbit-center img{width:78%}

/* ---------------------------------------------------------------
   Faixa de palavras em laco continuo
   Cada metade repete o conjunto tres vezes, para ser sempre mais
   larga que a tela. Sem isso, telas grandes viam o vazio entre um
   ciclo e outro. O deslocamento de 50% corresponde a uma metade
   exata, o que faz a emenda ficar invisivel.
   --------------------------------------------------------------- */
.word-ribbon{display:flex;overflow:hidden;white-space:nowrap;justify-content:flex-start;gap:0}
.ribbon-track{display:flex;flex:none;gap:0;padding-right:0;
  animation:desliza 82s linear infinite;will-change:transform}
.ribbon-group{display:flex;align-items:center;flex:none;
  gap:clamp(28px,4vw,58px);padding-right:clamp(28px,4vw,58px)}
.word-ribbon:hover .ribbon-track{animation-play-state:paused}
@keyframes desliza{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:760px){.ribbon-track{animation-duration:52s}}
@media (prefers-reduced-motion:reduce){.ribbon-track{animation:none}}

/* ---------------------------------------------------------------
   O cartao sobre o mapa leva ao perfil do consultorio no Google
   --------------------------------------------------------------- */
a.map-float{text-decoration:none;transition:transform .22s ease,box-shadow .22s ease;
  box-shadow:0 10px 30px #393f3c1f}
a.map-float:hover{transform:translateY(-3px);box-shadow:0 16px 40px #393f3c2b}
a.map-float:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.map-float-seta{margin-left:auto;color:var(--gold);font-size:.9rem;flex:none;
  transition:transform .22s ease}
a.map-float:hover .map-float-seta{transform:translate(3px,-3px)}
@media (max-width:620px){.map-float-seta{font-size:.8rem}}
