/* ===== HC Casos e Resultados — front (v1.2) ===== */
.hc-casos{
  --hc-azul:#144196;--hc-rose:#A62E6C;--hc-ink:#14181F;--hc-muted:#5B6472;--hc-line:rgba(20,24,31,.09);
  --hc-ba-ratio:1/1;
  max-width:1140px;margin:0 auto;font-family:inherit;
}
.hc-casos *{box-sizing:border-box}

/* abas */
.hc-casos-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:34px}
.hc-ctab{padding:11px 22px;border-radius:100px;border:1.5px solid rgba(20,24,31,.16);background:#fff;font:600 14px/1 inherit;color:var(--hc-muted);cursor:pointer;transition:.25s}
.hc-ctab:hover{background:var(--hc-azul);border-color:var(--hc-azul);color:#fff}
.hc-ctab.active{background:var(--hc-azul);color:#fff;border-color:var(--hc-azul)}

/* grid: 3 colunas fixas no desktop, 2 no tablet, 1 no mobile */
.hc-casos-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  justify-content:center;
}

/* 1 ou 2 casos VISÍVEIS: encolhe a grade ao conteúdo e centraliza (data-count vem do JS) */
.hc-casos-grid[data-count="1"],
.hc-casos-grid[data-count="2"]{
  width:fit-content;
  margin-left:auto;margin-right:auto;
}
.hc-casos-grid[data-count="1"]{grid-template-columns:380px}
.hc-casos-grid[data-count="2"]{grid-template-columns:repeat(2,380px)}

@media(max-width:900px){
  .hc-casos-grid,
  .hc-casos-grid[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));width:auto}
}
@media(max-width:560px){
  .hc-casos-grid,
  .hc-casos-grid[data-count="1"],
  .hc-casos-grid[data-count="2"]{grid-template-columns:1fr;gap:24px;width:auto}
}
.hc-case{margin:0}
.hc-case figcaption{text-align:center;margin-top:16px;color:var(--hc-muted);font-size:1rem;line-height:1.4}

/* slider antes/depois */
.hc-ba{
  position:relative;
  aspect-ratio:var(--hc-ba-ratio);
  border-radius:20px;overflow:hidden;border:1px solid var(--hc-line);
  box-shadow:0 24px 60px -28px rgba(12,42,99,.4);
  user-select:none;cursor:ew-resize;touch-action:none;background:#eef1f6;
  transform:translateZ(0);
}
.hc-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}
.hc-ba-after{z-index:1}
.hc-ba-before{position:absolute;inset:0;z-index:2;clip-path:inset(0 50% 0 0);will-change:clip-path;transform:translateZ(0)}
.hc-ba-tag{position:absolute;top:14px;z-index:3;padding:6px 14px;border-radius:100px;font:600 12px/1 inherit;background:rgba(255,255,255,.92);color:var(--hc-ink);backdrop-filter:blur(4px);transition:opacity .25s ease}
.hc-ba-tag.hc-l{left:14px}
.hc-ba-tag.hc-r{right:14px}
.hc-ba-tag.is-hidden{opacity:0}   /* some quando a imagem daquele lado deixa de aparecer */
.hc-ba-handle{position:absolute;top:0;bottom:0;left:50%;z-index:4;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.hc-ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 10px 26px -8px rgba(12,42,99,.4);display:grid;place-items:center}
.hc-ba-knob svg{width:22px;height:22px;color:var(--hc-azul)}

@media(max-width:560px){
  .hc-casos-grid{grid-template-columns:1fr;gap:24px}
  .hc-ba{border-radius:16px}
}