/* ============================================================
   Dellatorre Vieira Advocacia — folha de estilo única
   Paleta e tipografia conforme o Manual da Marca (2025).
   ============================================================ */

:root{
  /* Cores institucionais — Manual da Marca Dellatorre Vieira (2025) */
  --ouro:        #B59B73;   /* Pantone 871 C  · CMYK 10/25/50/30 */
  --ouro-claro:  #D8C4A2;
  --ouro-escuro: #8E7752;
  --tinta:       #3D3D3D;   /* Pantone Cool Gray 11 C · CMYK 0/0/0/90 */
  --tinta-suave: #5E5E5E;
  --tinta-fraca: #8A8A8A;
  --papel:       #FFFFFF;
  --creme:       #F7F5F1;
  --creme-forte: #EDEDED;   /* Pantone Cool Gray 1 C · CMYK 0/0/0/10 */
  --noite:       #2E2E2E;
  --noite-suave: #3D3D3D;
  --linha:       #E2DDD3;

  --serif: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --largura: 1180px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --secao-y: clamp(4.5rem, 10vw, 8.5rem);
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; scroll-padding-top:5rem; -webkit-text-size-adjust:100%; }

body{
  margin:0;
  background:var(--papel);
  color:var(--tinta);
  font-family:var(--sans);
  font-size:clamp(1rem,0.97rem + 0.16vw,1.0625rem);
  font-weight:400;
  line-height:1.75;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; height:auto; display:block; }

h1,h2,h3,h4{
  font-family:var(--serif);
  font-weight:500;
  line-height:1.15;
  letter-spacing:-0.01em;
  margin:0 0 .6em;
  color:var(--tinta);
}
h1{ font-size:clamp(2.1rem,1.45rem + 3.2vw,4.25rem); }
h2{ font-size:clamp(1.9rem,1.4rem + 2.1vw,2.9rem); }
h3{ font-size:clamp(1.2rem,1.08rem + 0.6vw,1.45rem); font-family:var(--sans); font-weight:600; letter-spacing:0; }
p{ margin:0 0 1.15em; }
a{ color:inherit; }

.container{ width:100%; max-width:var(--largura); margin-inline:auto; padding-inline:var(--gutter); }

/* ---------- utilidades ---------- */
.olho{
  font-family:var(--sans);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--ouro-escuro);
  margin:0 0 1rem;
  display:flex; align-items:center; gap:.85rem;
}
.olho::after{ content:""; flex:1; height:1px; background:var(--linha); max-width:6rem; }
.olho.centro{ justify-content:center; }
.olho.centro::after{ display:none; }

.chamada{
  font-family:var(--serif);
  font-size:clamp(1.2rem,1.05rem + 0.7vw,1.55rem);
  line-height:1.55;
  color:var(--tinta-suave);
  font-weight:400;
}

.botao{
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--sans); font-size:.82rem; font-weight:600;
  letter-spacing:.12em; text-transform:uppercase; text-decoration:none;
  padding:1rem 2rem; border:1px solid var(--ouro); border-radius:2px;
  background:var(--ouro); color:#231F19;
  transition:background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}
.botao:hover{ background:var(--ouro-escuro); border-color:var(--ouro-escuro); color:#fff; transform:translateY(-2px); }
.botao.vazado{ background:transparent; color:var(--tinta); border-color:var(--linha); }
.botao.vazado:hover{ background:var(--tinta); border-color:var(--tinta); color:#fff; }
.botao.claro{ background:transparent; color:#fff; border-color:rgba(255,255,255,.5); }
.botao.claro:hover{ background:#fff; color:var(--noite); border-color:#fff; }

/* ---------- cabeçalho ---------- */
.cabecalho{
  position:fixed; inset:0 0 auto 0; z-index:100;
  padding:1.1rem 0;
  transition:background .35s ease, box-shadow .35s ease, padding .35s ease;
}
.cabecalho__interno{
  max-width:var(--largura); margin-inline:auto; padding-inline:var(--gutter);
  display:flex; align-items:center; justify-content:space-between; gap:2rem;
}
.cabecalho__marca{ position:relative; z-index:2; }
.cabecalho__marca img{ height:46px; width:auto; transition:height .35s ease, opacity .3s ease; }
.cabecalho__marca .logo-escuro{ display:none; }
.cabecalho.fixo{ background:rgba(255,255,255,.96); backdrop-filter:saturate(180%) blur(12px); box-shadow:0 1px 0 var(--linha); padding:.6rem 0; }
.cabecalho.fixo .cabecalho__marca .logo-claro{ display:none; }
.cabecalho.fixo .cabecalho__marca .logo-escuro{ display:block; }
.cabecalho.fixo .cabecalho__marca img{ height:40px; }

.menu{ display:flex; align-items:center; gap:2.2rem; list-style:none; margin:0; padding:0; }
.menu a{
  font-size:.78rem; font-weight:500; letter-spacing:.13em; text-transform:uppercase;
  text-decoration:none; color:rgba(255,255,255,.88); position:relative; padding-block:.3rem;
  transition:color .25s ease;
}
.menu a::after{
  content:""; position:absolute; left:0; bottom:0; width:0; height:1px;
  background:var(--ouro); transition:width .3s ease;
}
.menu a:hover{ color:#fff; }
.menu a:hover::after{ width:100%; }
.cabecalho.fixo .menu a{ color:var(--tinta-suave); }
.cabecalho.fixo .menu a:hover{ color:var(--tinta); }

.menu__botao{
  display:none; background:none; border:0; cursor:pointer; padding:.5rem;
  position:relative; z-index:2;
  width:44px; height:44px; align-items:center; justify-content:center;
}
.menu__botao span{ display:block; width:24px; height:2px; background:#fff; position:relative; transition:background .2s; }
.menu__botao span::before,.menu__botao span::after{
  content:""; position:absolute; left:0; width:24px; height:2px; background:inherit; transition:transform .3s ease;
}
.menu__botao span::before{ top:-7px; } .menu__botao span::after{ top:7px; }
.cabecalho.fixo .menu__botao span,
.cabecalho.fixo .menu__botao span::before,
.cabecalho.fixo .menu__botao span::after{ background:var(--tinta); }
.cabecalho.aberto .menu__botao span{ background:transparent !important; }
.cabecalho.aberto .menu__botao span::before{ transform:translateY(7px) rotate(45deg); background:var(--tinta); }
.cabecalho.aberto .menu__botao span::after{ transform:translateY(-7px) rotate(-45deg); background:var(--tinta); }

/* ---------- topo ---------- */
.topo{
  position:relative; min-height:100svh;
  display:flex; align-items:center;
  /* o .container é o único item de fluxo — ver .topo__louvado */
  padding:9rem 0 5rem;
  background:linear-gradient(160deg,#1a2642 0%,#2e3858 28%,#784a3e 46%,#d67028 56%,#964e26 63%,#262022 74%,#0e0d0e 100%);
  isolation:isolate;
}
.topo__foto{
  position:absolute; inset:0; z-index:-2;
  width:100%; height:100%; object-fit:cover; object-position:center 46%;
}
.topo::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    /* scrim localizado: garante contraste atrás do texto sem apagar a foto */
    radial-gradient(ellipse 62% 72% at 20% 52%, rgba(6,8,16,.78) 0%, rgba(6,8,16,.45) 55%, transparent 78%),
    linear-gradient(to right, rgba(8,10,18,.55) 0%, rgba(8,10,18,.34) 45%, rgba(8,10,18,.12) 100%),
    linear-gradient(to bottom, rgba(8,10,18,.58) 0%, rgba(8,10,18,0) 26%, rgba(8,10,18,.20) 60%, rgba(8,10,18,.72) 100%);
}
.topo__conteudo{ max-width:46rem; color:#fff; }
.topo__marca{ width:clamp(170px,22vw,238px); margin:0 0 2.4rem; }
.topo h1{ color:#fff; margin-bottom:1.4rem; font-weight:400; text-shadow:0 2px 18px rgba(0,0,0,.45); }
.topo h1 em{ font-style:normal; color:var(--ouro-claro); }
.topo__texto{
  font-family:var(--serif); font-size:clamp(1.15rem,1rem + 0.7vw,1.5rem);
  line-height:1.6; color:rgba(255,255,255,.92); max-width:36rem; margin-bottom:2.6rem;
  text-shadow:0 1px 12px rgba(0,0,0,.55);
}
.topo__acoes{ display:flex; flex-wrap:wrap; gap:1rem; }
.topo__oab{
  margin-top:3rem; font-size:.76rem; letter-spacing:.16em; text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
.topo__louvado{
  font-family:var(--serif); font-style:italic; font-size:1.05rem;
  color:rgba(255,255,255,.6); letter-spacing:.02em;
  margin:2.5rem 0 0; padding-inline:var(--gutter);
  max-width:var(--largura); margin-inline:auto;
}
/* só flutua no canto quando há folga real ao lado do texto do topo */
@media (min-width:1100px){
  .topo__louvado{
    position:absolute; bottom:2.4rem;
    /* afastado do canto para não ficar sob o botão flutuante do WhatsApp,
       que ocupa 56px + 20px de margem na direita */
    right:calc(var(--gutter) + 4.25rem);
    margin:0; padding:0; max-width:none;
  }
}

/* ---------- seções ---------- */
.secao{ padding-block:var(--secao-y); }
.secao--creme{ background:var(--creme); }
.secao__cabeca{ max-width:44rem; margin-bottom:clamp(2.5rem,5vw,4rem); }
.secao__cabeca.centro{ margin-inline:auto; text-align:center; }

/* escritório */
.escritorio{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,6vw,5.5rem); align-items:stretch; }
.escritorio__figura{ position:relative; }
@media (min-width:981px){
  /* o texto ficou bem mais alto que a foto: a coluna ocupa a altura toda
     e a figura acompanha a rolagem dentro dela, em vez de deixar um vão */
  .escritorio__col{ height:100%; }
  .escritorio__figura{ position:sticky; top:7rem; }
}
.escritorio__figura img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:2px; }
.escritorio__figura::before{
  content:""; position:absolute; inset:1.25rem -1.25rem -1.25rem 1.25rem;
  border:1px solid var(--ouro); border-radius:2px; z-index:-1;
}
.escritorio__vazio{
  width:100%; aspect-ratio:4/5; border-radius:2px;
  background:linear-gradient(155deg,var(--creme-forte),#E3D8C4);
  display:flex; align-items:center; justify-content:center; padding:2rem;
}
.escritorio__vazio img{ width:62%; aspect-ratio:auto; object-fit:contain; opacity:.55; }

.dados{ list-style:none; margin:2rem 0 0; padding:0; display:grid; gap:1.4rem; }
.dados li{ display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:start; }
.dados .num{
  font-family:var(--serif); font-size:1.5rem; color:var(--ouro-escuro);
  line-height:1; padding-top:.15rem;
}
.dados strong{ display:block; font-size:.95rem; font-weight:600; }
.dados span{ font-size:.92rem; color:var(--tinta-suave); }

/* áreas */
.areas{ display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--linha); border:1px solid var(--linha); }
.area{
  background:var(--papel); padding:clamp(1.8rem,3.5vw,2.8rem);
  display:flex; flex-direction:column; transition:background .3s ease;
}
.area:hover{ background:var(--creme); }
.area__num{
  font-family:var(--serif); font-size:.95rem; letter-spacing:.1em;
  color:var(--ouro-escuro); margin-bottom:1.2rem;
}
.area h3{ margin-bottom:.9rem; }
.area p{ font-size:.95rem; color:var(--tinta-suave); margin-bottom:1.2rem; }
.area ul{ list-style:none; margin:auto 0 0; padding:0; display:grid; gap:.45rem; }
.area li{ font-size:.88rem; color:var(--tinta-suave); padding-left:1.1rem; position:relative; line-height:1.55; }
.area li::before{ content:""; position:absolute; left:0; top:.62em; width:5px; height:1px; background:var(--ouro); }

/* faixa */
.faixa{ background:var(--noite); color:#fff; padding-block:clamp(3.5rem,7vw,6rem); }
.faixa h2{ color:#fff; }
.faixa p{ color:rgba(255,255,255,.72); }
.faixa__interno{ display:grid; grid-template-columns:1.4fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
.faixa__acoes{ display:flex; flex-wrap:wrap; gap:1rem; justify-content:flex-end; }

/* artigos */
.artigos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:clamp(1.5rem,3vw,2.5rem); }
.artigo{
  display:flex; flex-direction:column; text-decoration:none;
  border-top:2px solid var(--tinta); padding-top:1.5rem;
  transition:border-color .3s ease;
}
.artigo:hover{ border-color:var(--ouro); }
.artigo__meta{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; color:var(--ouro-escuro); margin-bottom:.8rem; }
.artigo h3{ font-family:var(--serif); font-size:1.4rem; font-weight:500; letter-spacing:-0.01em; margin-bottom:.7rem; }
.artigo p{ font-size:.93rem; color:var(--tinta-suave); margin-bottom:1.2rem; }
.artigo__leia{ margin-top:auto; font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--tinta); display:inline-flex; gap:.5rem; align-items:center; }
.artigo:hover .artigo__leia{ color:var(--ouro-escuro); }

/* contato */
.contato{ display:grid; grid-template-columns:1fr 1.1fr; gap:clamp(2.5rem,6vw,5rem); align-items:start; }
.contato__lista{ list-style:none; margin:0; padding:0; display:grid; gap:1.8rem; }
.contato__lista li{ display:grid; gap:.3rem; }
.contato__rotulo{ font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; color:var(--ouro-escuro); font-weight:600; }
.contato__lista a{ text-decoration:none; border-bottom:1px solid transparent; transition:border-color .25s ease; }
.contato__lista a:hover{ border-color:var(--ouro); }
.contato__valor{ font-size:1.02rem; }
.contato__secundario{ font-size:.85rem; color:var(--ouro-escuro); font-weight:500; margin-top:.15rem; }
.contato__secundario a{ text-decoration:none; border-bottom:1px solid transparent; }
.contato__secundario a:hover{ border-color:var(--ouro); }

.form{ display:grid; gap:1.15rem; }
.campo{ display:grid; gap:.45rem; }
.campo label{ font-size:.72rem; letter-spacing:.16em; text-transform:uppercase; font-weight:600; color:var(--tinta-suave); }
.campo input,.campo textarea{
  font-family:var(--sans); font-size:1rem; color:var(--tinta);
  padding:.85rem 1rem; border:1px solid var(--linha); border-radius:2px;
  background:var(--papel); transition:border-color .25s ease, box-shadow .25s ease;
}
.campo input:focus,.campo textarea:focus{ outline:none; border-color:var(--ouro); box-shadow:0 0 0 3px rgba(191,166,126,.18); }
.campo textarea{ resize:vertical; min-height:9rem; }
.form__nota{ font-size:.8rem; color:var(--tinta-fraca); line-height:1.6; margin:0; }
.form button{ justify-self:start; cursor:pointer; font-family:var(--sans); }
.mel{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.mel input{ pointer-events:none; }

.mapa{ margin-top:clamp(3rem,6vw,4.5rem); border:1px solid var(--linha); border-radius:2px; overflow:hidden; line-height:0; }
.mapa iframe{ width:100%; height:clamp(300px,42vw,440px); border:0; filter:grayscale(1) contrast(1.05); transition:filter .4s ease; }
.mapa:hover iframe{ filter:grayscale(0); }

/* rodapé */
.rodape{ background:var(--noite); color:rgba(255,255,255,.7); padding-block:clamp(3.5rem,7vw,5rem) 2rem; font-size:.9rem; }
.rodape__grade{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:clamp(2rem,5vw,4rem); padding-bottom:3rem; border-bottom:1px solid rgba(255,255,255,.12); }
.rodape__marca img{ width:190px; margin-bottom:1.4rem; }
.rodape h4{ color:#fff; font-family:var(--sans); font-size:.72rem; font-weight:600; letter-spacing:.2em; text-transform:uppercase; margin-bottom:1.2rem; }
.rodape ul{ list-style:none; margin:0; padding:0; display:grid; gap:.7rem; }
.rodape a{ text-decoration:none; transition:color .25s ease; }
.rodape a:hover{ color:var(--ouro-claro); }
.rodape__base{ padding-top:2rem; display:flex; flex-wrap:wrap; gap:1rem 2rem; justify-content:space-between; font-size:.78rem; color:rgba(255,255,255,.45); }
/* o botão flutuante do WhatsApp ocupa o canto inferior direito (56px + 20px) */
.rodape__base > :last-child{ margin-right:4.5rem; }
.rodape__aviso{ max-width:52rem; margin-top:1.5rem; font-size:.75rem; line-height:1.7; color:rgba(255,255,255,.4); }

/* WhatsApp flutuante */
.zap{
  position:fixed; right:1.25rem; bottom:1.25rem; z-index:90;
  width:56px; height:56px; border-radius:50%;
  display:grid; place-items:center;
  background:#25D366; box-shadow:0 6px 22px rgba(0,0,0,.22);
  transition:transform .25s ease, box-shadow .25s ease;
}
.zap:hover{ transform:scale(1.07); box-shadow:0 10px 28px rgba(0,0,0,.3); }
.zap svg{ width:29px; height:29px; fill:#fff; }

/* entrada suave */
.revela{ opacity:0; transform:translateY(24px); transition:opacity .8s ease, transform .8s ease; }
.revela.visivel{ opacity:1; transform:none; }

/* ---------- página de artigo ---------- */
.artigo-topo{ padding:9rem 0 3rem; background:var(--creme); }
.artigo-topo .container{ max-width:48rem; }
.artigo-topo h1{ font-size:clamp(2rem,1.5rem + 2.2vw,3.1rem); }
.artigo-corpo{ padding-block:clamp(3rem,6vw,5rem); }
.artigo-corpo .container{ max-width:44rem; }
.artigo-corpo h2{ font-size:clamp(1.5rem,1.3rem + 1vw,2rem); margin-top:2.5em; }
.artigo-corpo blockquote{
  margin:2.5rem 0; padding:.4rem 0 .4rem 1.8rem; border-left:2px solid var(--ouro);
  font-family:var(--serif); font-size:1.2rem; line-height:1.6; color:var(--tinta-suave);
}
.artigo-corpo ul,.artigo-corpo ol{ margin:0 0 1.4em; padding-left:1.3rem; }
.artigo-corpo li{ margin-bottom:.6em; }
.voltar{ display:inline-flex; gap:.5rem; align-items:center; font-size:.78rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; color:var(--tinta-suave); margin-bottom:1.5rem; }
.voltar:hover{ color:var(--ouro-escuro); }

/* ---------- responsivo ---------- */
@media (max-width:980px){
  .escritorio,.contato,.faixa__interno{ grid-template-columns:1fr; }
  .faixa__acoes{ justify-content:flex-start; }
  .rodape__grade{ grid-template-columns:1fr 1fr; }
  .rodape__marca{ grid-column:1 / -1; }
}

@media (max-width:900px){
  /* 5 itens de menu não cabem em uma linha abaixo disto — vira hambúrguer */
  .menu__botao{ display:flex; }
  .menu{
    position:fixed; inset:0 0 auto 0; z-index:1;
    flex-direction:column; align-items:flex-start;
    gap:0; background:var(--papel); padding:5.5rem var(--gutter) 2rem;
    box-shadow:0 12px 30px rgba(0,0,0,.1);
    transform:translateY(-100%); opacity:0; pointer-events:none;
    transition:transform .38s cubic-bezier(.16,1,.3,1), opacity .3s ease;
  }
  .cabecalho.aberto{ background:var(--papel); }
  .cabecalho.aberto .menu{ transform:none; opacity:1; pointer-events:auto; }
  .cabecalho.aberto .cabecalho__marca .logo-claro{ display:none; }
  .cabecalho.aberto .cabecalho__marca .logo-escuro{ display:block; }
  .menu li{ width:100%; border-bottom:1px solid var(--linha); }
  .menu li:last-child{ border-bottom:0; }
  .menu a{ display:block; padding:1.1rem 0; color:var(--tinta) !important; font-size:.85rem; }
}

@media (max-width:760px){
  .quebra-desktop{ display:none; }
  .areas{ grid-template-columns:1fr; }
  .topo{ padding-top:7.5rem; }
  .topo__oab{ padding-right:4.5rem; }
  .rodape__grade{ grid-template-columns:1fr; }
  .zap{ width:52px; height:52px; }
  .obrigado__acoes .botao{ width:100%; justify-content:center; }
}

@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; }
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  .revela{ opacity:1; transform:none; }
}


/* ---------- símbolo / três pilares ---------- */
.pilares{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--linha); border:1px solid var(--linha); margin-top:clamp(2rem,4vw,3rem); }
.pilar{ background:var(--papel); padding:clamp(1.8rem,3.5vw,2.6rem); text-align:center; }
.pilar__glifo{ font-family:var(--serif); font-size:2.2rem; color:var(--ouro); line-height:1; margin-bottom:.9rem; }
.pilar h3{ font-family:var(--serif); font-weight:500; font-size:1.35rem; letter-spacing:0; margin-bottom:.5rem; }
.pilar p{ font-size:.9rem; color:var(--tinta-suave); margin:0; }

.simbolo{ display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2.5rem,6vw,5rem); align-items:center; }
.simbolo__marca{ background:var(--papel); border:1px solid var(--linha); padding:clamp(2.5rem,5vw,4rem); display:grid; place-items:center; }
.simbolo__marca img{ width:min(100%,260px); }

/* ---------- modalidades ---------- */
.modos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:clamp(1.5rem,3vw,2.2rem); }
.modo{ padding:1.8rem 0 0; border-top:2px solid var(--ouro); }
.modo h3{ font-size:1.08rem; margin-bottom:.6rem; }
.modo p{ font-size:.92rem; color:var(--tinta-suave); margin:0; }

@media (max-width:860px){
  .pilares{ grid-template-columns:1fr; }
  .simbolo{ grid-template-columns:1fr; }
}


/* ---------- página de agradecimento ---------- */
.obrigado{
  min-height:100svh; display:grid; place-items:center;
  background:var(--creme); padding:8rem 0 4rem; text-align:center;
}
.obrigado__caixa{ max-width:46rem; }
.obrigado__marca{ width:clamp(110px,16vw,150px); margin:0 auto 2.2rem; }
.obrigado h1{ font-size:clamp(2rem,1.5rem + 2.2vw,3.1rem); margin-bottom:.7em; }
.obrigado .chamada{ margin-bottom:1.6rem; }
.obrigado__prazo{
  display:inline-block; background:var(--papel); border:1px solid var(--linha);
  border-left:2px solid var(--ouro); border-radius:2px;
  padding:1rem 1.5rem; margin-bottom:1.5rem; text-align:left;
}
.obrigado__acoes{
  display:flex; flex-wrap:wrap; gap:1rem; justify-content:center;
  margin:2.5rem 0 3rem;
}
.obrigado__nota{
  font-size:.82rem; line-height:1.7; color:var(--tinta-fraca);
  max-width:34rem; margin-inline:auto; padding-top:2rem;
  border-top:1px solid var(--linha);
}
.obrigado + .rodape .rodape__base{ padding-top:0; border-top:0; }


/* ---------- link social com ícone ---------- */
.social{ display:inline-flex; align-items:center; gap:.5rem; }
.social__icone{
  width:1.05em; height:1.05em; flex:none;
  fill:currentColor; opacity:.85;
  transition:opacity .25s ease;
}
.social:hover .social__icone{ opacity:1; }