/* Página de depoimentos: mesma linguagem do /sobre e o carrossel do Blog da Home. */
.adep { font-family: Quicksand, sans-serif; --rosa: #f9f0f0; --tinta: #1f1e1a; --suave: #6b6560; --vermelho: #cd212a; --sai: cubic-bezier(.16, 1, .3, 1); --mola: cubic-bezier(.17, .67, .3, 1.33); color: var(--tinta); }
.adep * { box-sizing: border-box; }
.adep-caixa { max-width: 1248px; margin: 0 auto; padding: 0 20px; }

/* o titulozinho com o coração desenhado à mão (o mesmo da Home e do /sobre) */
html body .adep .adep-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 14px; font-weight: 700; line-height: 1.5; color: #333; }
.adep .hx-eb-coracao { flex: 0 0 auto; width: 16px; height: 16px; overflow: visible; fill: none; stroke: var(--hx-eb, #cd2121); stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }

/* hero e carrossel no mesmo rosado; o header flutua por cima, como no /sobre */
.adep-hero { margin-top: -102px; padding: 190px 0 100px; background: var(--rosa); overflow: hidden; }
.adep-hero > .adep-caixa:first-child { text-align: center; }
html body .adep .adep-hero__titulo { margin: 0; font-size: clamp(38px, 5vw, 60px); font-weight: 700; line-height: 1.08; letter-spacing: -.02em; color: var(--tinta); }
html body .adep .adep-hero__lead { max-width: 640px; margin: 18px auto 0; font-size: 17px; line-height: 1.65; color: var(--suave); }
.adep-lista { margin-top: 64px; }
.adep-vazio { margin: 0; padding: 40px 0; text-align: center; color: var(--suave); font-size: 17px; }

/* ---------- o carrossel do Blog da Home (amace-hero-extras), igual ---------- */
.hx-carrossel { position: relative; }
.hx-carrossel__trilho {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max(260px, calc((100vw - var(--hx-sangria-esq, 24px) - 84px) / 3.5));
    gap: 28px;
    margin: 0 calc(var(--hx-sangria, 0px) * -1) 0 calc(var(--hx-sangria-esq, 0px) * -1);
    padding: 2px var(--hx-sangria, 0px) 2px calc(var(--hx-sangria-esq, 0px) + 2px);
    padding-right: var(--hx-sangria, 0px) !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-left: calc(var(--hx-sangria-esq, 0px) + 2px);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.hx-carrossel__trilho::-webkit-scrollbar { display: none; }
.hx-carrossel.arrastando .hx-carrossel__trilho { scroll-snap-type: none; }
.hx-carrossel.arrastando .hx-card { pointer-events: none; }
.hx-card { scroll-snap-align: start; display: flex; flex-direction: column; padding: 10px; border: 0; border-radius: 10px; overflow: hidden; background: #fff; color: var(--tinta); text-decoration: none; user-select: none; -webkit-user-drag: none; }
.hx-card:focus-visible { outline: 3px solid rgba(205, 33, 42, .35); outline-offset: 3px; }
.hx-card__foto { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 10px; overflow: hidden; background: #f3e6e4; }
.hx-card__foto img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center 22%; pointer-events: none; transition: transform .8s var(--sai); }
.hx-card:hover .hx-card__foto img { transform: scale(1.05); }
.hx-card__corpo { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto 1fr; gap: 10px 16px; padding: 18px 10px 8px; font-family: Quicksand, sans-serif; }
.hx-card__corpo > :not(.hx-card__seta) { grid-column: 1; }
.hx-card__cat { justify-self: start; padding: 3px 11px; border-radius: 999px; background: #f7eeec; font-size: 13px; font-weight: 700; line-height: 1.5; }
.hx-cat--vermelho { color: #cd212a; } .hx-cat--verde { color: #00b102; } .hx-cat--azul { color: #0045c0; } .hx-cat--amarelo { color: #c99300; }
.hx-card__data { align-self: start; margin-top: -6px; font-size: 13px; font-weight: 600; line-height: 1.5; color: #767676; }
.hx-card__seta { grid-column: 2; grid-row: 1 / 5; align-self: end; display: grid; place-items: center; width: 42px; height: 42px; padding-left: 2px; border-radius: 50%; background: #cd2121; color: #fff; transform: scale(0); transition: transform .4s var(--amace-curva); }
.hx-card:hover .hx-card__seta, .hx-card:focus-visible .hx-card__seta { transform: scale(1); }
@media (hover: none) { .hx-card__seta { transform: none; } }

/* o que é do depoimento dentro do cartão do blog */
.adep-cartao[data-adep-video] { cursor: pointer; }
.adep-cartao__frase { font-size: 15px; font-weight: 500; line-height: 1.6; color: var(--suave); }
.adep-cartao__nome { font-size: 15px; font-weight: 700; line-height: 1.3; }
.adep-cartao__play { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 60px; height: 60px; padding-left: 3px; border-radius: 50%; background: var(--vermelho); color: #fff; box-shadow: 0 10px 26px rgba(31, 30, 26, .25); transform: translate(-50%, -50%); transition: transform .4s var(--amace-curva); }
.hx-card:hover .adep-cartao__play { transform: translate(-50%, -50%) scale(1.08); }

/* selo "Arraste" que segue o mouse */
.hx-carrossel__arraste { position: fixed; left: 0; top: 0; z-index: 60; display: flex; align-items: center; gap: 10px; padding: 13px 18px; border-radius: 10px; background: #2f4bbd; color: #fff; pointer-events: none; opacity: 0; transform: translate(-50%, -50%) scale(.4); transition: opacity .2s ease, transform .35s var(--amace-curva); }
.hx-carrossel__arraste svg { width: 18px; height: 18px; }
.hx-carrossel__arraste b { font-family: Quicksand, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: .01em; color: #fff; }
@media (hover: hover) and (pointer: fine) {
    .hx-carrossel.com-mouse .hx-carrossel__trilho { cursor: none; }
    .hx-carrossel.com-mouse.dentro .hx-carrossel__arraste { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    .hx-carrossel.com-mouse.dentro:is(.arrastando, .apertado) .hx-carrossel__arraste { transform: translate(-50%, -50%) scale(.85); }
}

/* rodapé: o contador 1/5 e o botão, à direita */
.hx-blog-rodape { display: flex; justify-content: flex-end; align-items: center; gap: 20px; margin-top: 40px; }
.hx-contador { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: #fff; font-variant-numeric: tabular-nums; line-height: 1; color: #8a847f; font-size: 16px; font-weight: 600; overflow: hidden; }
.hx-contador__atual { display: inline-block; color: #161616; font-weight: 700; }
.hx-contador__total { margin-left: 2px; }
.hx-contador__atual.troca { animation: adep-sobe .45s cubic-bezier(.2, .8, .2, 1); }
@keyframes adep-sobe { from { transform: translateY(70%); opacity: 0; } }

/* convite no fim */
.adep-convite { padding: 90px 0 110px; }
.adep-convite__card { padding: 64px 40px; border-radius: 24px; background: var(--rosa); text-align: center; }
html body .adep .adep-convite__titulo { margin: 0 0 12px; font-size: clamp(30px, 3.4vw, 40px); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: var(--tinta); }
html body .adep .adep-convite__texto { max-width: 560px; margin: 0 auto 28px; font-size: 16px; line-height: 1.65; color: var(--suave); }
.adep-convite__botoes { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }

/* o vídeo em tela cheia: o mesmo desenho da galeria de fotos do blog (fundo bege,
   botões brancos que ficam vermelhos no hover, setas dos lados, contador embaixo) */
.adep-luz { position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center; background: rgba(249, 240, 240, .97); font-family: Quicksand, sans-serif; }
.adep-luz[hidden] { display: none; }
.adep-luz__video { margin: 0; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.adep-luz .adep-player { width: auto; height: min(76vh, 860px); max-width: 88vw; aspect-ratio: 9 / 16; border-radius: 12px; box-shadow: 0 20px 60px rgba(31, 30, 26, .18); }
.adep-luz .adep-player.is-cheia { height: 100%; max-width: none; aspect-ratio: auto; border-radius: 0; }
html body .adep-luz__video figcaption { margin: 0; text-align: center; color: var(--tinta); font-size: 14px; font-style: normal; line-height: 1.4; }
.adep-luz__video figcaption strong { display: block; font-size: 16px; }
.adep-luz__video figcaption span { color: var(--suave); }
.adep-luz .adep-luz__botao,
.adep-luz .adep-luz__botao:hover,
.adep-luz .adep-luz__botao:focus { position: absolute; display: grid; place-items: center; width: 52px; height: 52px; min-height: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; color: var(--tinta); box-shadow: none; line-height: 0; cursor: pointer; isolation: isolate; transition: color .2s; }
.adep-luz .adep-luz__botao::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 50%; background: #cd212a; transform: scale(0); transition: transform .4s var(--amace-curva); }
@media (hover: hover) { .adep-luz .adep-luz__botao:hover { color: #fff; } .adep-luz .adep-luz__botao:hover::before { transform: scale(1); } }
.adep-luz .adep-luz__botao:focus-visible { color: #fff; }
.adep-luz .adep-luz__botao:focus-visible::before { transform: scale(1); }
.adep-luz .adep-luz__botao svg { display: block; }
.adep-luz__x { top: 22px; right: 22px; }
.adep-luz__seta { top: 50%; translate: 0 -50%; }
.adep-luz__seta--esq { left: 24px; }
.adep-luz__seta--dir { right: 24px; }
.adep-luz__seta--dir svg { transform: scaleX(-1); }
.adep-luz__conta { position: absolute; left: 50%; bottom: 22px; translate: -50% 0; padding: 6px 14px; border-radius: 999px; background: #fff; color: var(--tinta); font-size: 13px; font-weight: 700; }
html.adep-luz-aberta { overflow: hidden; }
@media (max-width: 767px) {
    .adep-hero { padding: 150px 0 64px; }
    html body .adep .adep-hero__titulo { font-size: 30px; }
    html body .adep .adep-hero__lead { font-size: 13.5px; }
    .adep-lista { margin-top: 40px; }
    .hx-carrossel__trilho { grid-auto-columns: 80vw; gap: 18px; }
    .adep-cartao__frase { font-size: 14px; }
    .hx-blog-rodape { margin-top: 28px; justify-content: space-between; }
    .hx-contador { width: 48px; height: 48px; font-size: 15px; }
    .adep-convite { padding: 56px 0 72px; }
    .adep-convite__card { padding: 44px 22px; }
    html body .adep .adep-convite__titulo { font-size: 24px; }
    html body .adep .adep-convite__texto { font-size: 13.5px; }
    .adep-luz .adep-player { height: 70vh; }
    .adep-luz__seta { top: auto; bottom: 16px; translate: none; width: 46px; height: 46px; }
    .adep-luz__seta--esq { left: 16px; } .adep-luz__seta--dir { right: 16px; }
    .adep-luz__x { top: 14px; right: 14px; }
    .adep-luz__conta { bottom: 26px; }
}
@media (prefers-reduced-motion: reduce) { .hx-card__foto img, .hx-card__seta, .hx-carrossel__arraste, .adep-cartao__play { transition: none; } .hx-contador__atual.troca { animation: none; } }

/* nome e linha de baixo sempre no pé do cartão: em todos os cartões ficam na mesma altura */
.adep-cartao .hx-card__corpo { display: flex; flex-direction: column; gap: 10px; }
.adep-cartao .hx-card__cat { align-self: flex-start; }
.adep-cartao .adep-cartao__nome { margin-top: auto; padding-top: 8px; }
.adep-cartao .hx-card__data { margin-top: -6px; }
@media (max-width: 767px) { .adep-quebra { display: none; } }

/* o risco à mão embaixo de "AMACE", o mesmo do "Blog" no blog e do "melhor" na Home */
.adep-marca { position: relative; display: inline-block; z-index: 0; white-space: nowrap; }
.adep-risco { position: absolute; left: 50%; top: 50%; z-index: -1; width: calc(100% + 20px); height: calc(100% + 20px); overflow: visible; transform: translate(-50%, -50%); fill: none; stroke: #cd212a; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1500; animation: adep-risca 1.2s .4s cubic-bezier(.5, 0, .2, 1) backwards; }
@keyframes adep-risca { from { stroke-dashoffset: 1500; } }
@media (prefers-reduced-motion: reduce) { .adep-risco { animation: none; } }

/* o selo "Arraste" aparece e some como os botões das redes no rodapé: cresce do zero
   e volta para o zero, sem esmaecer e sem quique na entrada (01/10/2026) */
.hx-carrossel__arraste { opacity: 1; transform: translate(-50%, -50%) scale(0); transition: transform .4s var(--amace-curva); }
@media (hover: hover) and (pointer: fine) {
    .hx-carrossel.com-mouse.dentro .hx-carrossel__arraste { transform: translate(-50%, -50%) scale(1); transition: transform .4s var(--amace-curva); }
    .hx-carrossel.com-mouse.dentro:is(.arrastando, .apertado) .hx-carrossel__arraste { transform: translate(-50%, -50%) scale(.85); transition: transform .25s var(--amace-curva); }
}
@media (prefers-reduced-motion: reduce) { .hx-carrossel__arraste { transition: none !important; } }