/* ==== MAIS VISTOS (layout do print) ==== */
.bioculty-mv{
  max-width: 1200px;
  margin: 0px auto;
  padding: 0 18px;
  /* background-color: lightblue; */
}

.bioculty-mv__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.bioculty-mv__title{
  font-size: 28px;
  font-weight: 500;
  margin: 0;
}

.bioculty-mv__arrows{
  display:flex;
  gap: 10px;
}

.bioculty-mv__arrow{
  width: 36px;
  height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.25);
  background: transparent;
  cursor: pointer;
  font-size: 22px;
  line-height: 1;
}

.bioculty-mv__viewport{
  overflow: hidden;
  padding-bottom: 0px;
}

.bioculty-mv__track{
  display:flex;
  gap: 26px;
  scroll-behavior: smooth;
  overflow-x: auto;
  padding-bottom: 6px;

  /* carrossel “limpo” */
  scrollbar-width: none;
}
.bioculty-mv__track::-webkit-scrollbar{ display:none; }

.bioculty-mv__card{
  flex: 0 0 calc((100% - 52px) / 3); /* 3 cards por “página” */
}

@media (max-width: 900px){
  .bioculty-mv__card{ flex-basis: calc((100% - 26px) / 2); }
}
@media (max-width: 620px){
  .bioculty-mv__card{ flex-basis: 100%; }
}

.bioculty-mv__cardLink{
  display:block;
  text-decoration:none;
  color: inherit;
}

.bioculty-mv__thumb{
  aspect-ratio: 7 / 5;   /* antes 16/9 */
  border-radius: 4px;
  overflow: hidden;
  background: #e2d6c2;

  /* “margens” visuais tipo Gutenberg (opcional) */
  margin-top: 24px;
  margin-bottom: 16px;
}

.bioculty-mv__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 1;            /* antes .9 (opcional, deixa mais “nítido”) */
}

.bioculty-mv__thumbPlaceholder{
  width:100%; height:100%;
  background: #e2d6c2;
}
/*
.bioculty-mv__meta{
  padding-top: 10px;
}
*/
/*
.bioculty-mv__tags{
  font-size: 11px;
  font-weight: 600;
  opacity: .85;
  margin-bottom: 4px;
}
*/
/*
.bioculty-mv__h3{
  font-size: 16px;
  margin: 0 0 6px;
  font-weight: 600;
}
*/
/*
.bioculty-mv__excerpt{
  font-size: 12px;
  line-height: 1.35;
  margin: 0 0 8px;
  opacity: .85;
}
*/
/*
.bioculty-mv__cta{
  font-size: 12px;
  text-decoration: underline;
}
*/
/* bolinhas (igual ao print: vários pontinhos) */
/*
.bioculty-mv__dots{
  display:flex;
  gap: 8px;
  margin-top: 10px;
  align-items:center;
}
.bioculty-mv__dot{
  width: 6px; height: 6px;
  border-radius: 999px;
  background: rgba(0,0,0,.25);
  cursor:pointer;
}
.bioculty-mv__dot.is-active{
  background: rgba(0,0,0,.8);
}
*/










/* ====== sobreescrevendo ====== */
/* ====== IGUALAR ESTILO DO EXEMPLO (tags, título, resumo, botão) ====== */

.bioculty-mv__meta{
  padding-top: 0;          /* no exemplo não tem “folga” extra aqui */
}

/* Tags (parecido com <p><strong>Tags</strong>, <strong>Tag2</strong>) */
.bioculty-mv__tags{
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.2;
  /*font-weight: 700; */       /* “strong” */
  opacity: 1;
  /*color: var(--wp--preset--color--preto, #111);*/
}

/* Título (wp-block-heading) */
.bioculty-mv__h3{
  margin: 0 0 10px;
  font-size: 20px;         /* aumenta para ficar como no exemplo */
  line-height: 1.15;
  font-weight: 600;
  color: var(--wp--preset--color--preto, #111);
}

/* Resumo (is-style-text-small) */
.bioculty-mv__excerpt{
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.45;
  opacity: .9;
  color: var(--wp--preset--color--preto, #111);
}

/* Botão outline verde (is-style-verde-btn-outline) */
.bioculty-mv__cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 13px;
  font-weight: 500;
  line-height: 1;

  padding: 10px 16px;
  margin-bottom: 0px;
  border-radius: 6px;

  text-decoration: none;   /* tira underline */
  border: 2px solid var(--wp--preset--color--verde, #2E7D32);
  color: var(--wp--preset--color--verde, #2E7D32);
  background: transparent;
}

/* Hover igual “botão” */
/*
.bioculty-mv__cardLink:hover .bioculty-mv__cta{
  background: var(--wp--preset--color--verde, #2E7D32);
  color: var(--wp--preset--color--branco, #fff);
} */

/* (Opcional) deixar o card com hover suave como bloco Gutenberg */
.bioculty-mv__cardLink:hover .bioculty-mv__h3{
  text-decoration: underline;
  text-underline-offset: 3px;
}



/* =========================================
   COR VERDE CLARA – SETAS E PAGINAÇÃO
========================================= */

:root{
  --bioculty-verde-claro: #8BC34A; /* ajuste aqui se necessário */
}

/* ===== SETAS ===== */

.bioculty-mv__arrow{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid var(--bioculty-verde-claro);
  background: transparent;
  color: var(--bioculty-verde-claro);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s ease;
  margin-left: auto;  
}

/* setas à direita, juntinhas */
.bioculty-mv__arrows{
  margin-left: auto;
  display: flex;
  gap: 8px;
  align-items: center;
}

/* garante que nenhuma seta “empurre” sozinha */
.bioculty-mv__arrow{
  margin-left: 0 !important;
}

.bioculty-mv__arrow:hover{
  background: var(--bioculty-verde-claro);
  color: #fff;
}

/* se as setas forem SVG */
.bioculty-mv__arrow svg{
  stroke: var(--bioculty-verde-claro);
}

.bioculty-mv__arrow:hover svg{
  stroke: #fff;
}




/* */
/* ===== CONTROLES INFERIORES (dots + setas) ===== */

.bioculty-mv__controles{
  margin-top: 0px;              /* diminui espaço entre posts e controles */
  display: flex;
  align-items: center;
  justify-content: space-between; /* dots esquerda, setas direita */
  gap: 16px;
  /* background-color: lightgoldenrodyellow !important; */
}

/* dots à esquerda */
.bioculty-mv__dots{
  margin: 0;
  display: flex;
  gap: 8px;
  align-items: center;
}






/* ===== PONTOS DE PAGINAÇÃO ===== */
/**
.bioculty-mv__dots{
  display: flex;
  gap: 8px;
  margin-top: 18px;
}

.bioculty-mv__dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(139,195,74,.35); 
  transition: all .25s ease;
  cursor: pointer;
}

.bioculty-mv__dot.is-active{
  background: var(--bioculty-verde-claro);
  transform: scale(1.15);
}

.bioculty-mv__dot:hover{
  background: var(--bioculty-verde-claro);
}
*/

/* ===== Dots: borda verde clara fina ===== */
.bioculty-mv__dot{
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid var(--bioculty-verde-claro);
  background: transparent;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  padding: 0;
  margin: 0 4px;
  box-shadow: none;
}

.bioculty-mv__dot.is-active{
  background: var(--bioculty-verde-claro);
  transform: none; /* opcional: remove “zoom” se quiser igualzinho */
}



/* Remove <p> “fantasma” dentro do carrossel (gerado por wpautop/Gutenberg) */
/* Mata o <p> fantasma que contém só um <a> vazio + <br> */
.bioculty-mv__card > p{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.bioculty-mv__card > p > br{
  display: none !important;
}