/**
 * Restyle DS do perfil de médico (content type `people`).
 * Anexado pelo módulo (accamargo_blocks_node_view) quando bundle == people.
 * Escopo em .page-type-people pra vencer o paginas.css legado sem tocá-lo.
 * Spec: Figma AC Camargo vSHIFT, node 5655:41307 (Main-title). Fundo Areia
 * (#F6A71C 10%) em todo o conteúdo. SÓ CSS: markup do share (addtoany)
 * e os CTAs (field_link/field_lattes) são os que já renderizam — só estilo.
 */

/* ---------- limpeza do que o restyle substitui ---------- */

.page-type-people #block-mahi-facelift-page-title {
  display: none; /* nome agora vem no hero */
}
.page-type-people .header-people-custom {
  display: none; /* share/tags do topo legado — o hero tem o seu */
}

/* ---------- grid da página = grid do accamargo_shift (1104 centrado) ---------- */
/* O tema legado (Bootstrap) usa .container = 1140px; o chrome Shift (header/
 * footer) usa --container-max 1104px + 16px de padding. Alinhamos o container
 * do conteúdo do perfil ao chrome pra as colunas baterem com o header/footer.
 * #main-wrapper dá especificidade p/ vencer os @media do bootstrap
 * (.container{max-width:720/940/1140}) em todos os breakpoints. */
.page-type-people #main-wrapper .container {
  max-width: 1104px !important;
  width: 100%;
  margin-inline: auto;
  padding-inline: 16px;
  box-sizing: border-box;
}

/* ---------- fundo Areia (#F6A71C 10%) em TODO o conteúdo da página ---------- */
/* Banda full-bleed atrás do conteúdo (entre header e footer). O legado
 * (style-geral-accamargo.css) dá `#main-wrapper{ margin:0 5% }` → a faixa ficava
 * com gutter branco de 5% de cada lado. Zeramos a margem pra o fundo sangrar de
 * ponta a ponta; o container 1104 centrado (com padding p/ mobile) por cima. */
.page-type-people #main-wrapper {
  position: relative;
  overflow: hidden; /* recorta a mancha que sangra pra fora da banda */
  margin-inline: 0 !important;
  max-width: none !important;
  background-color: rgba(246, 167, 28, 0.1);
}

/* ---------- mancha de fundo (DS node 5668:45678) ---------- */
/* Decorativa; posição ajustável pelo Elements (top/left). Fica atrás do
 * conteúdo (z-index 0) — o container é elevado pra z-index 1 logo abaixo. */
.page-type-people #main-wrapper::before {
  content: "";
  position: absolute;
  top: -140px;
  right: 0;
  width: 303px;
  height: 717px;
  background: url(../assets/manchas/people-profile.svg?v=1) no-repeat center / contain;
  pointer-events: none;
  z-index: 10;
}
.page-type-people #main-wrapper > * {
  position: relative;
  z-index: 1;
}

/* ============================ HERO ============================ */

.page-type-people .ac-people-hero {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 40px !important;
  padding: 24px 0 8px;
  background: none;
}

/* Faixa cinza (#F0F2F5) do DS no topo do hero, indo até o MEIO dos ícones de
 * compartilhamento (o resto do fundo é a areia do #main-wrapper). Full-bleed,
 * ANCORADA no share (`bottom:50%` = meio dos ícones) → robusta a nome de 1 ou 2
 * linhas. `height` grande sobe até o topo (clipado pelo overflow do #main-wrapper);
 * `z-index:-1` fica atrás do conteúdo do hero mas acima da areia. */
.page-type-people .ac-people-hero__share {
  position: relative;
}
.page-type-people .ac-people-hero__share::before {
  content: "";
  position: absolute;
  /* full-bleed sem depender da posição do share (que fica na coluna direita,
   * fora do centro): estica -100vw pra cada lado; o overflow do #main-wrapper
   * recorta na viewport. Antes usava left:50%+translateX+100vw, que centralizava
   * a faixa no MEIO DO SHARE → sobrava branco na esquerda. */
  left: -100vw;
  right: -100vw;
  bottom: 50%;
  height: 2000px;
  background: #f0f2f5;
  z-index: -1;
  pointer-events: none;
}


.page-type-people .ac-people-hero__photo {
  flex: 0 0 auto;
}
.page-type-people .ac-people-hero__photo .field,
.page-type-people .ac-people-hero__photo .field-item {
  margin: 0;
}
/* ⚠️ O CSS legado (`mahi_facelift/css/paginas.css`, reusado pelo v2 via
 * `mahi_facelift/global-styling`) esconde o <picture> das páginas de people
 * (`.page-type-people .node-content .field-item picture { display:none }`) e só
 * o reabre dentro de `.separador-people-content-2` — wrapper que existe no
 * template LEGADO. Nosso hero v2 não tem esse wrapper, então a foto ficava
 * `display:none` (o arquivo carregava normal, era só CSS). `!important` porque
 * a especificidade empata (0,3,1) e a ordem de carga varia por ambiente. */
.page-type-people .ac-people-hero__photo .field-item picture {
  display: block !important;
}

.page-type-people .ac-people-hero__photo img {
  display: block;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  object-fit: cover;
  border: 4px solid #fff;
  box-shadow: 0 12px 16px -2px rgba(0, 0, 0, 0.08);
  /* Se a imagem não carregar (derivative da image style não gerado no ambiente,
   * arquivo removido), o círculo cai no avatar padrão em vez de mostrar ícone
   * de imagem quebrada + alt-text. Mesmo tratamento dos cards da Equipe. */
  background: #e2e5e9 url(../assets/medico-placeholder.png) center / cover no-repeat;
  color: transparent;
  font-size: 0;
}

/* ---------- coluna de info ---------- */

.page-type-people .ac-people-hero__info {
  flex: 1 1 320px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 16px !important;
}
.page-type-people .ac-people-hero__name {
  margin: 0;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2;
  color: #774900;
}

/* ---------- share (addtoany → círculos do ac-hero) ---------- */

.page-type-people .ac-people-hero__share .a2a_kit {
  padding-top: 0 !important;
  line-height: 0;
}
/* anula a linha cinza que o tema legado injeta via .a2a_kit::before */
.page-type-people .ac-people-hero__share .a2a_kit::before {
  content: none !important;
  display: none !important;
}
.page-type-people .ac-people-hero__share .addtoany_list {
  display: flex;
  justify-content: flex-start;
  gap: 8px !important;
  margin: 0;
}
/* esconde ícone/label nativos do addtoany — o ícone do DS vem via ::before */
.page-type-people .ac-people-hero__share .a2a_svg,
.page-type-people .ac-people-hero__share .a2a_label {
  display: none !important;
}
/* botão = círculo cinza igual .ac-hero__social-btn */
.page-type-people .ac-people-hero__share .a2a_kit a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background-color: #F0F2F5 !important;
  background-image: none !important;
  color: #404040;
  transition: background-color 0.2s, color 0.2s;
}
/* ícone via mask (herda a cor → hover troca só a cor). SVGs do ac-hero. */
.page-type-people .ac-people-hero__share .a2a_kit a::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: currentColor;
  /* ⚠️ fallback OBRIGATÓRIO: sem `--ac-ic` a mask não existe e o quadrado de
   * 20×20 pinta sólido (ícone "quebrado"). O AddToAny é configurável pela UI —
   * se adicionarem uma rede nova sem regra aqui, ela cai no ícone de share
   * genérico em vez de virar um bloco preto. */
  -webkit-mask: center / contain no-repeat var(--ac-ic, var(--ac-ic-fallback));
  mask: center / contain no-repeat var(--ac-ic, var(--ac-ic-fallback));
  --ac-ic-fallback: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' y1='13.51' x2='15.42' y2='17.49'/%3E%3Cline x1='15.41' y1='6.51' x2='8.59' y2='10.49'/%3E%3C/svg%3E");
}
.page-type-people .ac-people-hero__share .a2a_button_linkedin {
  --ac-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-4 0v7h-4v-7a6 6 0 0 1 6-6z'/%3E%3Crect x='2' y='9' width='4' height='12'/%3E%3Ccircle cx='4' cy='4' r='2'/%3E%3C/svg%3E");
}
.page-type-people .ac-people-hero__share .a2a_button_facebook {
  --ac-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
}
.page-type-people .ac-people-hero__share .a2a_button_whatsapp {
  --ac-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M19.05 4.91A9.82 9.82 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91 0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38a9.9 9.9 0 0 0 4.74 1.21h.01c5.46 0 9.91-4.45 9.91-9.91a9.82 9.82 0 0 0-2.91-7.01zM12.04 20.15h-.01a8.23 8.23 0 0 1-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.23 8.23 0 0 1-1.26-4.38c0-4.55 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 0 1 2.41 5.83c0 4.55-3.7 8.23-8.24 8.23zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.12-.16.25-.64.81-.79.97-.14.17-.29.19-.54.06-.25-.12-1.04-.38-1.98-1.22-.73-.65-1.23-1.46-1.37-1.7-.14-.25-.02-.38.11-.5.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.34-.76-1.84-.2-.48-.4-.42-.56-.42h-.48c-.16 0-.43.06-.65.31-.22.25-.85.83-.85 2.02 0 1.19.87 2.34 1 2.5.12.17 1.71 2.6 4.13 3.65.58.25 1.03.4 1.38.51.58.18 1.1.16 1.51.1.46-.07 1.42-.58 1.62-1.14.2-.56.2-1.04.14-1.14-.06-.1-.23-.16-.48-.29z'/%3E%3C/svg%3E");
}
.page-type-people .ac-people-hero__share .a2a_button_telegram {
  --ac-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E");
}
.page-type-people .ac-people-hero__share .a2a_button_copy_link {
  --ac-ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E");
}
.page-type-people .ac-people-hero__share .a2a_kit a:hover {
  background-color: #606060 !important;
  color: #fff;
}

/* ---------- campos (DS: barra amarela + Label #404040 / Valor #404040 bold, 12px) ---------- */

.page-type-people .ac-people-hero__meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0 0 0 16px;
  border-left: 3px solid #f6a71c;
}
.page-type-people .ac-people-hero__meta > .field {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  margin: 0;
  max-width: none;
}
/* rótulo (Registro, Especialidade…). O h3.term-title precisa de especificidade
 * EXTRA (.node-taxonomy-container) pra vencer o paginas.css legado
 * (.node-taxonomy-container:not(:nth-child(2)) h3 { font-size !important }). */
.page-type-people .ac-people-hero__meta .field__label,
.page-type-people .ac-people-hero__meta .node-taxonomy-container h3.term-title {
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: #404040 !important;
}
.page-type-people .ac-people-hero__meta .node-taxonomy-container h3.term-title::before {
  content: none !important;
}
/* valor */
.page-type-people .ac-people-hero__meta .field-item,
.page-type-people .ac-people-hero__meta .taxonomy-terms {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
  color: #404040 !important;
}
.page-type-people .ac-people-hero__meta .taxonomy-term,
.page-type-people .ac-people-hero__meta .taxonomy-term a {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #404040 !important;
  text-decoration: none !important;
  letter-spacing: normal !important;
}
.page-type-people .ac-people-hero__meta .taxonomy-term:not(:last-child) a::after {
  content: ",";
}

/* ---------- CTAs (mesmos <a>/hrefs de hoje; só estilo cta-button DS) ---------- */

.page-type-people .ac-people-hero__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px !important;
  margin-top: 4px;
}
.page-type-people .ac-people-hero__ctas .field {
  margin: 0;
  display: flex !important;
}
/* base pílula (vence o paginas.css legado do field_link) */
.page-type-people .ac-people-hero__ctas .field a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  border-radius: 36px !important;
  border: 1px solid transparent !important;
  font-family: Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  opacity: 1 !important;
  width: auto !important;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.page-type-people .ac-people-hero__ctas .field a::before {
  content: "";
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  background: center/contain no-repeat;
}

/* Agende sua consulta → Filled Amarelo/Vivo (ação principal) */
.page-type-people .ac-people-hero__ctas .field--name-field-link a {
  background-color: #ffd16c !important;
  color: #242424 !important;
}
.page-type-people .ac-people-hero__ctas .field--name-field-link a:hover {
  background-color: #f6a71c !important;
}
.page-type-people .ac-people-hero__ctas .field--name-field-link a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23242424' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}

/* Currículo Lattes → Outline Secundário (DS do botão do perfil) */
.page-type-people .ac-people-hero__ctas .field--name-field-lattes a {
  background-color: transparent !important;
  color: #404040 !important;
  border-color: #b2b2b2 !important;
  font-size: 0 !important; /* esconde a URL crua */
}
.page-type-people .ac-people-hero__ctas .field--name-field-lattes a:hover {
  background-color: #f0f2f5 !important;
}
.page-type-people .ac-people-hero__ctas .field--name-field-lattes a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpath d='M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E");
}
.page-type-people .ac-people-hero__ctas .field--name-field-lattes a::after {
  content: "Currículo Lattes";
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #404040;
}

/* ============================ CORPO ============================ */

.page-type-people .ac-people-body {
  max-width: 820px;
  margin: 32px 0;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #404040;
}

/* taxonomias soltas no corpo (field_tags etc.) → pílulas iguais à
 * especialidade do card do carrossel */
.page-type-people .ac-people-body .node-taxonomy-container .taxonomy-terms {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
  margin: 12px 0 !important;
  padding: 0 !important;
  list-style: none;
}
.page-type-people .ac-people-body .node-taxonomy-container .taxonomy-term {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
.page-type-people .ac-people-body .node-taxonomy-container .taxonomy-term a {
  display: inline-block;
  padding: 2px 10px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 9999px !important;
  background: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  color: #404040 !important;
  text-decoration: none !important;
  letter-spacing: normal !important;
  transition: border-color 0.2s, color 0.2s;
}
.page-type-people .ac-people-body .node-taxonomy-container .taxonomy-term a:hover {
  border-color: #0e5236 !important;
  color: #0e5236 !important;
}

/* ============ CARROSSEL "EQUIPE" (slick → person-card DS) ============ */

/* faixa full-bleed cinza (#F6F7F9) atrás de toda a seção Equipe. O conteúdo
 * vive no .container (1104 centrado); aqui furamos pra 100vw (full-bleed) e o
 * padding-inline recentra o miolo no MESMO grid de 1104 (1072 de conteúdo) →
 * cor de ponta a ponta, cards alinhados. O #main-wrapper (overflow:hidden)
 * recorta o 100vw, sem scroll horizontal. Slick não é afetado: a largura útil
 * interna continua ~1072, igual a quando vivia no .container. */
.page-type-people .views-element-container:has(.view-bloco-equipe-medicos) {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding-block: 40px;
  padding-inline: max(16px, calc((100vw - 1072px) / 2));
  background-color: #f6f7f9;
  box-sizing: border-box;
}

.page-type-people .view-bloco-equipe-medicos .view-header .block-title {
  font-family: Raleway, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #033936;
  margin: 0 0 16px;
}

/* card = .grid__content (dentro de li.grid do blazy grid) */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .grid__content {
  max-width: 250px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 8px -2px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
/* os campos são filhos DIRETOS do .slide (não há .views-view-fields) →
 * o próprio .slide vira a coluna que reordena imagem/nome/especialidade. */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .grid__content > .slide {
  display: flex;
  flex-direction: column;
}

/* foto no topo, recorte DS + mock de fundo (imagem quebrada não estoura o card) */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-image {
  order: 1;
  padding: 16px 16px 0;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-image .field-content,
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-image a {
  display: block;
  aspect-ratio: 250 / 260;
  border-radius: 8px;
  overflow: hidden;
  background: #e2e5e9 center / cover no-repeat
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 260'%3E%3Crect width='250' height='260' fill='%23e2e5e9'/%3E%3Ccircle cx='125' cy='104' r='44' fill='%23c3c8d0'/%3E%3Cpath d='M55 236c0-38 31-63 70-63s70 25 70 63z' fill='%23c3c8d0'/%3E%3C/svg%3E");
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-image img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 250 / 260;
  object-fit: cover;
  border-radius: 8px;
  color: transparent; /* esconde o alt-text da imagem quebrada */
  font-size: 0;
}
/* nome */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-title-1 {
  order: 2;
  padding: 12px 16px 0;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-title-1 a {
  display: block;
  min-height: 42px; /* 2 linhas — alinha as pílulas mesmo com nome curto */
  margin: 0 !important;
  color: #0e5236 !important;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
}
/* especialidade em pílula (abaixo da imagem) */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-especialidade {
  order: 3;
  padding: 6px 16px 16px;
  /* várias especialidades (view concatena com ', ') → rola em vez de quebrar */
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-especialidade::-webkit-scrollbar {
  height: 0;
  display: none;
}
/* arrastar-para-rolar (JS marca .is-scrollable/.is-grabbing) → cursor mãozinha */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-especialidade.is-scrollable {
  cursor: grab;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-especialidade.is-grabbing {
  cursor: grabbing;
  user-select: none;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-especialidade.is-grabbing .field-content {
  pointer-events: none;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .views-field-field-especialidade .field-content {
  display: inline-block;
  white-space: nowrap;
  max-width: none;
  padding: 2px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 9999px;
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.4;
  color: #404040;
}

/* barra de navegação: setas AO LADO dos dots (igual ac-journey-carousel__nav) —
 * o JS (acPeopleEquipeNav) reparenta seta-anterior + dots + seta-próxima aqui. */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .ac-equipe-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px !important;
  margin: 40px 0;
}
/* nav.slick__arrow original fica vazio depois do reparent → não ocupa espaço */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick__arrow:empty {
  display: none;
}
/* dentro da barra as setas viram itens de flex estáticos (o slick as posiciona
 * absolute nas laterais por padrão) */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .ac-equipe-nav .slick-arrow {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .ac-equipe-nav .slick-dots {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
}

/* setas → IGUAL person-carousel (.ac-person-carousel__btn): 40px, borda
 * #0E5236, bg transparente, chevron polyline; hover invertido. */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  border: 1px solid #0e5236 !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  font-size: 0 !important;
  color: transparent !important;
  z-index: 2;
  transition: background-color 0.2s;
}
/* mata as setas/'→' que o slick-theme injeta via pseudo-elementos */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-arrow::before,
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-arrow::after {
  content: none !important;
  display: none !important;
}
/* chevron = background do próprio botão (sem pseudo-elemento) */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%230E5236' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%230E5236' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-prev:hover {
  background-color: #0e5236 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 18L9 12L15 6' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-next:hover {
  background-color: #0e5236 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* dots → IGUAL person-carousel (.ac-person-carousel__dot): 16px, radius 4,
 * borda #e5e5e5, branco; ativo verde com halo. */
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px !important;
  margin: 24px 0 10px;
  padding: 0;
  list-style: none;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-dots li {
  width: 16px;
  height: 16px;
  margin: 0;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-dots li button {
  width: 16px;
  height: 16px;
  padding: 0;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  font-size: 0;
  line-height: 0;
  color: transparent;
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-dots li button::before {
  content: none !important;
}
.page-type-people .slick--view--bloco-equipe-medicos--block-1 .slick-dots li.slick-active button {
  background: #0e5236;
  border-color: #0e5236;
  box-shadow: 0 0 0 3px rgba(14, 82, 54, 0.5);
}

/* Abas do paragraph `bp-tabs` (Linhas de pesquisa / Publicações): o CSS legado
 * (paragrafos.css) pinta a barra de `background: white`, que destoa do fundo
 * areia do perfil no DS novo.
 * ⚠️ A cor NÃO pode ser `transparent`: a barra tem `width: calc(100% + 2px)` +
 * `margin-left:-1px` justamente pra COBRIR os 1px das bordas laterais da caixa
 * (`.paragraph__column`, que é `border-top:none`) na altura das abas. Sem fundo
 * opaco essas laterais reaparecem subindo até o topo e a caixa parece "cortada".
 * Então usa-se a MESMA cor do fundo da seção, já composta sobre o branco
 * (areia `rgba(246,167,28,.1)` sobre #fff = #fef6e8) — some contra o fundo e
 * segue mascarando as bordas. */
.page-type-people .paragraph--type--bp-tabs .paragraph__column .nav.nav-tabs {
  background: #fef6e8;
}

/* ========== "EQUIPE" DA PÁGINA DE PESQUISADOR (view bloco_equipe_pesquisa) ==========
 * Mesmo content type (`people`), outra view: aqui a única coluna é o NOME
 * (a view não traz foto nem especialidade). Sem estilo, a seção saía como um
 * "Equipe" + link solto no meio da página. Reusa a faixa/título da Equipe de
 * médicos e monta cards só de nome, mesma grade. */
.page-type-people .views-element-container:has(.view-bloco-equipe-pesquisa) {
  width: 100vw;
  margin-inline: calc(50% - 50vw);
  padding-block: 40px;
  padding-inline: max(16px, calc((100vw - 1072px) / 2));
  background-color: #f6f7f9;
  box-sizing: border-box;
}

.page-type-people .view-bloco-equipe-pesquisa .view-header .block-title {
  font-family: Raleway, Arial, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.2;
  color: #033936;
  margin: 0 0 16px;
}

/* Linha sem nome (referência órfã na view legada) renderizaria um card vazio. */
.page-type-people .slick--view--bloco-equipe-pesquisa--block-1 li.grid:not(:has(a)) {
  display: none;
}

.page-type-people .slick--view--bloco-equipe-pesquisa--block-1 .grid__content {
  max-width: 250px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 8px -2px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.page-type-people .slick--view--bloco-equipe-pesquisa--block-1 .views-field-title-1 {
  padding: 16px;
}

.page-type-people .slick--view--bloco-equipe-pesquisa--block-1 .views-field-title-1 a {
  display: block;
  margin: 0 !important;
  color: #0e5236 !important;
  font-family: Raleway, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  text-decoration: none;
}

.page-type-people .slick--view--bloco-equipe-pesquisa--block-1 .views-field-title-1 a:hover,
.page-type-people .slick--view--bloco-equipe-pesquisa--block-1 .views-field-title-1 a:focus {
  text-decoration: underline;
}

/* =============================== MOBILE =============================== */

@media (max-width: 767px) {
  .page-type-people #main-wrapper::before {
    top: -258px;
    right: -10px;
  }
  .page-type-people .ac-people-hero {
    padding: 40px 0 8px;
  }
  .page-type-people .ac-people-hero__meta {
    text-align: left;
    align-self: stretch;
  }
  .page-type-people .ac-people-hero__name {
    font-size: 24px;
  }
}