/* VetCuritiba — "Explore por especialidade" (home).
   Usa a mesma linguagem do "Explore por categoria" (.ic8: quadradinhos coloridos com o nome embaixo);
   aqui só entram a contagem de profissionais, o "Ver todas" e a entrada suave. Só transform/opacity. */
.es-grid{align-items:start;row-gap:14px}
.es-grid>a{position:relative}
.es-grid>a[hidden]{display:none!important}
.es-grid i{position:relative;overflow:visible}
.es-grid i .mi{font-size:27px;transition:transform .32s var(--ease)}
.es-grid>a b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.18;overflow-wrap:break-word;hyphens:auto;max-width:100%}
.es-grid em{position:absolute;top:-7px;right:-7px;min-width:21px;height:21px;padding:0 6px;border-radius:99px;background:var(--ink);color:var(--gold);font:800 10.5px/21px 'Inter',system-ui,sans-serif;font-style:normal;text-align:center;box-shadow:0 0 0 2.5px var(--ice,#E8ECFA),0 5px 8px -4px rgba(11,18,32,.5);animation:es-pop .42s cubic-bezier(.3,1.6,.5,1) both}
.es-grid>a.es-in{animation:es-in .44s var(--ease) both;animation-delay:calc(var(--k,0)*34ms)}
@keyframes es-in{from{opacity:0;transform:translate3d(0,12px,0) scale(.9)}to{opacity:1;transform:none}}
@keyframes es-pop{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}
@media (hover:hover){.es-grid>a:hover i .mi{transform:rotate(-8deg) scale(1.12)}.es-grid>a:hover i{transform:translateY(-3px)}}

.es-more button{font:inherit;color:var(--ink);font-weight:800;font-size:14px;background:#fff;padding:12px 18px;border:0;border-radius:14px;cursor:pointer;box-shadow:0 8px 12px -10px rgba(11,18,32,.5),0 0 0 1.5px var(--grid);display:inline-flex;gap:8px;align-items:center;transition:transform .2s var(--ease),background .2s}
.es-more button:hover{background:var(--gold);transform:translateY(-2px)}
.es-more button:active{transform:scale(.96)}
.es-more button .mi{transition:transform .3s var(--ease)}
.es-more button.is-open .mi{transform:rotate(-90deg)}
.es-more[hidden]{display:none}
.es[hidden]{display:none}

/* resultado da busca: chips no mesmo estilo dos bairros */
#exRes .chip{white-space:normal;text-align:left}

/* PC: ícones maiores, como o resto da grade da home */
@media (min-width:1024px){
  .es-grid{row-gap:22px}
  .es-grid i .mi{font-size:36px}
  .es-grid em{top:-8px;right:-8px;min-width:24px;height:24px;line-height:24px;font-size:12px}
}

/* aparelho fraco / pouco movimento: sem entrada animada */
html.lite .es-grid>a.es-in,html.lite .es-grid em{animation:none}
@media (prefers-reduced-motion:reduce){.es-grid>a.es-in,.es-grid em{animation:none}.es-grid i,.es-grid i .mi{transition:none}}

/* título + botão de busca sempre na mesma linha no celular */
#exTitulo{flex-wrap:nowrap;gap:8px}
@media (max-width:599px){#exTitulo{font-size:clamp(20px,6vw,26px)}}