/* ============================================================
   Clínica Aurion — folha de estilo principal
   Design original: PSD "CLINICA AURION site.psd" (Start Co. 2024)
   Escala: o layout foi desenhado a 1920px. 1rem = 10px nessa
   largura, então todo valor do mockup vira (px / 10)rem e o site
   inteiro escala proporcionalmente até 1920px.
   ============================================================ */

:root{
  /* paleta amostrada pixel a pixel do PSD */
  --creme:        #ECE3D7;
  --creme-claro:  #F6EFEC;
  --oliva:        #787769;
  --oliva-claro:  #9A9C84;
  --rosa:         #BA6A6C;
  --marrom:       #B08368;
  --marrom-logo:  #A38269;

  --display: 'Italiana', 'Times New Roman', serif;   /* substitui Mansory */
  --texto:   'Questrial', 'Helvetica Neue', Arial, sans-serif; /* substitui Acumin Pro Wide */

  --container: 170rem;   /* 1700px @1920 */
  --gutter:    11rem;    /* 110px  @1920 */
  --header-h:  20.6rem;  /* 206px  @1920 */
}

html{
  font-size: clamp(6px, calc(100vw / 192), 10px);
  scroll-behavior: smooth;
}
*,*::before,*::after{ box-sizing:border-box; }

body{
  margin:0;
  background:var(--creme);
  color:var(--oliva);
  font-family:var(--texto);
  font-size:1.9rem;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4{ font-family:var(--display); font-weight:400; margin:0; line-height:1.18; letter-spacing:.02em; }
p{ margin:0 0 1.8rem; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
button{ font:inherit; color:inherit; background:none; border:0; cursor:pointer; }

.container{
  width:min(var(--container), calc(100% - 2 * var(--gutter)));
  margin-inline:auto;
}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* ------------------------------------------------------------
   CABEÇALHO
   ------------------------------------------------------------ */
.header{
  position:absolute; inset:0 0 auto; z-index:60;
  height:var(--header-h);
  display:flex; align-items:center;
}
.header--solido{ position:relative; background:var(--creme); }
.header__inner{
  width:100%; max-width:var(--container); margin-inline:auto;
  padding-inline:var(--gutter);
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center;
}

.burger{ display:flex; flex-direction:column; gap:.7rem; width:3.5rem; padding:.6rem 0; }
.burger span{
  display:block; height:.2rem; width:100%; background:var(--oliva);
  transition:transform .35s ease, opacity .25s ease;
}
.header--claro .burger span{ background:var(--creme-claro); }
.burger.is-aberto span:nth-child(1){ transform:translateY(.9rem) rotate(45deg); }
.burger.is-aberto span:nth-child(2){ opacity:0; }
.burger.is-aberto span:nth-child(3){ transform:translateY(-.9rem) rotate(-45deg); }

.header__logo{ justify-self:center; }
.header__logo img{ width:24.2rem; }
.header__logo .logo--claro{ display:none; }
.header--claro .logo--escuro{ display:none; }
.header--claro .logo--claro{ display:block; }

.btn-agendar{
  justify-self:end;
  display:inline-flex; align-items:center; justify-content:center;
  width:26.7rem; height:5.8rem; border-radius:3rem;
  background:var(--oliva); color:var(--creme-claro);
  font-size:1.9rem; letter-spacing:.01em;
  transition:background .3s ease, color .3s ease;
}
.btn-agendar:hover{ background:#67665a; }
.header--claro .btn-agendar{ background:var(--creme-claro); color:var(--oliva); }
.header--claro .btn-agendar:hover{ background:#fff; }

/* menu sobreposto */
.menu{
  position:fixed; inset:0; z-index:70;
  background:var(--creme);
  display:flex; align-items:center; justify-content:center;
  opacity:0; visibility:hidden; transition:opacity .4s ease, visibility .4s;
}
.menu.is-aberto{ opacity:1; visibility:visible; }
.menu__lista{ list-style:none; margin:0; padding:0; text-align:center; }
.menu__lista li{ margin:2.4rem 0; opacity:0; transform:translateY(2rem); }
.menu.is-aberto .menu__lista li{ animation:menuSobe .5s ease forwards; }
.menu.is-aberto .menu__lista li:nth-child(1){ animation-delay:.08s; }
.menu.is-aberto .menu__lista li:nth-child(2){ animation-delay:.14s; }
.menu.is-aberto .menu__lista li:nth-child(3){ animation-delay:.20s; }
.menu.is-aberto .menu__lista li:nth-child(4){ animation-delay:.26s; }
.menu.is-aberto .menu__lista li:nth-child(5){ animation-delay:.32s; }
@keyframes menuSobe{ to{ opacity:1; transform:none; } }
.menu__lista a{
  font-family:var(--display); font-size:6rem; color:var(--oliva);
  transition:color .3s ease;
}
.menu__lista a:hover{ color:var(--rosa); }
.menu__fechar{ position:absolute; top:7rem; right:11rem; width:4rem; height:4rem; }
.menu__fechar::before,.menu__fechar::after{
  content:''; position:absolute; left:0; top:50%; width:100%; height:.2rem; background:var(--oliva);
}
.menu__fechar::before{ transform:rotate(45deg); }
.menu__fechar::after{ transform:rotate(-45deg); }

/* ------------------------------------------------------------
   HERO — home (carrossel)
   ------------------------------------------------------------ */
.hero{ position:relative; height:122.9rem; overflow:hidden; }
.hero__slides{ position:absolute; inset:0; }
.hero__slide{
  position:absolute; inset:0;
  background-size:cover; background-position:center;
  opacity:0; transition:opacity 1.1s ease;
}
.hero__slide.is-ativo{ opacity:1; }

.hero__caixa{
  position:absolute; left:0; top:46.8rem;
  width:82rem; min-height:44.7rem;
  background:rgba(120,119,105,.82);
  display:flex; flex-direction:column; justify-content:center;
  padding:1rem 6.3rem 1rem max(11rem, calc((100vw - var(--container)) / 2 + 11rem));
  color:var(--creme-claro);
}
.hero__caixa h1{ font-size:6.8rem; line-height:1.132; margin-bottom:2.2rem; }
.hero__caixa p{ font-size:2.8rem; line-height:1.5; margin:0; }

.hero__nav{
  position:absolute; left:0; right:0; bottom:4rem; z-index:5;
  display:flex; gap:1.2rem; justify-content:center;
}
.hero__ponto{
  width:1rem; height:1rem; border-radius:50%;
  background:rgba(246,239,236,.45); transition:background .3s ease;
}
.hero__ponto.is-ativo{ background:var(--creme-claro); }

/* ------------------------------------------------------------
   HERO — páginas internas (imagem pronta do PSD + texto)
   ------------------------------------------------------------ */
.hero-int{
  position:relative; height:140.3rem;
  background-size:cover; background-position:center top;
  background-color:var(--creme);
}
.hero-int--oliva{ background-color:var(--oliva); }
.hero-int__conteudo{
  position:relative; height:100%;
  display:grid; grid-template-columns:1fr 1fr; align-content:center;
  padding-top:var(--header-h);
}
.hero-int__texto{ grid-column:1; max-width:67.7rem; }
.hero-int__texto--dir{ grid-column:2; }
.hero-int .tag{ margin-bottom:3.4rem; }
.hero-int h1{ font-size:7.4rem; margin-bottom:.4rem; }
.hero-int__cargo{ font-size:3.2rem; font-family:var(--display); margin-bottom:3.4rem; display:block; }
.hero-int p{ font-size:1.8rem; line-height:1.6; }
.hero-int--oliva, .hero-int--oliva h1, .hero-int--oliva p, .hero-int--oliva .hero-int__cargo{ color:var(--creme-claro); }
.hero-int--oliva .tag{ border-color:var(--creme-claro); color:var(--creme-claro); }

.tag{
  display:inline-block; border:.1rem solid var(--oliva); color:var(--oliva);
  font-size:1.4rem; letter-spacing:.14em; text-transform:uppercase;
  padding:.7rem 1.4rem;
}

/* ------------------------------------------------------------
   SEÇÃO ROSA — corpo clínico
   ------------------------------------------------------------ */
.medicos{ background:var(--rosa); color:var(--creme-claro); padding:10.1rem 0 0; position:relative; display:flow-root; }
.medicos__topo{
  display:grid; grid-template-columns:56rem 1fr; gap:9rem;
  width:min(152.2rem, calc(100% - 2 * var(--gutter)));
  margin:0 auto 6.5rem;
}
.medicos__topo h2{ font-size:6.8rem; line-height:1.09; }
.medicos__topo p{ font-size:2.1rem; line-height:1.11; margin:0; }

.carrossel{
  position:relative; z-index:2;
  width:min(156.8rem, calc(100% - 2 * var(--gutter)));
  margin:0 auto -14.5rem;
}
.carrossel__janela{ overflow:hidden; }
.carrossel__trilha{ display:flex; gap:5rem; transition:transform .6s cubic-bezier(.4,0,.2,1); }
.card{
  position:relative; flex:0 0 48.9rem; background:var(--creme-claro);
  box-shadow:0 1.4rem 3rem rgba(90,72,60,.14);
  transition:transform .4s ease, box-shadow .4s ease;
}
.card:hover{ transform:translateY(-.8rem); box-shadow:0 2rem 4rem rgba(90,72,60,.2); }
.card img{ width:100%; aspect-ratio:489/637; object-fit:cover; }
.card__texto{ position:absolute; left:0; right:0; bottom:0; padding:0 2rem 3.2rem 5.7rem; }
.card__texto h3{ font-size:5.5rem; line-height:1; color:var(--oliva); }
.card__texto span{ font-size:2.4rem; line-height:1.2; color:var(--oliva); font-family:var(--display); display:block; }

.carrossel__seta{
  position:absolute; top:50%; transform:translateY(-50%);
  font-family:var(--display); font-size:5rem; line-height:1;
  color:var(--creme-claro); width:6rem; height:6rem;
  display:flex; align-items:center; justify-content:center;
  transition:opacity .3s ease;
}
.carrossel__seta:hover{ opacity:.6; }
.carrossel__seta--ant{ left:-8rem; }
.carrossel__seta--prox{ right:-8rem; }
.carrossel__seta[disabled]{ opacity:.25; cursor:default; }

/* ------------------------------------------------------------
   PROCEDIMENTOS — caixa oliva com acordeão
   ------------------------------------------------------------ */
.procedimentos{ padding:30.5rem 0 12rem; text-align:center; }
.procedimentos > h2{ font-size:6rem; color:var(--oliva-claro); margin-bottom:3.6rem; }
.proc-caixa{
  width:145rem; max-width:calc(100% - 2 * var(--gutter));
  margin-inline:auto; background:var(--oliva);
  padding:4.55rem 9.7rem; text-align:left;
}
.proc-paginas{ overflow:hidden; }
.proc-pagina{ display:none; grid-template-columns:1fr 1fr; gap:4.3rem 10rem; }
.proc-pagina.is-ativa{ display:grid; animation:fadeIn .45s ease; }
@keyframes fadeIn{ from{ opacity:0 } to{ opacity:1 } }

.proc-item{
  border:.1rem solid rgba(246,239,236,.55);
  display:grid; grid-template-columns:1fr 8.4rem; min-height:17rem;
}
.proc-item__corpo{ padding:2.2rem 6.5rem 2.3rem 3.9rem; }
.proc-item h3{ font-size:3.9rem; color:var(--creme-claro); margin-bottom:0; }
.proc-item p{ font-size:2.15rem; line-height:1.256; color:var(--creme-claro); margin:0; opacity:.92; }
.proc-item__mais{
  position:relative; font-size:0; color:var(--creme-claro);
  border-left:.1rem solid rgba(246,239,236,.55);
  transition:background .3s ease;
}
.proc-item__mais::before,.proc-item__mais::after{
  content:''; position:absolute; top:50%; left:50%;
  background:currentColor; transform:translate(-50%,-50%);
}
.proc-item__mais::before{ width:2.6rem; height:.2rem; }
.proc-item__mais::after{ width:.2rem; height:2.6rem; }
.proc-item__mais:hover{ background:rgba(246,239,236,.12); }

.proc-pontos{ display:flex; gap:1.2rem; justify-content:center; margin-top:4.4rem; }
.proc-pontos button{
  width:1rem; height:1rem; border-radius:50%;
  background:rgba(246,239,236,.4); transition:background .3s ease;
}
.proc-pontos button.is-ativo{ background:var(--creme-claro); }

/* ------------------------------------------------------------
   INSTAGRAM
   ------------------------------------------------------------ */
.instagram{ padding:11.5rem 0 21.1rem; }
.instagram__grid-wrap{
  display:grid; grid-template-columns:51.6rem 1fr; gap:8rem; align-items:center;
}
.instagram h2{ font-size:6rem; color:var(--oliva); line-height:1.24; margin-bottom:2.6rem; }
.instagram p{ font-size:1.8rem; line-height:1.6; max-width:31rem; }
.instagram__arroba{ font-size:2.6rem; font-family:var(--display); color:var(--oliva); }
.instagram__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:3.4rem; }
.instagram__grid a{ position:relative; overflow:hidden; aspect-ratio:1; }
.instagram__grid img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.instagram__grid a:hover img{ transform:scale(1.05); }

/* ------------------------------------------------------------
   BLOG (faixa marrom da home)
   ------------------------------------------------------------ */
.blog-faixa{ background:var(--marrom); color:var(--creme-claro); padding:9.2rem 0 0; text-align:center; }
.blog-faixa > .container > h2{ font-size:6rem; margin-bottom:2.9rem; }
.posts{ display:grid; grid-template-columns:repeat(3,1fr); gap:4.2rem; text-align:left; }
.post img{ width:100%; aspect-ratio:537/273; object-fit:cover; transition:opacity .35s ease; }
.post:hover img{ opacity:.85; }
.post h3{ font-size:3.5rem; margin:2.4rem 0 .8rem; line-height:1.2; }
.post time{ font-size:1.5rem; opacity:.9; }
.blog-faixa__link{
  display:block; text-align:center; margin-top:9.5rem; padding-bottom:4.4rem;
  font-size:1.8rem; letter-spacing:.14em; text-transform:uppercase;
}
.blog-faixa__link span{ border-bottom:.1rem solid currentColor; padding-bottom:.4rem; }

/* ------------------------------------------------------------
   RODAPÉ
   ------------------------------------------------------------ */
.rodape{ position:relative; background:var(--creme); padding:13.1rem 0 5.8rem; overflow:hidden; }
.rodape__face{
  position:absolute; left:-5.2rem; bottom:0; height:85.4rem; width:auto;
  pointer-events:none; user-select:none;
}
.rodape__inner{
  position:relative; z-index:2;
  display:grid; grid-template-columns:71.9rem 61.1rem 1fr;
}
.rodape__marca img{ width:35.8rem; margin-bottom:9.3rem; }
.rodape__endereco{ font-size:2rem; line-height:1.5; margin-bottom:2.2rem; }
.rodape__social{ display:flex; gap:2.2rem; }
.rodape__social a{ display:block; width:3.6rem; color:var(--oliva); transition:opacity .3s ease; }
.rodape__social a:hover{ opacity:.6; }
.rodape__social svg{ width:100%; height:auto; fill:none; stroke:currentColor; stroke-width:1.6; }
.rodape__nav{ list-style:none; margin:0; padding:3.5rem 0 0; }
.rodape__nav li{ margin-bottom:8.1rem; }
.rodape__nav li:last-child{ margin-bottom:0; }
.rodape__nav a{ font-size:2rem; transition:color .3s ease; }
.rodape__nav a:hover{ color:var(--rosa); }
.rodape__creditos{
  position:relative; z-index:2; text-align:center;
  margin-top:24rem; font-size:1.5rem; color:var(--oliva-claro);
}

/* ------------------------------------------------------------
   PÁGINAS DE LISTAGEM
   ------------------------------------------------------------ */
.pagina{ padding:10rem 0 14rem; }
.pagina__cabecalho{ text-align:center; margin-bottom:8rem; }
.pagina__cabecalho h1{ font-size:7.4rem; color:var(--oliva); margin-bottom:1.6rem; }
.pagina__cabecalho p{ font-size:1.9rem; max-width:78rem; margin-inline:auto; }

.grade-medicos{ display:grid; grid-template-columns:repeat(3,1fr); gap:5rem; }
.grade-proc{ display:grid; grid-template-columns:repeat(3,1fr); gap:4rem; }
.proc-cartao{
  display:block; background:var(--oliva); color:var(--creme-claro);
  overflow:hidden; transition:transform .4s ease;
}
.proc-cartao:hover{ transform:translateY(-.8rem); }
.proc-cartao img{ width:100%; aspect-ratio:16/10; object-fit:cover; }
.proc-cartao div{ padding:2.8rem 3rem 3.4rem; }
.proc-cartao h3{ font-size:3.2rem; margin-bottom:.8rem; }
.proc-cartao p{ font-size:1.6rem; margin:0; opacity:.9; }

.grade-posts{ display:grid; grid-template-columns:repeat(3,1fr); gap:5rem; }
.grade-posts .post h3{ color:var(--oliva); }
.grade-posts .post time{ color:var(--oliva-claro); }

/* ------------------------------------------------------------
   ARTIGO / POST
   ------------------------------------------------------------ */
.artigo-hero{ height:102.3rem; background-size:cover; background-position:center; }
.artigo{ padding:6.4rem 0 10rem; }
.artigo .tag{ border-color:var(--marrom); color:var(--marrom); margin-bottom:3.6rem; }
.artigo h1{ font-size:7.4rem; color:var(--marrom); margin-bottom:3.4rem; max-width:120rem; }
.artigo__corpo{ max-width:139rem; }
.artigo__corpo p{ font-size:1.8rem; line-height:1.62; color:var(--marrom); }

.compartilhe{ display:flex; align-items:center; gap:2rem; margin:6rem 0 5rem; }
.compartilhe span{ font-size:2rem; color:var(--marrom); margin-right:1rem; }
.compartilhe a{
  width:8.6rem; height:3.6rem; background:var(--marrom); color:var(--creme-claro);
  display:flex; align-items:center; justify-content:center; transition:opacity .3s ease;
}
.compartilhe a:hover{ opacity:.8; }
.compartilhe svg{ width:1.8rem; height:1.8rem; fill:currentColor; }

.artigo__paginacao{
  display:grid; grid-template-columns:1fr 1fr;
  border:.1rem solid var(--marrom); max-width:61rem;
}
.artigo__paginacao a{
  padding:2.6rem 3rem; font-size:1.6rem; line-height:1.5; color:var(--marrom);
  transition:background .3s ease;
}
.artigo__paginacao a:hover{ background:rgba(176,131,104,.1); }
.artigo__paginacao a:first-child{ border-right:.1rem solid var(--marrom); }

/* ------------------------------------------------------------
   FALE CONOSCO
   ------------------------------------------------------------ */
.contato__form{ margin-top:5rem; }
.campo{ position:relative; margin-bottom:4.6rem; }
.campo input,.campo textarea{
  width:100%; background:transparent; border:0;
  border-bottom:.1rem solid rgba(120,119,105,.5);
  font-family:var(--texto); font-size:1.8rem; color:var(--oliva);
  padding:0 0 1.2rem; letter-spacing:.12em;
}
.campo textarea{ resize:vertical; min-height:8rem; }
.campo input:focus,.campo textarea:focus{ outline:none; border-bottom-color:var(--oliva); }
.campo label{
  position:absolute; left:0; top:0; pointer-events:none;
  font-size:1.8rem; letter-spacing:.14em; text-transform:uppercase; color:var(--oliva-claro);
  transition:transform .25s ease, font-size .25s ease, color .25s ease;
}
.campo input:focus + label,
.campo input:not(:placeholder-shown) + label,
.campo textarea:focus + label,
.campo textarea:not(:placeholder-shown) + label{
  transform:translateY(-2.2rem); font-size:1.3rem; color:var(--oliva);
}
.campo.tem-erro input,.campo.tem-erro textarea{ border-bottom-color:var(--rosa); }
.campo__erro{ display:block; margin-top:.8rem; font-size:1.4rem; color:var(--rosa); }
.btn-enviar{
  border:.1rem solid var(--oliva); color:var(--oliva);
  padding:1rem 2rem; font-size:1.7rem; letter-spacing:.16em; text-transform:uppercase;
  transition:background .3s ease, color .3s ease;
}
.btn-enviar:hover{ background:var(--oliva); color:var(--creme-claro); }
.form__aviso{ margin-top:2.4rem; font-size:1.6rem; }
.form__aviso.ok{ color:var(--oliva); }
.form__aviso.erro{ color:var(--rosa); }

/* ------------------------------------------------------------
   ANIMAÇÃO DE ENTRADA
   ------------------------------------------------------------ */
.revelar{ opacity:0; transform:translateY(3rem); transition:opacity .9s ease, transform .9s ease; }
.revelar.is-visivel{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){
  .revelar{ opacity:1; transform:none; transition:none; }
  html{ scroll-behavior:auto; }
}

/* ------------------------------------------------------------
   RESPONSIVO
   ------------------------------------------------------------ */
@media (max-width:1100px){
  html{ font-size:8px; }
  .hero__caixa{ width:64rem; }
  .medicos__topo{ gap:8rem; }
  .instagram__grid-wrap{ grid-template-columns:1fr; gap:6rem; }
  .instagram p{ max-width:none; }
  .hero-int__texto{ width:52rem; }
}

@media (max-width:820px){
  html{ font-size:10px; }
  :root{ --gutter:2.4rem; --header-h:9rem; }

  .header__inner{ grid-template-columns:auto 1fr auto; gap:1.6rem; }
  .header__logo img{ width:13rem; }
  .btn-agendar{ width:auto; height:4.2rem; padding-inline:1.8rem; font-size:1.3rem; }
  .burger{ width:2.6rem; gap:.5rem; }
  .burger span{ height:.15rem; }
  .menu__lista a{ font-size:3.6rem; }
  .menu__fechar{ top:3rem; right:2.4rem; width:2.6rem; height:2.6rem; }

  .hero{ height:62rem; }
  .hero__caixa{
    top:auto; bottom:0; width:100%; min-height:0;
    padding:3rem 2.4rem 4.6rem;
  }
  .hero__caixa h1{ font-size:3.4rem; margin-bottom:1.4rem; }
  .hero__caixa p{ font-size:1.6rem; max-width:none; }
  .hero__nav{ bottom:auto; top:calc(62rem - 100%); display:none; }

  .hero-int{ height:auto; min-height:52rem; background-position:center; }
  .hero-int::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(236,227,215,.2),rgba(236,227,215,.92)); }
  .hero-int--oliva::after{ background:linear-gradient(180deg,rgba(120,119,105,.3),rgba(120,119,105,.94)); }
  .hero-int__conteudo{ position:relative; z-index:2; padding-block:12rem 6rem; }
  .hero-int__texto{ width:100%; }
  .hero-int h1{ font-size:4rem; }
  .hero-int__cargo{ font-size:2.4rem; }

  .medicos{ padding-top:6rem; }
  .medicos__topo{ grid-template-columns:1fr; gap:2.4rem; margin-bottom:4rem; }
  .medicos__topo h2{ font-size:3.6rem; }
  .medicos__topo p{ font-size:1.6rem; line-height:1.55; }
  .carrossel{ padding-inline:2.4rem; margin-bottom:0; }
  .carrossel__trilha{ gap:2rem; }
  .card{ flex:0 0 26rem; }
  .card__texto{ padding:0 1.6rem 2rem; }
  .card__texto h3{ font-size:2.2rem; }
  .card__texto span{ font-size:1.5rem; }
  .carrossel__seta{ display:none; }

  .procedimentos{ padding:12rem 0 8rem; }
  .procedimentos > h2{ font-size:3.4rem; }
  .proc-caixa{ width:auto; max-width:none; margin-inline:2.4rem; padding:3rem 2.4rem; }
  .proc-pagina.is-ativa{ grid-template-columns:1fr; gap:2rem; }
  .proc-item{ grid-template-columns:1fr 6rem; min-height:0; }
  .proc-item__corpo{ padding:2rem 1.6rem 2rem 2rem; }
  .proc-item h3{ font-size:2.2rem; }
  .proc-item p{ font-size:1.6rem; line-height:1.5; }

  .instagram{ padding-bottom:8rem; }
  .instagram h2{ font-size:3.4rem; }
  .instagram__grid{ gap:1.4rem; }

  .blog-faixa{ padding-top:6rem; }
  .blog-faixa > .container > h2{ font-size:3.4rem; margin-bottom:3.4rem; }
  .posts,.grade-posts,.grade-medicos,.grade-proc{ grid-template-columns:1fr; gap:3.4rem; }
  .post h3{ font-size:2.4rem; }
  .blog-faixa__link{ margin-top:4.6rem; font-size:1.4rem; }

  .rodape{ padding-top:7rem; }
  .rodape__face{ width:34rem; opacity:.6; }
  .rodape__inner{ grid-template-columns:1fr; gap:4rem; }
  .rodape__marca img{ width:22rem; margin-bottom:3rem; }
  .rodape__nav li{ margin-bottom:2rem; }
  .rodape__creditos{ margin-top:5rem; }

  .pagina{ padding:6rem 0 8rem; }
  .pagina__cabecalho h1{ font-size:4rem; }
  .artigo-hero{ height:42rem; }
  .artigo h1{ font-size:3.6rem; }
  .artigo__corpo p{ font-size:1.6rem; }
  .compartilhe{ flex-wrap:wrap; gap:1rem; }
  .compartilhe a{ width:6rem; }
  .artigo__paginacao{ grid-template-columns:1fr; }
  .artigo__paginacao a:first-child{ border-right:0; border-bottom:.1rem solid var(--marrom); }
}