.field.field--name-field-subtexto.field--type-string.field--label-hidden.field-item {
  display: inline-block;
  margin-bottom: 20px; /* Adiciona um espaço entre o nome e a profissão */
  color: var(--verde-nobre);
  font-size: var(--fonte-texto-p2);
}

.field.field--name-field-titulo-principal.field--type-string.field--label-hidden.field-item {
  display: inline-block;
  margin: 20px 0 5px 0 !important;
}

.paragraph--type--facelift-depoimentos-carrossel .slick-slide>.layout {
  height: 550px;
}
.paragraph--type--facelift-depoimentos-carrossel .slick-slide>.layout .layout__region--first {
  height: 500px;
}

.paragraph--type--ft-blocks .centros-de-referencia-interna .box-cta-centros-de-referencia-interna a {
  background-color: rgb(14 82 54);
  color: white;
}
/* ===================================================================== */
/* PLAY SOBRE O VÍDEO (corrigido para usar o .media__icon do Blazy) */
/* ===================================================================== */

/* garante posicionamento do overlay dentro do vídeo */
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media {
  position: relative;
}

/* overlay escuro por cima do thumbnail */
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 35%);
  z-index: 1;
  pointer-events: none;
}

/* usa o ícone nativo do litebox e força ele a ser o play */
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 140px;
  height: 140px;

  display: block;

  background: url(/themes/custom/mahi_facelift/images/home/campanha/player.png) center no-repeat !important;
  background-size: 110px 110px !important;

  visibility: visible !important;
  opacity: 1 !important;

  z-index: 2;
  pointer-events: none;
  transition: all .5s ease-in;
}

/* remove qualquer pseudo-elemento do ícone (onde o tema pode desenhar a cruz) */
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media__icon::before,
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media__icon::before,
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media__icon::after,
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media__icon--litebox::before,
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media__icon--litebox::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* hover: aumenta o play */
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a:hover .media__icon {
  background-size: 140px 140px !important;
}

/* garante que a imagem fique abaixo do overlay */
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media img {
  position: relative;
  z-index: 0;
  display: block;
}

/* (extra) mata pseudo-elementos do link caso algum tema injete coisa no hover */
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-term a::before,
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-term a::after,
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-term a:hover::before,
.paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-term a:hover::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

@media only screen and (max-width: 767px) {
  .paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a .media__icon {
    width: 120px;
    height: 120px;
    background-size: 95px 95px !important;
  }

  .paragraph--type--banner-box-texto-e-video .node-taxonomy-container .taxonomy-terms .taxonomy-term a:hover .media__icon {
    background-size: 120px 120px !important;
  }
  
      .paragraph--type--banner-box-texto-e-video .paragraph__column>div:nth-child(1) .field-item {
        background-image: url(/sites/default/files/2026-02/banner.webp);
    }
  
}

.paragraph--type--ft-blocks .centros-de-referencia-interna .box-cta-centros-de-referencia-interna a {
	background-color: var(--verde-camargo);
	color: white !important;
}