/* ==========================================================================
   Audiviva — estilos do site
   Identidade: vinho #A1363F · vinho escuro #6B1E27 · rosa #D18278 · rosa-fundo #FBEFEC (tom claro das ondas)
   Tipos: Questrial (títulos, eco do logotipo) + Inter (texto)
   Elemento de assinatura: a linha de onda sonora do logo
   ========================================================================== */
:root {
  --vinho: #a1363f;
  --vinho-escuro: #6b1e27;
  --vinho-hover: #8a2b34;
  --rosa: #d18278;
  --rosa-claro: #f8ecea;
  --rosa-fundo: #fbefec;
  --rosa-linha: #f0d2cd;
  --texto: #3d3637;
  --texto-suave: #6c6264;
  --linha: #e7dedd;
  --branco: #fff;
  --fundo: #fff;
  --raio: 18px;
  --raio-p: 10px;
  --wrap: 1180px;
  --gutter: clamp(16px, 4vw, 32px);
  --f-titulo: "Questrial", "Avenir Next", "Segoe UI", sans-serif;
  --f-texto: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  --h1: clamp(2rem, 1.35rem + 2.6vw, 3.4rem);
  --h2: clamp(1.6rem, 1.2rem + 1.5vw, 2.45rem);
  --h3: clamp(1.15rem, 1.05rem + .35vw, 1.35rem);
  --sombra: 0 18px 40px -24px rgba(107, 30, 39, .35);
}

*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: clip; -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 96px; }
body {
  margin: 0; font-family: var(--f-texto); font-size: 1rem; line-height: 1.65;
  color: var(--texto); background: var(--fundo); text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
img, video, svg { max-width: 100%; height: auto; display: block; }
a { color: var(--vinho); text-underline-offset: .18em; }
a:hover { color: var(--vinho-escuro); }
h1, h2, h3, h4 { font-family: var(--f-titulo); font-weight: 400; color: var(--vinho-escuro); line-height: 1.18; margin: 0 0 .6em; letter-spacing: -.005em; text-wrap: balance; }
h1 { font-size: var(--h1); }
h2 { font-size: var(--h2); }
h3 { font-size: var(--h3); }
p { margin: 0 0 1em; }
ul, ol { padding-left: 1.2em; }
:focus-visible { outline: 3px solid var(--rosa); outline-offset: 3px; border-radius: 4px; }
.sr, .skip:not(:focus) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip:focus { position: fixed; z-index: 1000; top: 8px; left: 8px; background: var(--branco); padding: 10px 16px; border-radius: 8px; }
.wrap { width: 100%; max-width: calc(var(--wrap) + var(--gutter) * 2); margin: 0 auto; padding: 0 var(--gutter); }
.centro { text-align: center; }

/* ------------------------------------------------------------------ Botões */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .5em;
  min-height: 48px; padding: .7em 1.5em; border-radius: 999px; border: 2px solid var(--vinho);
  background: var(--vinho); color: var(--branco); font: 600 .98rem/1.2 var(--f-texto);
  text-decoration: none; cursor: pointer; transition: background .2s, border-color .2s, color .2s;
}
.btn:hover { background: var(--vinho-escuro); border-color: var(--vinho-escuro); color: var(--branco); }
.btn svg { width: 1.25em; height: 1.25em; }
.btn--linha { background: transparent; color: var(--vinho); }
.btn--linha:hover { background: var(--vinho); color: var(--branco); }
.btn--branco { background: var(--branco); border-color: var(--branco); color: var(--vinho-escuro); }
.btn--branco:hover { background: var(--rosa-claro); border-color: var(--rosa-claro); color: var(--vinho-escuro); }
.btn--wa { background: #1f9d55; border-color: #1f9d55; }
.btn--wa:hover { background: #17834a; border-color: #17834a; }
.link { font-weight: 600; text-decoration: none; border-bottom: 2px solid var(--rosa); padding-bottom: 1px; }
.link:hover { border-color: var(--vinho); }
.acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 1.5em; }

/* ------------------------------------------------------------------ Topo */
.topo { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid var(--linha); }
.topo__barra { background: var(--vinho-escuro); color: #f5e3e1; font-size: .82rem; }
.topo__barra-in { display: flex; gap: 24px; justify-content: space-between; align-items: center; min-height: 34px; }
.topo__barra a { color: var(--branco); text-decoration: none; font-weight: 600; }
.topo__in { display: flex; align-items: center; gap: 24px; min-height: 78px; }
.logo img { width: 132px; height: auto; }
.menu { margin-left: auto; display: flex; align-items: center; gap: 24px; }
.menu__lista { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.menu__lista > li { position: relative; }
.menu__lista a { display: block; padding: 10px 12px; color: var(--texto); text-decoration: none; font-weight: 500; font-size: .95rem; border-radius: 8px; }
.menu__lista a:hover { color: var(--vinho); }
.menu__lista a[aria-current="page"] { color: var(--vinho); box-shadow: inset 0 -2px 0 var(--rosa); border-radius: 0; }
.menu__sub { display: flex; align-items: center; }
.menu__abrir { width: 28px; height: 28px; border: 0; background: none; cursor: pointer; position: relative; margin-left: -8px; }
.menu__abrir::after { content: ""; position: absolute; inset: 0; margin: auto; width: 7px; height: 7px; border: solid var(--texto-suave); border-width: 0 2px 2px 0; transform: translateY(-2px) rotate(45deg); }
.menu__dropdown {
  position: absolute; top: 100%; left: 0; min-width: 300px; list-style: none; margin: 0; padding: 10px;
  background: var(--branco); border: 1px solid var(--linha); border-radius: 14px; box-shadow: var(--sombra);
  opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .18s, transform .18s, visibility .18s;
}
.menu__dropdown a { padding: 9px 12px; font-size: .92rem; }
.menu__dropdown a:hover { background: var(--rosa-claro); }
.menu__sub:hover .menu__dropdown, .menu__sub:focus-within .menu__dropdown, .menu__sub.is-aberto .menu__dropdown { opacity: 1; visibility: visible; transform: none; }
.menu__cta { min-height: 44px; font-size: .9rem; padding: .6em 1.1em; }
.menu-btn { display: none; margin-left: auto; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; border: 1px solid var(--linha); border-radius: 999px; background: var(--branco); font: 600 .9rem var(--f-texto); color: var(--vinho-escuro); cursor: pointer; }
.menu-btn__icon, .menu-btn__icon::before, .menu-btn__icon::after { display: block; width: 18px; height: 2px; background: currentColor; border-radius: 2px; position: relative; transition: transform .2s; }
.menu-btn__icon::before, .menu-btn__icon::after { content: ""; position: absolute; left: 0; }
.menu-btn__icon::before { top: -6px; }
.menu-btn__icon::after { top: 6px; }
.menu-btn[aria-expanded="true"] .menu-btn__icon { background: transparent; }
.menu-btn[aria-expanded="true"] .menu-btn__icon::before { transform: translateY(6px) rotate(45deg); }
.menu-btn[aria-expanded="true"] .menu-btn__icon::after { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 1080px) {
  .topo__unidades { display: none; }
  .menu-btn { display: inline-flex; }
  .menu {
    position: fixed; inset: 112px 0 0 0; flex-direction: column; align-items: stretch; gap: 16px;
    padding: 16px var(--gutter) 32px; background: var(--branco); overflow-y: auto;
    opacity: 0; transform: translateY(-10px); visibility: hidden; transition: opacity .2s, transform .2s, visibility .2s;
  }
  .menu.is-aberto { opacity: 1; transform: none; visibility: visible; }
  .menu__lista { flex-direction: column; }
  .menu__lista a { padding: 14px 6px; font-size: 1.05rem; border-bottom: 1px solid var(--linha); border-radius: 0; }
  .menu__lista a[aria-current="page"] { box-shadow: none; }
  .menu__sub { flex-wrap: wrap; }
  .menu__sub > a { flex: 1; }
  .menu__abrir { width: 48px; height: 48px; margin: 0; }
  .menu__dropdown { position: static; display: none; width: 100%; min-width: 0; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: 0; padding: 0 0 0 14px; }
  .menu__sub.is-aberto .menu__dropdown { display: block; }
  .menu__sub:hover .menu__dropdown { display: none; }
  .menu__sub.is-aberto:hover .menu__dropdown { display: block; }
  .menu__cta { width: 100%; }
}
@media (max-width: 560px) {
  .topo__barra-in > span:first-child { display: none; }
  .topo__barra-in { justify-content: center; }
  .topo__in { min-height: 66px; }
  .logo img { width: 112px; }
  .menu { inset: 100px 0 0 0; }
}

/* ------------------------------------------------------------------ Avisos */
.avisos { padding-top: 20px; }
.aviso { padding: 14px 18px; border-radius: 12px; border-left: 4px solid; margin: 0 0 10px; }
.aviso--success { background: #e8f5ee; border-color: #1f9d55; color: #14532d; }
.aviso--error { background: #fdecec; border-color: #c0392b; color: #7a1d14; }
.aviso--info { background: var(--rosa-fundo); border-color: var(--rosa); color: var(--vinho-escuro); }

/* ------------------------------------------------------------------ Onda sonora (assinatura) */
.onda { position: absolute; left: 0; width: 100%; height: 60px; color: var(--rosa); pointer-events: none; }
.onda--hero { bottom: -30px; z-index: 3; }
.onda--hero path { stroke-dasharray: 3000; stroke-dashoffset: 3000; animation: desenha 2.4s .3s ease-out forwards; }
.onda--ph { bottom: -30px; color: var(--rosa); opacity: .8; }
.onda--rodape { top: -30px; color: var(--rosa); }
.onda--cta { top: -30px; color: var(--rosa); }
@keyframes desenha { to { stroke-dashoffset: 0; } }

/* ------------------------------------------------------------------ Hero (carrossel) */
.hero { position: relative; background: #fff; isolation: isolate; }
.hero__slides { display: grid; }
.hero__slide { grid-area: 1 / 1; position: relative; opacity: 0; visibility: hidden; transition: opacity .7s ease, visibility .7s; }
.hero__slide.is-ativo { opacity: 1; visibility: visible; z-index: 1; }
.hero__foto img { width: 100%; aspect-ratio: 1920 / 900; object-fit: cover; object-position: right center; }
.hero__texto { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.hero__texto > * { max-width: min(560px, 46%); }
.hero__titulo { font-family: var(--f-titulo); font-size: var(--h1); color: var(--vinho); line-height: 1.18; margin: 0 0 .4em; text-wrap: balance; }
.home-h1 { background: var(--rosa-fundo); border-bottom: 1px solid var(--rosa-linha); padding-top: 30px; }
.home-h1 h1 { font-size: clamp(1rem, .9rem + .4vw, 1.2rem); color: var(--vinho-escuro); margin: 0; padding-block: 12px 16px; letter-spacing: .01em; text-align: center; }
.hero__desc { font-size: clamp(.98rem, .9rem + .3vw, 1.12rem); color: var(--texto); background: rgba(255, 255, 255, .78); border-radius: 12px; padding: 4px 0; }
.hero__acoes { display: flex; flex-wrap: wrap; gap: 12px; margin-top: .6em; }
.hero__controles { position: absolute; z-index: 4; left: 0; right: 0; bottom: 28px; margin: 0 auto; display: flex; align-items: center; gap: 10px; }
.hero__seta, .hero__pausa { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--linha); background: rgba(255, 255, 255, .9); color: var(--vinho); display: grid; place-items: center; cursor: pointer; }
.hero__seta svg, .hero__pausa svg { width: 18px; height: 18px; }
.hero__seta:hover, .hero__pausa:hover { background: var(--vinho); color: var(--branco); }
.hero__pausa.is-pausado svg use { display: none; }
.hero__pausa.is-pausado svg { background: no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23a1363f' d='M8 5.5v13a1 1 0 0 0 1.5.86l10.5-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5z'/%3E%3C/svg%3E"); }
.hero__pontos { display: flex; gap: 6px; flex-wrap: wrap; }
.hero__pontos button { width: 24px; height: 24px; border: 0; background: none; padding: 0; cursor: pointer; display: grid; place-items: center; }
.hero__pontos button::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--rosa); opacity: .45; transition: width .25s, opacity .25s; }
.hero__pontos button[aria-current="true"]::before { width: 20px; border-radius: 6px; opacity: 1; background: var(--vinho); }

@media (max-width: 767px) {
  .hero__slide { display: grid; grid-template-rows: auto 1fr; }
  .hero__texto { position: static; order: -1; padding-top: 28px; padding-bottom: 20px; }
  .hero__texto > * { max-width: none; }
  .hero__titulo { font-size: clamp(1.75rem, 1.2rem + 3vw, 2.3rem); }
  .home-h1 { padding-top: 17px; }
  .hero__desc { background: none; padding: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: .97rem; }
  .hero__acoes .btn { flex: 1 1 auto; }
  .hero__foto { display: block; position: relative; min-height: min(58vh, 470px); }
  .hero__foto img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center 62%; }
  .hero__controles { position: relative; bottom: auto; padding-top: 14px; padding-bottom: 22px; justify-content: center; }
  .hero__pontos { justify-content: center; gap: 0; flex-wrap: nowrap; }
  .hero__seta { display: none; }
  .onda--hero { height: 34px; bottom: -17px; }
}

/* ------------------------------------------------------------------ Seções */
.secao { padding: clamp(56px, 7vw, 104px) 0; position: relative; }
.secao--rosa { background: var(--rosa-claro); }
.chamada { color: var(--vinho); font-weight: 600; font-size: .95rem; margin-bottom: .5em; display: flex; align-items: center; gap: 10px; }
.chamada::before { content: ""; width: 28px; height: 10px; background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 10'%3E%3Cpath d='M1 5c2.5 0 2.5-4 5-4s2.5 8 5 8 2.5-8 5-8 2.5 8 5 8 2.5-4 5-4' fill='none' stroke='%23d18278' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.cabeca { max-width: 760px; margin: 0 auto clamp(32px, 4vw, 52px); text-align: center; }
.cabeca .chamada { justify-content: center; }
.cabeca--esq { text-align: left; margin-left: 0; }
.cabeca--esq .chamada { justify-content: flex-start; }
.cabeca__texto { color: var(--texto-suave); font-size: 1.05rem; }
.duas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: center; }
.duas--topo { align-items: end; margin-bottom: clamp(32px, 4vw, 52px); }
.duas--servico { grid-template-columns: 1.15fr .85fr; align-items: start; }
.duas--form { align-items: start; }
.foto { width: 100%; border-radius: var(--raio); object-fit: cover; }
.foto--paisagem { aspect-ratio: 16 / 10; }
.foto-larga { margin: clamp(32px, 4vw, 56px) 0 0; }
.texto > :last-child { margin-bottom: 0; }
.texto--grande { font-size: 1.06rem; }
.texto h2 { font-size: 1.5rem; margin-top: 1.4em; }
.texto h3 { font-size: 1.2rem; margin-top: 1.2em; }
.texto li { margin-bottom: .35em; }
@media (max-width: 900px) {
  .duas, .duas--servico { grid-template-columns: minmax(0, 1fr); }
  .duas__img { order: -1; }
  .duas--topo .duas__img, .duas--form .duas__img { order: 0; }
}

/* Índice de serviços (home) — lista em linhas, não em cartões idênticos */
.indice { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: clamp(24px, 4vw, 56px); border-top: 1px solid var(--linha); }
.indice__item { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px; padding: 20px 4px; border-bottom: 1px solid var(--linha); text-decoration: none; color: var(--vinho-escuro); transition: background .2s, padding .2s; }
.indice__item img { width: 52px; height: 52px; }
.indice__nome { font-family: var(--f-titulo); font-size: 1.22rem; line-height: 1.25; }
.indice__mais { font-size: .88rem; font-weight: 600; color: var(--vinho); white-space: nowrap; }
.indice__item:hover { background: var(--rosa-claro); padding-left: 14px; padding-right: 14px; }
.indice--compacto .indice__item { grid-template-columns: 1fr auto; padding: 16px 4px; }
.indice--compacto .indice__nome { font-size: 1.1rem; }
@media (max-width: 760px) { .indice { grid-template-columns: 1fr; } .indice__mais { display: none; } }

/* Números */
.numeros { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 64px); margin-top: clamp(40px, 5vw, 72px); padding-top: clamp(32px, 4vw, 48px); border-top: 1px solid var(--rosa-linha); }
.numeros--centro { border-top-color: var(--linha); }
.numero__valor { font-family: var(--f-titulo); font-size: clamp(2.6rem, 2rem + 2.4vw, 4rem); color: var(--vinho); line-height: 1; margin-bottom: .2em; }
.numero h3 { margin-bottom: .4em; }
.numero p:last-child { color: var(--texto-suave); }
@media (max-width: 640px) { .numeros { grid-template-columns: 1fr; } }

/* Nossos cuidados */
.cuidados { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 3vw, 44px) clamp(20px, 2.5vw, 32px); }
.cuidado__foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--raio); }
.cuidado__corpo { position: relative; padding: 0 4px; }
.cuidado__icone { width: 56px; height: 56px; padding: 8px; margin: -30px 0 10px 16px; position: relative; background: var(--branco); border-radius: 50%; box-shadow: 0 6px 18px -8px rgba(107, 30, 39, .4); }
.cuidado h3 { margin-bottom: .4em; }
.cuidado p { color: var(--texto-suave); font-size: .97rem; }
@media (max-width: 960px) { .cuidados { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .cuidados { grid-template-columns: 1fr; } }

/* Por que a Audiviva */
.motivos { margin: 0; display: grid; gap: 22px; }
.motivo dt { font-family: var(--f-titulo); font-size: 1.3rem; color: var(--vinho-escuro); display: flex; align-items: center; gap: 10px; margin-bottom: .3em; }
.motivo dt svg { width: 26px; height: 26px; flex: none; padding: 4px; color: var(--branco); background: var(--vinho); border-radius: 50%; }
.motivo dd { margin: 0 0 0 36px; color: var(--texto-suave); }

/* Depoimentos */
.depo__in { display: grid; grid-template-columns: 340px 1fr; gap: clamp(32px, 5vw, 64px); align-items: start; }
.nota { margin-top: 24px; }
.nota__valor { font-family: var(--f-titulo); font-size: 4.2rem; color: var(--vinho); line-height: 1; margin: 0; }
.nota__estrelas { display: flex; gap: 2px; color: #e3a008; margin: 6px 0; }
.nota__estrelas svg { width: 24px; height: 24px; }
.nota__legenda { color: var(--texto-suave); font-size: .92rem; }
.depo__lista { columns: 2 300px; column-gap: 24px; }
.depoimento { break-inside: avoid; margin: 0 0 24px; padding: 26px 26px 22px; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); position: relative; }
.depoimento::before { content: "“"; position: absolute; top: -6px; left: 20px; font: 4rem/1 Georgia, serif; color: var(--rosa); }
.depoimento blockquote { margin: 0; }
.depoimento blockquote p { margin: 10px 0 14px; font-size: .97rem; }
.depoimento figcaption { font-weight: 600; color: var(--vinho-escuro); }
@media (max-width: 900px) { .depo__in { grid-template-columns: 1fr; } }

/* CTA */
.cta { position: relative; background: var(--vinho); color: #fbe9e7; padding: clamp(56px, 7vw, 88px) 0; }
.cta h2 { color: var(--branco); font-size: clamp(1.5rem, 1.15rem + 1.3vw, 2.2rem); }
.cta__in { display: grid; grid-template-columns: 1.4fr 1fr; gap: 32px 56px; align-items: center; }
.cta__acoes { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.cta__tel { color: var(--branco); font-weight: 500; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .4); }
.cta__tel:hover { color: var(--branco); border-color: var(--branco); }
@media (max-width: 820px) { .cta__in { grid-template-columns: 1fr; } }

/* ------------------------------------------------------------------ Cabeçalho das páginas internas */
.ph { position: relative; background: var(--rosa-fundo); padding: clamp(32px, 4vw, 56px) 0 clamp(48px, 6vw, 80px); }
.ph h1 { margin-bottom: .3em; max-width: 900px; }
.ph__lead { max-width: 760px; font-size: 1.08rem; color: var(--texto); }
.migalhas ol { list-style: none; padding: 0; margin: 0 0 18px; display: flex; flex-wrap: wrap; gap: 6px; font-size: .88rem; color: var(--texto-suave); }
.migalhas li + li::before { content: "/"; margin-right: 6px; color: var(--rosa); }
.migalhas a { color: var(--texto-suave); }

/* ------------------------------------------------------------------ Serviços */
.servicos { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(28px, 3vw, 44px) clamp(20px, 2.5vw, 32px); }
.servico-card__link { text-decoration: none; display: block; }
.servico-card__foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--raio); margin-bottom: 18px; transition: transform .3s; }
.servico-card__link:hover .servico-card__foto { transform: scale(1.015); }
.servico-card h3 { margin-bottom: .35em; }
.servico-card p { color: var(--texto-suave); font-size: .97rem; }
.servico-card--exames { background: var(--rosa-fundo); border-radius: var(--raio); padding: 28px; align-self: start; }
@media (max-width: 960px) { .servicos { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .servicos { grid-template-columns: 1fr; } }

.diferenciais { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 40px; }
.diferenciais li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--rosa-linha); }
.diferenciais svg { width: 24px; height: 24px; flex: none; color: var(--vinho); margin-top: 2px; }
@media (max-width: 760px) { .diferenciais { grid-template-columns: 1fr; } }

/* FAQ */
.faq { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 72px); align-items: start; }
.acordeao details { border-bottom: 1px solid var(--linha); }
.acordeao summary { list-style: none; cursor: pointer; padding: 20px 44px 20px 0; position: relative; }
.acordeao summary::-webkit-details-marker { display: none; }
.acordeao summary h3 { margin: 0; font-size: 1.18rem; }
.acordeao summary::after { content: ""; position: absolute; right: 8px; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: linear-gradient(var(--vinho), var(--vinho)) center/14px 2px no-repeat, linear-gradient(var(--vinho), var(--vinho)) center/2px 14px no-repeat; transition: transform .2s; }
.acordeao details[open] summary::after { transform: rotate(45deg); }
.acordeao .texto { padding: 0 0 20px; color: var(--texto-suave); }
@media (max-width: 900px) { .faq { grid-template-columns: minmax(0, 1fr); } }
.faq-servico { max-width: 860px; }

/* ------------------------------------------------------------------ Galerias, rolagem horizontal e vídeos */
.galeria { list-style: none; margin: 32px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.galeria a { display: block; border-radius: var(--raio-p); overflow: hidden; background: var(--rosa-claro); }
.galeria img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; transition: transform .35s; }
.galeria a:hover img { transform: scale(1.04); }
.galeria--produtos { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); margin: 0 0 40px; }
.galeria--produtos a { background: #fafafa; border: 1px solid var(--linha); }
.galeria--produtos img { aspect-ratio: 1; object-fit: contain; padding: 10px; }
.rolagem { position: relative; min-width: 0; }
.galeria--faixa { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 24px 0 0; padding-bottom: 10px; scrollbar-width: thin; }
.galeria--faixa li { flex: 0 0 auto; width: clamp(180px, 22vw, 240px); scroll-snap-align: start; }
.rolagem__btn { position: absolute; top: 50%; z-index: 2; width: 40px; height: 40px; margin-top: -20px; border-radius: 50%; border: 1px solid var(--linha); background: var(--branco); color: var(--vinho); display: grid; place-items: center; cursor: pointer; box-shadow: var(--sombra); }
.rolagem__btn svg { width: 18px; }
.rolagem__btn--prev { left: -12px; }
.rolagem__btn--next { right: -12px; }
.rolagem__btn[disabled] { opacity: 0; pointer-events: none; }
@media (hover: none) { .rolagem__btn { display: none; } }

.videos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin-top: 28px; }
.video { margin: 0; }
.video video { width: 100%; border-radius: var(--raio-p); background: #111; aspect-ratio: 9 / 16; object-fit: cover; }
.video figcaption { font-size: .9rem; color: var(--texto-suave); margin-top: 8px; }
.video--yt .yt { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: var(--raio-p); overflow: hidden; cursor: pointer; background: #000; aspect-ratio: 16 / 9; }
.video--yt img { width: 100%; height: 100%; object-fit: cover; opacity: .9; }
.yt__play { position: absolute; inset: 0; margin: auto; width: 72px; height: 72px; border-radius: 50%; background: var(--vinho); color: var(--branco); display: grid; place-items: center; }
.yt__play svg { width: 30px; margin-left: 4px; }
.video--yt iframe { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: var(--raio-p); }
.videos--vertical { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding-bottom: 10px; }
.videos--vertical .video { flex: 0 0 auto; width: clamp(200px, 24vw, 260px); scroll-snap-align: start; }

/* Mídias da página de serviço */
.atend--duplo { display: grid; grid-template-columns: minmax(220px, 300px) minmax(0, 1fr); gap: 24px; align-items: start; }
.atend--duplo .videos { grid-template-columns: 1fr; margin-top: 28px; }
.atend--duplo .galeria { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
@media (max-width: 760px) { .atend--duplo { grid-template-columns: minmax(0, 1fr); } }

/* Lightbox */
.zoom { position: fixed; inset: 0; z-index: 200; background: rgba(30, 12, 14, .92); display: grid; place-items: center; padding: 56px 16px; }
.zoom img { max-width: min(1100px, 100%); max-height: 100%; width: auto; border-radius: 8px; }
.zoom button { position: absolute; width: 48px; height: 48px; border-radius: 50%; border: 0; background: rgba(255, 255, 255, .14); color: #fff; cursor: pointer; display: grid; place-items: center; }
.zoom button svg { width: 22px; }
.zoom__fechar { top: 12px; right: 12px; }
.zoom__prev { left: 12px; top: 50%; margin-top: -24px; }
.zoom__next { right: 12px; top: 50%; margin-top: -24px; }
.zoom__cont { position: absolute; bottom: 14px; left: 0; right: 0; text-align: center; color: #f4dcd9; font-size: .9rem; }

/* ------------------------------------------------------------------ Sobre */
.mvv { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(24px, 3vw, 40px); margin-top: clamp(48px, 6vw, 80px); }
.mvv__item { border-top: 3px solid var(--rosa); padding-top: 22px; }
.mvv__item h2 { font-size: 1.6rem; }
.mvv__item .texto { color: var(--texto-suave); }
@media (max-width: 860px) { .mvv { grid-template-columns: 1fr; } }
.equipe { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.pessoa { display: grid; grid-template-columns: 150px 1fr; gap: 22px; background: var(--branco); border-radius: var(--raio); padding: 22px; align-items: start; }
.pessoa__foto { width: 150px; height: 150px; object-fit: cover; border-radius: 50%; }
.pessoa h3 { margin-bottom: .3em; font-size: 1.25rem; }
.pessoa__cred { list-style: none; padding: 0; margin: 0 0 10px; font-size: .86rem; color: var(--vinho); }
.pessoa__bio { font-size: .94rem; color: var(--texto-suave); }
.pessoa__bio p:last-child { margin: 0; }
@media (max-width: 900px) { .equipe { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .pessoa { grid-template-columns: 1fr; } .pessoa__foto { width: 120px; height: 120px; } }

/* ------------------------------------------------------------------ Exames e produtos */
.exames { display: grid; gap: 22px; margin-top: 36px; }
.exame { background: var(--branco); border-radius: var(--raio); padding: clamp(20px, 3vw, 32px); display: grid; grid-template-columns: minmax(220px, 1fr) minmax(0, 2fr); gap: 28px; align-items: center; }
.exame h3 { margin-bottom: .3em; }
.exame__sub { color: var(--vinho); font-weight: 600; font-size: .92rem; margin-bottom: .4em; }
.exame .texto { color: var(--texto-suave); }
.exame .galeria--faixa { margin: 0; }
.exame .galeria--faixa li { width: clamp(150px, 16vw, 190px); }
@media (max-width: 860px) { .exame { grid-template-columns: minmax(0, 1fr); } }
.lista-check ul { list-style: none; padding: 0; }
.lista-check li { padding-left: 30px; position: relative; }
.lista-check li::before { content: ""; position: absolute; left: 0; top: .5em; width: 16px; height: 9px; border: solid var(--vinho); border-width: 0 0 2px 2px; transform: rotate(-45deg); }

.produtos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 24px; }
.produto { background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; display: flex; flex-direction: column; }
.produto__fotos { position: relative; background: #fafafa; border-bottom: 1px solid var(--linha); }
.produto__fotos img { width: 100%; aspect-ratio: 1; object-fit: contain; padding: 16px; }
.produto__extra { display: none; }
.produto__qtd { position: absolute; right: 12px; bottom: 12px; font-size: .78rem; font-weight: 600; background: var(--branco); color: var(--vinho); padding: 3px 10px; border-radius: 999px; border: 1px solid var(--linha); pointer-events: none; }
.produto__corpo { padding: 18px 20px 22px; }
.produto h3 { font-size: 1.15rem; margin-bottom: .25em; }
.produto__sub { color: var(--texto-suave); font-size: .93rem; margin: 0; }
.produtos--destaque { margin-top: 8px; }
.produtos--destaque .produto__fotos img { object-fit: cover; padding: 0; }

/* ------------------------------------------------------------------ Contato e formulários */
.unidades { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.unidade { border: 1px solid var(--linha); border-radius: var(--raio); padding: clamp(22px, 3vw, 32px); }
.unidade__rotulo { color: var(--vinho); font-weight: 600; font-size: .9rem; }
.unidade p { display: flex; gap: 10px; align-items: flex-start; }
.unidade svg { width: 20px; height: 20px; flex: none; color: var(--vinho); margin-top: 3px; }
.mapa { margin-top: 18px; border-radius: var(--raio-p); overflow: hidden; background: var(--rosa-fundo); min-height: 64px; display: grid; place-items: center; }
.mapa iframe { width: 100%; height: 280px; border: 0; display: block; }
@media (max-width: 760px) { .unidades { grid-template-columns: 1fr; } }
.canais { list-style: none; padding: 0; margin: 24px 0; display: grid; gap: 12px; }
.canal { display: flex; align-items: center; gap: 14px; text-decoration: none; color: var(--texto); padding: 14px 18px; background: var(--branco); border-radius: 14px; }
.canal svg { width: 28px; height: 28px; color: var(--vinho); flex: none; }
.canal span { display: flex; flex-direction: column; line-height: 1.35; }
.canal strong { color: var(--vinho-escuro); }
.horario { color: var(--texto-suave); }
.cartao-form { background: var(--branco); border-radius: var(--raio); padding: clamp(22px, 3vw, 36px); box-shadow: var(--sombra); }
.form { display: grid; gap: 16px; }
.form__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.campo label { display: block; font-weight: 600; font-size: .92rem; margin-bottom: 6px; color: var(--vinho-escuro); }
.campo input, .campo select, .campo textarea { width: 100%; min-height: 48px; padding: 11px 14px; font: 1rem var(--f-texto); color: var(--texto); border: 1.5px solid var(--linha); border-radius: 12px; background: var(--branco); }
.campo textarea { resize: vertical; min-height: 110px; }
.campo input:focus, .campo select:focus, .campo textarea:focus { outline: none; border-color: var(--vinho); box-shadow: 0 0 0 4px rgba(161, 54, 63, .12); }
.campos-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 560px) { .campos-2 { grid-template-columns: 1fr; } }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: .9rem; color: var(--texto-suave); }
.check input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--vinho); flex: none; }
.form__nota { font-size: .85rem; color: var(--texto-suave); margin: 0; }
.form .btn { justify-self: start; }

/* ------------------------------------------------------------------ Página do Barreiro */
.lp-hero { position: relative; background: var(--rosa-fundo); padding: clamp(40px, 6vw, 80px) 0; }
.lp-hero__in { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; }
.lp-hero h1 { color: var(--vinho); }
.lp-hero__end { display: flex; gap: 8px; color: var(--texto-suave); margin-top: 18px; }
.lp-hero__end svg { width: 20px; color: var(--vinho); flex: none; }
.lp-hero .btn svg { width: 18px; }
@media (max-width: 860px) { .lp-hero__in { grid-template-columns: 1fr; } }
.diferenciais--2 { margin-bottom: 32px; }
.lp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 24px; margin-top: 36px; }
.lp-card { border-top: 3px solid var(--rosa); padding-top: 18px; }
.lp-card img { width: 56px; height: 56px; margin-bottom: 10px; }
.lp-card p { color: var(--texto-suave); font-size: .95rem; }

/* ------------------------------------------------------------------ Páginas legais */
.legal { max-width: 820px; }
.legal h2 { font-size: 1.5rem; margin-top: 1.8em; }

/* ------------------------------------------------------------------ Rodapé */
.rodape { position: relative; background: var(--vinho-escuro); color: #ecd6d3; padding: 72px 0 0; font-size: .93rem; }
.rodape a { color: #fff; text-decoration: none; }
.rodape a:hover { text-decoration: underline; color: #fff; }
.rodape h2, .rodape__tit { color: #fff; font-family: var(--f-titulo); font-size: 1.08rem; margin: 0 0 14px; line-height: 1.3; }
.rodape__grid { display: grid; grid-template-columns: 1.2fr .8fr 1fr 1.3fr; gap: 40px; padding-bottom: 48px; }
.rodape__grid ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.rodape__marca img { width: 170px; margin-bottom: 16px; }
.rodape address { font-style: normal; }
.rodape__social { display: flex; align-items: center; gap: 12px; }
.rodape__social svg { width: 22px; height: 22px; }
.rodape__hora { color: #ecd6d3; font-size: .88rem; }
.convenios { background: var(--branco); border-radius: var(--raio); padding: 22px clamp(18px, 3vw, 32px); margin-bottom: 48px; display: flex; align-items: center; gap: 18px 36px; flex-wrap: wrap; }
.rodape .convenios__titulo { font-family: var(--f-titulo); color: var(--vinho-escuro); font-size: 1rem; margin: 0; flex: 0 1 190px; line-height: 1.3; }
.convenios__lista { list-style: none; margin: 0; padding: 0; flex: 1 1 520px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 28px; }
.convenios__lista img { height: 40px; width: auto; display: block; }
@media (max-width: 560px) {
  .convenios { justify-content: center; text-align: center; }
  .rodape .convenios__titulo { flex-basis: 100%; }
  .convenios__lista { justify-content: center; gap: 16px 22px; }
  .convenios__lista img { height: 32px; }
}
.rodape__legal { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 32px; padding-top: 22px; padding-bottom: 96px; border-top: 1px solid rgba(255, 255, 255, .15); font-size: .84rem; }
.rodape__legal p { margin: 0; }
.rodape__legal ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 20px; }
@media (max-width: 960px) { .rodape__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .rodape__grid { grid-template-columns: 1fr; } }

.wa-flutuante { position: fixed; right: 18px; bottom: 18px; z-index: 60; width: 58px; height: 58px; border-radius: 50%; background: #1f9d55; color: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .45); }
.wa-flutuante svg { width: 32px; height: 32px; }
.wa-flutuante:hover { background: #17834a; color: #fff; }

.cookies { position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 90; max-width: 640px; margin: 0 auto; background: var(--branco); border: 1px solid var(--linha); border-radius: 16px; box-shadow: 0 18px 48px -18px rgba(0, 0, 0, .35); padding: 18px 20px; display: flex; gap: 16px; align-items: center; font-size: .9rem; }
.cookies[hidden] { display: none; }
.cookies p { margin: 0; }
.cookies__acoes { display: flex; gap: 8px; flex: none; }
.cookies .btn { min-height: 40px; padding: .5em 1.1em; font-size: .88rem; }
@media (max-width: 600px) { .cookies { flex-direction: column; align-items: stretch; } .cookies__acoes .btn { flex: 1; } }

/* ------------------------------------------------------------------ Movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .onda--hero path { stroke-dashoffset: 0; }
}

/* ------------------------------------------------------------------ Blog */
.secao--blog { padding-top: clamp(28px, 4vw, 48px); }
.blog-grade { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(28px, 4vw, 56px); align-items: start; }
.blog-feed { min-width: 0; }
.post-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.post-grade--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.post-card { display: flex; flex-direction: column; background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); overflow: hidden; min-width: 0; }
.post-card--destaque { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.post-card__img { display: block; aspect-ratio: 16 / 10; background: var(--rosa-fundo); overflow: hidden; }
.post-card--destaque .post-card__img { aspect-ratio: auto; min-height: 100%; }
.post-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.post-card:hover .post-card__img img { transform: scale(1.03); }
.post-card__sem-img { display: grid; place-items: center; height: 100%; color: var(--rosa); }
.post-card__sem-img svg { width: 70%; height: 40px; }
.post-card__corpo { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.post-card--destaque .post-card__corpo { padding: clamp(22px, 3vw, 36px); justify-content: center; }
.post-card__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: center; margin: 0; font-size: .84rem; color: var(--texto-suave); }
.post-card__cat { color: var(--vinho); font-weight: 600; text-decoration: none; }
.post-card__titulo { font-size: 1.3rem; margin: 0; line-height: 1.25; }
.post-card--destaque .post-card__titulo { font-size: clamp(1.45rem, 1.2rem + .9vw, 1.9rem); }
.post-card__titulo a { color: var(--vinho-escuro); text-decoration: none; }
.post-card__titulo a:hover { color: var(--vinho); }
.post-card__resumo { color: var(--texto-suave); margin: 0; font-size: .96rem; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.post-card--destaque .post-card__resumo { -webkit-line-clamp: 7; }
.post-card__mais { margin-top: auto; padding-top: 6px; font-weight: 600; color: var(--vinho); text-decoration: none; }
.post-card__mais:hover { text-decoration: underline; }
.blog-aviso { background: var(--rosa-fundo); border-radius: var(--raio-p); padding: 12px 16px; }
.blog-vazio { background: var(--rosa-fundo); border-radius: var(--raio); padding: clamp(24px, 4vw, 40px); }
.paginacao { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 36px; }
.paginacao a, .paginacao span { min-width: 42px; min-height: 42px; padding: 0 12px; display: grid; place-items: center; border-radius: 999px; border: 1px solid var(--linha); text-decoration: none; color: var(--vinho-escuro); }
.paginacao span[aria-current] { background: var(--vinho); border-color: var(--vinho); color: var(--branco); }

/* barra lateral */
.blog-lateral { display: grid; gap: 22px; min-width: 0; }
.lat-bloco { background: var(--branco); border: 1px solid var(--linha); border-radius: var(--raio); padding: 20px; min-width: 0; }
.lat-titulo { display: block; font-family: var(--f-titulo); color: var(--vinho-escuro); font-size: 1.1rem; margin: 0 0 12px; }
.lat-busca__campo { display: flex; border: 1.5px solid var(--linha); border-radius: 999px; overflow: hidden; background: var(--branco); }
.lat-busca__campo:focus-within { border-color: var(--vinho); }
.lat-busca__campo input { flex: 1; min-width: 0; border: 0; padding: 10px 14px; font: inherit; background: transparent; outline: none; }
.lat-busca__campo button { border: 0; background: var(--vinho); color: var(--branco); width: 46px; display: grid; place-items: center; cursor: pointer; }
.lat-busca__campo button svg { width: 18px; height: 18px; }
.lat-busca__res { margin-top: 10px; }
.lat-busca__res ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 2px; }
.lat-busca__res a { display: block; padding: 8px 10px; border-radius: 10px; text-decoration: none; color: var(--vinho-escuro); }
.lat-busca__res a:hover, .lat-busca__res a:focus { background: var(--rosa-fundo); }
.lat-busca__res small { display: block; color: var(--texto-suave); font-size: .8rem; }
.lat-busca__res p { margin: 6px 0 0; font-size: .9rem; color: var(--texto-suave); }
.lat-cats { list-style: none; padding: 0; margin: 0; }
.lat-cats a { display: flex; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--linha); text-decoration: none; color: var(--texto); }
.lat-cats li:last-child a { border-bottom: 0; }
.lat-cats a:hover { color: var(--vinho); }
.lat-cats__n { min-width: 28px; text-align: center; background: var(--rosa-fundo); color: var(--vinho-escuro); border-radius: 999px; font-size: .8rem; padding: 2px 8px; font-variant-numeric: tabular-nums; }
.lat-ultimos { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
.lat-ultimos li { display: grid; gap: 2px; padding-bottom: 14px; border-bottom: 1px solid var(--linha); }
.lat-ultimos li:last-child { border-bottom: 0; padding-bottom: 0; }
.lat-ultimos__titulo { font-weight: 600; color: var(--vinho-escuro); text-decoration: none; line-height: 1.35; }
.lat-ultimos__titulo:hover { color: var(--vinho); }
.lat-ultimos time { font-size: .8rem; color: var(--texto-suave); }
.lat-ultimos p { margin: 2px 0 0; font-size: .88rem; color: var(--texto-suave); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.lat-tags { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.lat-tags a { display: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--rosa-fundo); color: var(--vinho-escuro); text-decoration: none; font-size: .84rem; }
.lat-tags a:hover { background: var(--vinho); color: var(--branco); }
.lat-tags .peso-1 { font-size: .9rem; } .lat-tags .peso-2 { font-size: .97rem; font-weight: 500; } .lat-tags .peso-3 { font-size: 1.04rem; font-weight: 600; }

/* carrossel da lateral */
.carrossel__cab { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 12px; }
.carrossel__cab .lat-titulo { margin: 0; }
.carrossel__nav { display: flex; gap: 6px; }
.carrossel__nav button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--linha); background: var(--branco); color: var(--vinho); display: grid; place-items: center; cursor: pointer; }
.carrossel__nav button:hover { background: var(--vinho); color: var(--branco); }
.carrossel__nav svg { width: 16px; height: 16px; }
.carrossel__trilho { list-style: none; padding: 0; margin: 0; display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.carrossel__trilho::-webkit-scrollbar { display: none; }
.carrossel__item { flex: 0 0 100%; scroll-snap-align: start; display: flex; flex-direction: column; gap: 8px; }
.carrossel__img { display: block; aspect-ratio: 4 / 3; border-radius: var(--raio-p); overflow: hidden; background: var(--rosa-fundo); }
.carrossel__img img { width: 100%; height: 100%; object-fit: cover; }
.carrossel__nome { margin: 0; font-family: var(--f-titulo); font-size: 1.08rem; }
.carrossel__nome a { color: var(--vinho-escuro); text-decoration: none; }
.carrossel__txt { margin: 0; font-size: .9rem; color: var(--texto-suave); }
.carrossel__item .btn { align-self: flex-start; min-height: 40px; padding: .45em 1.1em; font-size: .9rem; }

/* página do artigo */
.previa-aviso { margin: 0; background: #fdf0d5; color: #7a4a06; text-align: center; padding: 10px 16px; font-weight: 600; }
.art-hero { position: relative; min-height: clamp(320px, 44vw, 520px); display: flex; align-items: flex-end; background: var(--vinho-escuro); color: var(--branco); isolation: isolate; overflow: hidden; }
.art-hero--sem-img { min-height: 300px; background: linear-gradient(135deg, var(--vinho-escuro), var(--vinho)); }
.art-hero__img, .art-hero__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.art-hero__veu { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20, 8, 10, .15) 0%, rgba(20, 8, 10, .45) 45%, rgba(20, 8, 10, .88) 100%); }
.art-hero__txt { padding-top: 56px; padding-bottom: clamp(28px, 4vw, 48px); }
.art-hero h1 { color: var(--branco); font-size: clamp(1.9rem, 1.3rem + 2.6vw, 3.2rem); max-width: 920px; margin-bottom: .35em; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.art-hero__cat { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 12px; }
.art-hero__cat a { background: var(--rosa); color: var(--vinho-escuro); font-weight: 600; font-size: .82rem; padding: 4px 12px; border-radius: 999px; text-decoration: none; }
.art-hero__meta { margin: 0; color: #f6e3e0; font-size: .95rem; }
.migalhas--claro ol { color: #f6e3e0; margin-bottom: 14px; }
.migalhas--claro a { color: #f6e3e0; }
.migalhas--claro li + li::before { color: var(--rosa); }
.art-voltar-wrap { padding-top: 18px; }
.art-voltar { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--vinho); text-decoration: none; }
.art-voltar svg { width: 16px; height: 16px; }
.art-voltar:hover { text-decoration: underline; }
.art-grade { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: start; padding-top: 24px; padding-bottom: clamp(48px, 6vw, 88px); }
.art-corpo { min-width: 0; max-width: 760px; }
.art-lead { font-size: 1.2rem; line-height: 1.6; color: var(--vinho-escuro); margin: 0 0 24px; }
.art-sumario { background: var(--rosa-fundo); border-radius: var(--raio); padding: 18px 22px; margin-bottom: 28px; }
.art-sumario__t { font-family: var(--f-titulo); color: var(--vinho-escuro); font-size: 1.05rem; margin: 0 0 8px; }
.art-sumario ol { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.art-sumario a { color: var(--vinho); }
.art-conteudo { font-size: 1.06rem; line-height: 1.75; color: var(--texto); }
.art-conteudo h2, .art-conteudo h3, .art-conteudo h4 { scroll-margin-top: 110px; }
.art-conteudo h2 { font-size: clamp(1.45rem, 1.25rem + .7vw, 1.8rem); margin-top: 1.6em; }
.art-conteudo h3 { font-size: 1.3rem; margin-top: 1.4em; }
.art-conteudo h4 { font-size: 1.12rem; margin-top: 1.2em; }
.art-conteudo p { margin: 0 0 1em; }
.art-conteudo ul, .art-conteudo ol { padding-left: 1.3em; margin: 0 0 1em; }
.art-conteudo li { margin-bottom: .4em; }
.art-conteudo a { color: var(--vinho); }
.art-conteudo blockquote { margin: 1.4em 0; padding: 14px 22px; border-left: 4px solid var(--rosa); background: var(--rosa-fundo); border-radius: 0 var(--raio-p) var(--raio-p) 0; font-size: 1.1rem; color: var(--vinho-escuro); }
.art-conteudo blockquote p:last-child { margin-bottom: 0; }
.art-conteudo blockquote cite { display: block; margin-top: 8px; font-style: normal; font-size: .9rem; color: var(--texto-suave); }
.art-conteudo hr { border: 0; height: 22px; margin: 2em auto; background: no-repeat center/120px 22px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22'%3E%3Cpath d='M2 11c6 0 6-9 12-9s6 18 12 18 6-18 12-18 6 18 12 18 6-18 12-18 6 18 12 18 6-18 12-18 6 9 12 9' fill='none' stroke='%23d18278' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); }
.art-conteudo figure { margin: 1.6em 0; }
.art-conteudo figure img { border-radius: var(--raio-p); width: 100%; height: auto; }
.art-conteudo figcaption { font-size: .9rem; color: var(--texto-suave); margin-top: 8px; text-align: center; }
.art-conteudo table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: .96rem; display: block; overflow-x: auto; }
.art-conteudo th, .art-conteudo td { border: 1px solid var(--linha); padding: 8px 12px; text-align: left; vertical-align: top; }
.art-conteudo th { background: var(--rosa-fundo); color: var(--vinho-escuro); }
.art-conteudo mark, .art-conteudo .marca { background: #fbe3df; padding: 0 3px; border-radius: 3px; }
.art-conteudo .t-pequeno { font-size: .88em; } .art-conteudo .t-grande { font-size: 1.2em; } .art-conteudo .t-destaque { font-size: 1.45em; font-family: var(--f-titulo); color: var(--vinho-escuro); line-height: 1.35; }
.art-conteudo .c-vinho { color: var(--vinho); } .art-conteudo .c-rosa { color: #c46d62; } .art-conteudo .c-cinza { color: var(--texto-suave); } .art-conteudo .c-verde { color: #1d7a46; }
/* opções dos blocos */
.bl.al-centro { text-align: center; } .bl.al-direita { text-align: right; } .bl.al-justificado { text-align: justify; }
.bl.tam-pequeno { font-size: .92em; } .bl.tam-grande { font-size: 1.15em; } .bl.tam-destaque { font-size: 1.3em; font-family: var(--f-titulo); line-height: 1.45; }
h2.bl.tam-pequeno, h3.bl.tam-pequeno, h4.bl.tam-pequeno { font-size: 1.15rem; } h2.bl.tam-grande { font-size: clamp(1.7rem, 1.4rem + 1vw, 2.2rem); } h2.bl.tam-destaque { font-size: clamp(2rem, 1.6rem + 1.4vw, 2.6rem); }
.bl.peso-negrito { font-weight: 700; }
.bl.tom-vinho { color: var(--vinho); } .bl.tom-rosa { color: #c46d62; } .bl.tom-cinza { color: var(--texto-suave); }
.bl.esp-pouco { margin-bottom: .4em; } .bl.esp-muito { margin-bottom: 2.4em; }
.bl--image.larg-75 { max-width: 75%; } .bl--image.larg-50 { max-width: 50%; } .bl--image.larg-33 { max-width: 33%; }
.bl--image.al-centro { margin-left: auto; margin-right: auto; }
.bl--image.al-direita:not(.larg-100) { float: right; margin: .3em 0 1em 1.4em; }
.bl--image.al-esquerda:not(.larg-100) { float: left; margin: .3em 1.4em 1em 0; }
.art-conteudo::after { content: ""; display: block; clear: both; }
.bl-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--raio-p); overflow: hidden; background: #000; }
.bl-video .yt, .bl-video iframe, .bl-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 0; cursor: pointer; background: #000; }
.bl-video .yt img { width: 100%; height: 100%; object-fit: cover; opacity: .9; }
.art-tags { list-style: none; padding: 0; margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.art-tags a { display: inline-block; padding: 4px 12px; border-radius: 999px; border: 1px solid var(--linha); color: var(--texto-suave); text-decoration: none; font-size: .86rem; }
.art-tags a:hover { border-color: var(--vinho); color: var(--vinho); }
.art-autoria { margin-top: 28px; padding: 18px 22px; border-top: 3px solid var(--rosa); background: var(--branco); border-radius: 0 0 var(--raio) var(--raio); box-shadow: var(--sombra); }
.art-autoria p { margin: 0 0 6px; }
.art-autoria__nota { font-size: .86rem; color: var(--texto-suave); margin-top: 10px !important; }
.art-cta { margin-top: 28px; background: var(--vinho); color: #fbe9e7; border-radius: var(--raio); padding: clamp(22px, 3vw, 32px); }
.art-cta__t { font-family: var(--f-titulo); font-size: 1.4rem; color: var(--branco); margin: 0 0 6px; }
.art-cta .btn { background: var(--branco); color: var(--vinho); border-color: var(--branco); }
.art-cta .btn:hover { background: var(--rosa-claro); }
@media (max-width: 1080px) {
  .blog-grade, .art-grade { grid-template-columns: minmax(0, 1fr); }
  .art-grade .blog-lateral { order: 2; }
  .blog-lateral { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
  .post-grade--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .post-grade, .post-grade--3 { grid-template-columns: minmax(0, 1fr); }
  .post-card--destaque { grid-template-columns: minmax(0, 1fr); }
  .post-card--destaque .post-card__img { aspect-ratio: 16 / 10; }
  .bl--image.larg-75, .bl--image.larg-50, .bl--image.larg-33 { max-width: 100%; float: none !important; margin: 1.4em 0 !important; }
}
.art-conteudo a.btn { color: var(--branco); text-decoration: none; }
.art-conteudo a.btn--linha { color: var(--vinho); }
.art-conteudo a.btn--linha:hover { color: var(--branco); }