/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[0]!./src/slider/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Ficheiro SCSS principal para o bloco Slider.
 * Ele importa todos os ficheiros "partials" da pasta /styles.
 */
/* ----------------------------------------------------------------------
       1. ARQUIVO: base.scss (Estrutura e Física)
       ----------------------------------------------------------------------

       [EM VARIABLES] (Configuradas aqui e enviadas para o base.scss)
       ✅ --arrow-spacing
       ✅ --current-slide-gap
       ✅ --current-slides-per-page
       ✅ --current-slider-height

       [NÃO ESTÃO EM VARIABLES] (Calculadas localmente dentro do base.scss)
       ❌ --total-gaps          (Cálculo matemático interno)
       ❌ --total-gap-width     (Cálculo matemático interno)
       ❌ --slide-width         (Resultado final da largura)
       ❌ --total-gap-height    (Cálculo matemático interno vertical)
       ❌ --slide-height        (Resultado final da altura)
       ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
       2. ARQUIVO: arrows.scss (Estilo e Tamanho das Setas)
       ----------------------------------------------------------------------

       [EM VARIABLES] (Responsividade - Definidas em Media Queries)
       ✅ --current-arrow-margin-top/right/bottom/left
       ✅ --current-arrow-btn-width
       ✅ --current-arrow-btn-height

       [NÃO ESTÃO EM VARIABLES] (Estilo Visual - Injetadas direto pelo block-props.js)
       ⚠️ Estas variáveis vêm direto do Painel para o CSS Inline do Bloco.
          Não precisam ser declaradas no _variables.scss, mas são usadas aqui.

       -> --arrow-color
       -> --bkg-arrow-color
       -> --border-arrow-color
       -> --arrow-border-width
       -> --arrow-border-radius
       -> --focus-ring-color
       -> --arrow-disabled-opacity
       ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
       3. ARQUIVO: dots.scss (Paginação, Thumbs, Abas)
       ----------------------------------------------------------------------

       [EM VARIABLES] (Responsividade - Definidas em Media Queries)
       ✅ --c-dot-default-gap / width / height / after-width / after-height

       ✅ --c-dot-text-thumbs-per-page / width / height / font-size
       ✅ --c-dot-image-gap / thumbs-per-page / card-width / card-height

       [NÃO ESTÃO EM VARIABLES] (Estilo Visual - Injetadas direto pelo Painel)
       ⚠️ Estas variáveis controlam cores, bordas e lógica de layout interno
          específico de cada tipo de dot.

       -> --arrow-spacing (Usado para limitar a largura máxima do container de dots)

       [Variáveis Específicas de Tipo]
       -> Default: --dot-default-inactive-scale, --dot-default-active-after-bkg-color...
       -> Text:    --dot-text-thumb-max-width, --dot-text-active-color...
       -> Image:   --dot-image-object-fit, --dot-image-card-aspect-ratio...
       -> Fraction: --dot-fraction-font-family, --dot-fraction-color...
       ---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
       4. ARQUIVO: layouts.scss (Sistema de Grid e Posicionamento)
       ----------------------------------------------------------------------

       [EM VARIABLES] 
       ❌ Nenhuma. 
       Este arquivo não depende de variáveis globais de tamanho ou cor.

       [NÃO ESTÃO EM VARIABLES] (Injetadas Dinamicamente pelo Javascript)
       ⚠️ Estas variáveis definem a "Topologia do Grid". Elas mudam 
          completamente baseadas na escolha do Layout (Layout 1, 2, Split...).

       [Estrutura do Grid]
       -> --layout-areas      (Define onde fica cada elemento: "header viewport")
       -> --layout-columns    (Largura das colunas)
       -> --layout-rows       (Altura das linhas)

       [Posicionamento das Setas]
       -> --arrows-area            (Em qual área do grid elas ficam?)
       -> --arrows-align           (Alinhamento Vertical: start/center/end)
       -> --arrows-justify         (Alinhamento Horizontal)
       -> --arrows-inner-justify   (Espaço entre os botões: space-between/center)
       -> --arrows-vertical-align  (Alinhamento flex interno)
       -> --arrows-z-index         (Camada)

       [Posicionamento dos Dots]
       -> --dots-area, --dots-align, --dots-justify... (Mesma lógica das setas)

       [Posicionamento do Progresso]
       -> --progress-area, --progress-align, --progress-justify...
       ---------------------------------------------------------------------- */
.wp-block-wpmundi-slider.embla {
  /* Mobile (Default) */
  /* BASE */
  --current-slides-per-page: var(--slides-per-page-small, 1);
  --current-slide-gap: var(--slide-gap-small, 0px);
  --current-slider-height: var(--slider-height-small, 350px);
  /* --- ARROWS (SETAS) --- */
  --current-arrow-margin-top: var(--arrow-margin-small-top, 0px);
  --current-arrow-margin-right: var(--arrow-margin-small-right, 0px);
  --current-arrow-margin-bottom: var(--arrow-margin-small-bottom, 0px);
  --current-arrow-margin-left: var(--arrow-margin-small-left, 0px);
  --current-arrow-btn-width: var(--arrow-button-width-small, 44px);
  --current-arrow-btn-height: var(--arrow-button-height-small, 44px);
  /* --- DOTS --- */
  --c-dot-default-gap: var(--dot-default-gap-small, 4px);
  --c-dot-default-width: var(--dot-default-width-small);
  --c-dot-default-height: var(--dot-default-height-small);
  --c-dot-default-after-width: var(--dot-default-after-width-small);
  --c-dot-default-after-height: var(--dot-default-after-height-small);
  --c-dot-default-after-border-width: var(--dot-default-after-border-width-small, 2px);
  --c-dot-text-thumbs-per-page: var(--dot-text-thumbs-per-page-small, 2);
  --c-dot-text-width: var(--dot-text-width-small);
  --c-dot-text-height: var(--dot-text-height-small);
  --c-dot-text-content-border-width: var(--dot-text-content-border-width-small);
  --c-dot-text-font-size: var(--dot-text-font-size-small, 12px);
  --c-dot-image-gap: var(--dot-image-gap-small, 8px);
  --c-dot-image-thumbs-per-page: var(--dot-image-thumbs-per-page-small, 3);
  --c-dot-image-card-width: var(--dot-image-card-width-small, 44px);
  --c-dot-image-card-height: var(--dot-image-card-height-small, 44px);
  --c-dot-image-card-border-width: var(--dot-image-card-border-width-small);
  /* Tablet */
  /* Desktop */
  /* BASE - ARROWS - DOTS */
  --arrow-spacing: calc(var(--current-arrow-btn-width) * (var(--arrow-spacing-factor, 0) / 100));
}

@media (min-width: 768px) {
  .wp-block-wpmundi-slider.embla {
    /* BASE */
    --current-slides-per-page: var(--slides-per-page-medium, 2);
    --current-slide-gap: var(--slide-gap-medium, 0px);
    --current-slider-height: var(--slider-height-medium, 400px);
    /* --- ARROWS (SETAS) --- */
    --current-arrow-margin-top: var(--arrow-margin-medium-top, 0px);
    --current-arrow-margin-right: var(--arrow-margin-medium-right, 0px);
    --current-arrow-margin-bottom: var(--arrow-margin-medium-bottom, 0px);
    --current-arrow-margin-left: var(--arrow-margin-medium-left, 0px);
    --current-arrow-btn-width: var(--arrow-button-width-medium, 44px);
    --current-arrow-btn-height: var(--arrow-button-height-medium, 44px);
    /* --- DOTS --- */
    --c-dot-default-gap: var(--dot-default-gap-medium, 4px);
    --c-dot-default-width: var(--dot-default-width-medium);
    --c-dot-default-height: var(--dot-default-height-medium);
    --c-dot-default-after-width: var(--dot-default-after-width-medium);
    --c-dot-default-after-height: var(--dot-default-after-height-medium);
    --c-dot-default-after-border-width: var(--dot-default-after-border-width-medium, 2px);
    --c-dot-text-thumbs-per-page: var(--dot-text-thumbs-per-page-medium, 2);
    --c-dot-text-width: var(--dot-text-width-medium);
    --c-dot-text-height: var(--dot-text-height-medium);
    --c-dot-text-content-border-width: var(--dot-text-content-border-width-medium);
    --c-dot-text-font-size: var(--dot-text-font-size-medium, 12px);
    --c-dot-image-gap: var(--dot-image-gap-medium, 8px);
    --c-dot-image-thumbs-per-page: var(--dot-image-thumbs-per-page-medium, 3);
    --c-dot-image-card-width: var(--dot-image-card-width-medium);
    --c-dot-image-card-height: var(--dot-image-card-height-medium);
    --c-dot-image-card-border-width: var(--dot-image-card-border-width-medium);
  }
}
@media (min-width: 992px) {
  .wp-block-wpmundi-slider.embla {
    /* BASE */
    --current-slides-per-page: var(--slides-per-page-large, 3);
    --current-slide-gap: var(--slide-gap-large, 0px);
    --current-slider-height: var(--slider-height-large, 500px);
    /* --- ARROWS (SETAS) --- */
    --current-arrow-margin-top: var(--arrow-margin-large-top, 0px);
    --current-arrow-margin-right: var(--arrow-margin-large-right, 0px);
    --current-arrow-margin-bottom: var(--arrow-margin-large-bottom, 0px);
    --current-arrow-margin-left: var(--arrow-margin-large-left, 0px);
    --current-arrow-btn-width: var(--arrow-button-width-large, 44px);
    --current-arrow-btn-height: var(--arrow-button-height-large, 44px);
    /* --- DOTS --- */
    --c-dot-default-gap: var(--dot-default-gap-large, 4px);
    --c-dot-default-width: var(--dot-default-width-large);
    --c-dot-default-height: var(--dot-default-height-large);
    --c-dot-default-after-width: var(--dot-default-after-width-large);
    --c-dot-default-after-height: var(--dot-default-after-height-large);
    --c-dot-default-after-border-width: var(--dot-default-after-border-width-large, 2px);
    --c-dot-text-thumbs-per-page: var(--dot-text-thumbs-per-page-large, 2);
    --c-dot-text-width: var(--dot-text-width-large);
    --c-dot-text-height: var(--dot-text-height-large);
    --c-dot-text-content-border-width: var(--dot-text-content-border-width-large);
    --c-dot-text-font-size: var(--dot-text-font-size-large, 12px);
    --c-dot-image-gap: var(--dot-image-gap-large, 8px);
    --c-dot-image-thumbs-per-page: var(--dot-image-thumbs-per-page-large, 3);
    --c-dot-image-card-width: var(--dot-image-card-width-large);
    --c-dot-image-card-height: var(--dot-image-card-height-large);
    --c-dot-image-card-border-width: var(--dot-image-card-border-width-large);
  }
}
.wp-block-wpmundi-slider.embla {
  position: relative;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: none;
  margin-block-start: 0;
  margin-block-end: 0;
  /* --- 2. VIEWPORT (Janela de Visualização) --- */
}

.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport {
  width: calc(100% - var(--arrow-spacing, 0px) * 2);
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  min-width: 0;
  position: relative;
  touch-action: pan-y pinch-zoom;
  /* --- CONTAINER INTERNO  --- */
}

.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container {
  display: flex;
  /* gap: var(--current-slide-gap); */
  margin-left: 0;
  margin-right: calc(var(--current-slide-gap) * -1);
  /* --- SLIDES  --- */
}

.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container.wp-block-post-template,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container.wp-block-post-template,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container.wp-block-post-template,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container.wp-block-post-template {
  max-width: none;
}

.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container .wp-block-post,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container .wp-block-post,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container .embla__slide,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container .wp-block-post,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container .wp-block-post,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container .embla__slide {
  --total-gaps: calc(var(--current-slides-per-page) - 1);
  --total-gap-width: calc(var(--current-slide-gap) * var(--total-gaps));
  --slide-width: calc((100% - var(--total-gap-width)) / var(--current-slides-per-page));
  flex: 0 0 var(--slide-width);
  max-width: var(--slide-width);
  min-width: 0;
  position: relative;
  margin-right: var(--current-slide-gap);
  margin-block-start: 0 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: border-box;
}

.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide *:focus,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide *:focus-visible,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide *:focus-within,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container .embla__slide *:focus,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container .embla__slide *:focus-visible,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container .embla__slide *:focus-within,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide *:focus,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide *:focus-visible,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide *:focus-within,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container .embla__slide *:focus,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container .embla__slide *:focus-visible,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container .embla__slide *:focus-within {
  outline: none !important;
  box-shadow: none !important;
}

.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide:focus,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide:focus-visible,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container .embla__slide:focus,
.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport.embla__viewport .wp-block-post-template.embla__container .embla__slide:focus-visible,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide:focus,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-wpmundi-slider-container.embla__container .embla__slide:focus-visible,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container .embla__slide:focus,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport .wp-block-post-template.embla__container .embla__slide:focus-visible {
  outline: none !important;
}

/* --- 4. REGRAS ESPECÍFICAS (Vertical e Draggable) --- */
/* Oculta paginação padrão do Query Loop */
.wp-block-wpmundi-slider .wp-block-query-pagination {
  display: none !important;
}

/* Modo Vertical (Axis Y) */
.wp-block-wpmundi-slider.embla[data-axis=y] {
  height: var(--current-slider-height);
  min-height: var(--current-slider-height);
  position: relative;
}

.wp-block-wpmundi-slider.embla[data-axis=y] .wp-block-wpmundi-slider-viewport.embla__viewport {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.wp-block-wpmundi-slider.embla[data-axis=y] .wp-block-wpmundi-slider-viewport.embla__viewport .embla__container {
  flex-direction: column;
  height: 100%;
  width: 100%;
  /* [ATUALIZADO] Gap Vertical */
  /* gap: var(--current-slide-gap); */
  margin-right: 0; /* Reseta o horizontal */
  margin-bottom: calc(var(--current-slide-gap) * -1);
}

.wp-block-wpmundi-slider.embla[data-axis=y] .wp-block-wpmundi-slider-viewport.embla__viewport .embla__container .embla__slide {
  /* Recálculo para altura vertical (mesma lógica da largura) */
  --total-gaps: calc(var(--current-slides-per-page) - 1);
  --total-gap-height: calc(var(--current-slide-gap) * var(--total-gaps));
  --slide-height: calc((100% - var(--total-gap-height)) / var(--current-slides-per-page));
  flex: 0 0 var(--slide-height);
  height: var(--slide-height);
  width: 100%;
  min-width: 100%;
  margin-right: 0;
  margin-bottom: var(--current-slide-gap);
}

/* Draggable Cursor */
.wp-block-wpmundi-slider.embla[data-draggable=true] .embla__viewport {
  cursor: grab;
}

.wp-block-wpmundi-slider.embla[data-draggable=true] .embla__viewport.is-dragging {
  cursor: grabbing;
}

/* ==========================================================================
   ESTILOS DAS SETAS (ARROWS)
   ==========================================================================

   [RASTREAMENTO DE VARIÁVEIS]

   1. Variáveis Responsivas (Definidas em _variables.scss):
      --current-arrow-margin-top/right/bottom/left
      --current-arrow-btn-width
      --current-arrow-btn-height

   2. Variáveis Globais de Estilo (Vêm direto de block-props.js / Painel):
      --arrow-color             -> Cor do ícone SVG
      --bkg-arrow-color         -> Cor de fundo do botão
      --border-arrow-color      -> Cor da borda
      --arrow-border-width      -> Espessura da borda (px)
      --arrow-border-radius     -> Arredondamento (px ou %)
      --focus-ring-color        -> Cor do anel de foco (Acessibilidade)
      --arrow-disabled-opacity  -> Opacidade do estado desabilitado (0 a 1)
   ========================================================================== */
.wp-block-wpmundi-slider .embla__buttons {
  /* 1. Margens Responsivas (Consomem a variável unificada) */
  margin: var(--current-arrow-margin-top) var(--current-arrow-margin-right) var(--current-arrow-margin-bottom) var(--current-arrow-margin-left);
  /* 2. Largura Calculada Responsiva (Baseada na margem atual) */
  width: calc(100% - (var(--current-arrow-margin-left, 0px) + var(--current-arrow-margin-right, 0px)));
  gap: 8px; /* Espaço fixo entre os botões */
}

.wp-block-wpmundi-slider .embla__buttons .embla__button {
  /* 3. Dimensões Responsivas (Consomem a variável unificada) */
  width: var(--current-arrow-btn-width);
  height: var(--current-arrow-btn-height);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* Estilos Visuais (Cores, Bordas - Variáveis Globais) */
  color: var(--arrow-color, #333);
  background-color: var(--bkg-arrow-color, transparent);
  border: var(--arrow-border-width, 1px) solid var(--border-arrow-color, transparent);
  border-radius: var(--arrow-border-radius, 50%);
  touch-action: manipulation;
  outline: none;
  transition: box-shadow 0.2s;
  /* Estados Interativos */
}

.wp-block-wpmundi-slider .embla__buttons .embla__button .embla__button__svg {
  width: 100%;
  height: 100%;
}

.wp-block-wpmundi-slider .embla__buttons .embla__button .embla__button__svg > * {
  transition: transform 0.2s ease-in-out;
  transform-origin: center;
  transform: scale(1);
}

.wp-block-wpmundi-slider .embla__buttons .embla__button:hover:not([disabled]) .embla__button__svg > * {
  transform: scale(1.25);
}

.wp-block-wpmundi-slider .embla__buttons .embla__button:focus-visible {
  box-shadow: 0 0 0 2px var(--focus-ring-color, #007cba);
}

.wp-block-wpmundi-slider .embla__buttons .embla__button:disabled {
  opacity: var(--arrow-disabled-opacity, 0.4);
  cursor: default;
}

/* Regra Específica para Slider Vertical (Apenas rotação visual) */
.wp-block-wpmundi-slider .embla[data-axis=y] .embla__buttons .embla__button .embla__button__svg {
  transform: rotate(90deg);
}

/* ==========================================================================
   ESTILOS DOS DOTS E THUMBS (PAGINAÇÃO)
   ==========================================================================

   [RASTREAMENTO DE VARIÁVEIS]

   1. Variáveis Responsivas (Definidas em _variables.scss):
      --c-dot-default-gap
      --c-dot-default-width / height
      --c-dot-default-after-width / height / border-width

      --c-dot-text-thumbs-per-page / width / height / font-size
      --c-dot-image-gap
      --c-dot-image-thumbs-per-page
      --c-dot-image-card-border-width

   2. Variáveis Globais de Estilo (Vêm direto de block-props.js / Painel):
      --dot-outline-color / width         -> Foco e Seleção
      --focus-ring-color                  -> Acessibilidade
      --arrow-spacing                     -> Para cálculo de largura máxima

      [Fraction]
      --dot-fraction-font-family / weight / color

      [Text]
      --dot-text-font-family / weight
      --dot-text-active/inactive-color
      --dot-text-viewport-margin...
      --dot-text-content-border-radius...

      [Image]
      --dot-image-object-fit
      --dot-image-card-aspect-ratio
      --dot-image-card-border-radius...
      --dot-image-margin...
   ========================================================================== */
/* ==========================================================================
   1. CONTAINER (.embla__dots)
   Define o layout da régua de paginação, gaps e containers de thumbs.
   ========================================================================== */
.wp-block-wpmundi-slider.embla .embla__dots {
  box-sizing: border-box;
  /* margin-left: auto;
  margin-right: auto; */
  overflow: hidden;
  /* Largura limitada pelo espaço das setas (definido em arrows) */
  width: calc(100% - var(--arrow-spacing, 0px) * 2);
  max-width: calc(100% - var(--arrow-spacing, 0px) * 2);
  /* --- TIPO: DEFAULT (Bolinhas) --- */
  /* --- TIPO: TEXT (Abas/Texto) --- */
  /* --- TIPO: IMAGE (Miniaturas) --- */
  /* --- TIPO: FRACTION (1/10) --- */
  /* --- COMPORTAMENTO GERAL DOS THUMBS (Drag & Scroll) --- */
}

.wp-block-wpmundi-slider.embla .embla__dots.embla__dots--default {
  gap: var(--c-dot-default-gap);
}

.wp-block-wpmundi-slider.embla .embla__dots.embla__dots--text {
  --dots-gap: 12px;
}

.wp-block-wpmundi-slider.embla .embla__dots.embla__dots--text .embla__viewport.thumb {
  width: var(--dot-text-thumb-max-width, 100%);
  margin-top: var(--dot-text-viewport-margin-top, 0px);
  margin-right: var(--dot-text-viewport-margin-right, 0px);
  margin-bottom: var(--dot-text-viewport-margin-bottom, 0px);
  margin-left: var(--dot-text-viewport-margin-left, 0px);
}

.wp-block-wpmundi-slider.embla .embla__dots.embla__dots--text .embla__viewport.thumb .embla__container.thumb {
  /* gap: var(--dots-gap); */
  margin-right: calc(var(--dots-gap) * -1) !important;
  /* Garante alinhamento limpo na esquerda */
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.wp-block-wpmundi-slider.embla .embla__dots.embla__dots--image .embla__viewport.thumb {
  width: var(--dot-image-thumb-max-width);
  margin: var(--dot-image-viewport-margin-top) var(--dot-image-viewport-margin-right) var(--dot-image-viewport-margin-bottom) var(--dot-image-viewport-margin-left);
  /* --- cls --- */
  /* ... variáveis locais ... */
  --cls-gap: var(--c-dot-image-gap, 0px);
  --cls-count: var(--c-dot-image-thumbs-per-page, 4);
  --cls-ratio: var(--dot-image-card-aspect-ratio, 1/1);
  --cls-container-width: var(--dot-image-thumb-max-width, 100%);
  --cls-single-thumb-width: calc( (var(--cls-container-width) - (var(--cls-gap) * (var(--cls-count) - 1))) / var(--cls-count) );
  min-height: calc(var(--cls-single-thumb-width) / (var(--cls-ratio)));
}

.wp-block-wpmundi-slider.embla .embla__dots.embla__dots--image .embla__viewport.thumb .embla__container.thumb {
  margin-left: auto;
  margin-right: auto;
  /* gap: var(--c-dot-image-gap, 0px); */
  margin-right: calc(var(--c-dot-image-gap, 0px) * -1) !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  height: 100%;
  min-width: 0;
  min-height: 0;
  box-sizing: border-box;
}

.wp-block-wpmundi-slider.embla .embla__dots.embla__dots--fraction .embla__fraction__container {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-width: var(--dot-fraction-min-width);
  font-family: var(--dot-fraction-font-family);
  font-size: min(var(--dot-fraction-font-size, 14px), 8vw);
  font-weight: var(--dot-fraction-font-weight, normal);
  color: var(--dot-fraction-color, #333);
  background-color: var(--dot-fraction-bg-color, #fff);
  margin-top: var(--dot-fraction-margin-top, 20px);
  margin-right: var(--dot-fraction-margin-right, 20px);
  margin-bottom: var(--dot-fraction-margin-bottom, 20px);
  margin-left: var(--dot-fraction-margin-left, 20px);
  padding-top: var(--dot-fraction-padding-top);
  padding-right: var(--dot-fraction-padding-right);
  padding-bottom: var(--dot-fraction-padding-bottom);
  padding-left: var(--dot-fraction-padding-left);
  border-top: var(--dot-fraction-border-top);
  border-right: var(--dot-fraction-border-right);
  border-bottom: var(--dot-fraction-border-bottom);
  border-left: var(--dot-fraction-border-left);
  border-top-left-radius: var(--dot-fraction-radius-tl);
  border-top-right-radius: var(--dot-fraction-radius-tr);
  border-bottom-right-radius: var(--dot-fraction-radius-br);
  border-bottom-left-radius: var(--dot-fraction-radius-bl);
}

.wp-block-wpmundi-slider.embla .embla__dots .embla__viewport.thumb {
  margin: 0;
  overflow: hidden;
  cursor: grab;
}

.wp-block-wpmundi-slider.embla .embla__dots .embla__viewport.thumb:active {
  cursor: grabbing;
}

.wp-block-wpmundi-slider.embla .embla__dots .embla__viewport.thumb .embla__container.thumb {
  display: flex;
}

.wp-block-wpmundi-slider.embla .embla__dots .embla__container.thumb .embla__slide {
  cursor: inherit;
}

.wp-block-wpmundi-slider.embla .embla__dots .embla__container.thumb .embla__slide:active {
  cursor: inherit;
}

/* ==========================================================================
   2. ITEM INDIVIDUAL (.embla__dot)
   Estilo visual de cada botão/bolinha/card.
   ========================================================================== */
.wp-block-wpmundi-slider.embla .embla__dot {
  display: flex;
  justify-content: center;
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  outline: none;
  /* --- ESTILO: DEFAULT --- */
  /* --- ESTILO: TEXT --- */
  /* --- ESTILO: IMAGE --- */
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-default {
  width: var(--c-dot-default-width);
  height: var(--c-dot-default-height);
  overflow: hidden;
  position: relative;
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-default::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: all 0.2s;
  transform: translate(-50%, -50%) scale(var(--dot-default-inactive-scale, 0.75));
  width: var(--c-dot-default-after-width);
  height: var(--c-dot-default-after-height);
  border-radius: var(--dot-default-after-border-radius, 50%);
  box-sizing: border-box;
  background-color: var(--dot-default-inactive-after-bkg-color, transparent);
  border: var(--c-dot-default-after-border-width) solid var(--dot-default-inactive-after-border-color, #ccc);
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-default.embla__dot--selected::after {
  border-color: var(--dot-default-active-after-border-color, #333);
  background-color: var(--dot-default-active-after-bkg-color, #333);
  transform: translate(-50%, -50%) scale(1);
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-text {
  --dots-gap: 12px;
  --count: var(--c-dot-text-thumbs-per-page);
  /* Cálculo de largura flexível baseado na quantidade por página */
  flex: 0 0 calc((100% - var(--dots-gap) * (var(--count) - 1)) / var(--count));
  max-width: calc((100% - var(--dots-gap) * (var(--count) - 1)) / var(--count));
  height: var(--c-dot-text-height);
  min-width: 44px;
  min-height: 44px;
  margin-right: var(--dots-gap) !important;
  margin-bottom: 0 !important;
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-text .embla__dot__text {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-style: solid;
  box-sizing: border-box;
  transition: all 0.2s;
  transform: scale(var(--dot-text-inactive-scale, 1));
  border-top-left-radius: var(--dot-text-content-border-top-left-radius);
  border-top-right-radius: var(--dot-text-content-border-top-right-radius);
  border-bottom-right-radius: var(--dot-text-content-border-bottom-right-radius);
  border-bottom-left-radius: var(--dot-text-content-border-bottom-left-radius);
  border-width: var(--c-dot-text-content-border-width);
  border-color: var(--dot-text-inactive-content-border-color);
  background-color: var(--dot-text-inactive-content-bkg-color, transparent);
  color: var(--dot-text-inactive-color, #333);
  font-family: var(--dot-text-font-family);
  font-size: var(--c-dot-text-font-size);
  font-weight: var(--dot-text-inactive-font-weight, normal);
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-text.embla__dot--selected .embla__dot__text {
  border-color: var(--dot-text-active-content-border-color);
  background-color: var(--dot-text-active-content-bkg-color, transparent);
  color: var(--dot-text-active-color, #fff);
  font-weight: var(--dot-text-active-font-weight, bold);
  transform: scale(1);
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-image {
  /* Cálculo de largura flexível baseado na quantidade por página */
  flex: 0 0 calc((100% - var(--c-dot-image-gap, 0px) * (var(--c-dot-image-thumbs-per-page) - 1)) / var(--c-dot-image-thumbs-per-page));
  max-width: calc((100% - var(--c-dot-image-gap, 0px) * (var(--c-dot-image-thumbs-per-page) - 1)) / var(--c-dot-image-thumbs-per-page));
  margin-right: var(--c-dot-image-gap, 0px) !important;
  box-sizing: border-box;
  padding: 2px;
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-image .embla__dot__card {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  aspect-ratio: var(--dot-image-card-aspect-ratio, 1/1);
  border-radius: var(--dot-image-card-border-top-left-radius) var(--dot-image-card-border-top-right-radius) var(--dot-image-card-border-bottom-right-radius) var(--dot-image-card-border-bottom-left-radius);
  border-style: solid;
  border-width: var(--c-dot-image-card-border-width);
  border-color: var(--dot-image-card-inactive-border-color, transparent);
  background-color: var(--dot-image-card-inactive-bkg-color, #e0e0e0);
  /* cls - Se a cor inativa for transparente, use um fallback cinza claro para carregamento */
  background-color: #f0f0f0;
  transition: all 0.2s;
  transform: scale(var(--dot-image-inactive-scale, 1));
  overflow: hidden;
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-image .embla__dot__card:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-image .embla__dot__card:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--focus-ring-color, #007cba);
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-image .embla__dot__card .embla__dot__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -o-object-fit: var(--dot-image-object-fit, contain);
     object-fit: var(--dot-image-object-fit, contain);
  opacity: var(--dot-image-inactive-opacity, 1);
  transition: all 0.2s;
  /* --- cls --- */
  animation: fadeIn 0.3s ease-in-out;
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-image .embla__dot__card .embla__dot__image:focus-visible {
  outline: none;
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-image.embla__dot--selected .embla__dot__card {
  border-color: var(--dot-image-card-active-border-color, transparent);
  background-color: var(--dot-image-card-active-bkg-color, transparent);
  transform: scale(1);
  outline: var(--dot-outline-width, 2px) solid var(--dot-outline-color, #007cba);
}

.wp-block-wpmundi-slider.embla .embla__dot.dot-image.embla__dot--selected .embla__dot__card .embla__dot__image {
  opacity: 1;
}

/* ==========================================================================
   3. TRANSIÇÕES E ESTADOS DE FOCO (GLOBAL)
   ========================================================================== */
.wp-block-wpmundi-slider {
  /* Base Transition */
  /* Focus Visible (Acessibilidade) */
  /* Hover Effects (quando não selecionado) */
}

.wp-block-wpmundi-slider .embla__dot.dot-default::after,
.wp-block-wpmundi-slider .embla__dot.dot-text .embla__dot__text,
.wp-block-wpmundi-slider .embla__dot.dot-image .embla__dot__card {
  transition: all 0.2s;
}

.wp-block-wpmundi-slider .embla__dot.dot-default:focus-visible::after,
.wp-block-wpmundi-slider .embla__dot.dot-text:focus-visible .embla__dot__text,
.wp-block-wpmundi-slider .embla__dot.dot-image:focus-visible .embla__dot__card {
  box-shadow: 0 0 0 2px var(--focus-ring-color, #007cba);
}

.wp-block-wpmundi-slider .embla__dot.dot-default:not(.embla__dot--selected):hover.dot-default::after {
  transform: translate(-50%, -50%) scale(1);
}

.wp-block-wpmundi-slider .embla__dot.dot-text:not(.embla__dot--selected):hover .embla__dot__text,
.wp-block-wpmundi-slider .embla__dot.dot-image:not(.embla__dot--selected):hover .embla__dot__card {
  transform: scale(1);
  opacity: 0.95;
}

/* ==========================================================================
   PREVENÇÃO DE SELEÇÃO (BUG DO AZUL)
   ========================================================================== */
.embla__dots,
.embla__dot,
.embla__container.thumb,
.embla__viewport.thumb {
  /* Impede que o navegador selecione o elemento como texto */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* Remove o flash azul ao tocar em celulares */
  -webkit-tap-highlight-color: transparent;
}

/* Opcional: Garante que a imagem dentro do dot também não seja arrastável como arquivo */
.embla__dot img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none; /* Deixa o clique passar para o botão pai */
}

/* ==========================================================================
   ESTILOS DA BARRA DE PROGRESSO (PROGRESS BAR)
   ==========================================================================

   [RASTREAMENTO DE VARIÁVEIS]

   1. Variáveis de Dimensão e Layout:
      --arrow-spacing           -> (Global) Espaço reservado das setas, define a largura base.
      --progress-bar-width      -> (Painel) Fator de escala da largura (0 a 100).
      --progress-bar-height     -> (Painel) Espessura da barra (px).

   2. Variáveis de Estilo (Cores):
      --progress-bar-track-color -> Cor do fundo da trilha (inativo).
      --progress-bar-color       -> Cor da barra de preenchimento (ativo).
   ========================================================================== */
.wp-block-wpmundi-slider .embla__progress {
  /* Cálculos Locais */
  /* --base-width: calc(100% - (var(--arrow-spacing, 0px) * 2)); */
  --base-width: calc(100% - (var(--arrow-spacing, 0px) * 2) - var(--progress-margin-left, 0px) - var(--progress-margin-right, 0px));
  --scale-factor: var(--progress-bar-width, 100);
  /* Estilos da Trilha (Track) */
  background-color: var(--progress-bar-track-color, #f0f0f0);
  height: var(--progress-bar-height, 4px);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
  /* Posicionamento */
  margin-top: var(--progress-margin-top, 0px);
  margin-right: var(--progress-margin-right, 0px);
  margin-bottom: var(--progress-margin-bottom, 0px);
  margin-left: var(--progress-margin-left, 0px);
  /* Largura dinâmica baseada nas setas e no fator de escala */
  width: calc(var(--base-width) * (var(--scale-factor)) / 100);
}

.wp-block-wpmundi-slider .embla__progress__bar {
  /* Estilos do Preenchimento */
  background-color: var(--progress-bar-color, #007cba);
  height: 100%;
  transform: translateX(-100%); /* JS controla isso via style.transform */
  will-change: transform; /* Otimização de performance */
}

/* ==========================================================================
   LAYOUTS E POSICIONAMENTO (GRID SYSTEM)
   ==========================================================================

   RESPONSABILIDADE DESTE ARQUIVO:
   1. Definir a estrutura do Grid (Areas, Rows, Columns).
   2. Posicionar os elementos filhos nas áreas do Grid.
   3. Controlar o alinhamento (Align/Justify) baseado nas variáveis do JS.
   4. Controlar a sobreposição (Z-Index).

   NOTA:
   - Não definir LARGURAS (width) ou MARGENS aqui (ver arrows.scss, dots.scss).
   - Não usar mixins de altura fixa. O Grid deve se ajustar ao conteúdo (auto).
   ========================================================================== */
.wp-block-wpmundi-slider.embla {
  /* --- 1. DEFINIÇÃO DO GRID --- */
  display: grid;
  grid-template-areas: var(--layout-areas, "header" "viewport");
  grid-template-columns: var(--layout-columns, 100%);
  grid-template-rows: var(--layout-rows, auto 1fr);
  /* --- 2. HEADER (Opcional) --- */
  /* --- 3. VIEWPORT (O Slider Principal) --- */
  /* --- 4. SETAS (ARROWS CONTAINER) --- */
  /* --- 5. DOTS & THUMBS CONTAINER --- */
  /* --- 6. BARRA DE PROGRESSO --- */
}

.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-header {
  grid-area: header;
}

.wp-block-wpmundi-slider.embla .wp-block-wpmundi-slider-viewport,
.wp-block-wpmundi-slider.embla .wp-block-query.embla__viewport {
  grid-area: viewport;
  z-index: 1;
}

.wp-block-wpmundi-slider.embla .embla__buttons {
  /* Posicionamento no Grid */
  grid-area: var(--arrows-area, viewport);
  align-self: var(--arrows-align, center);
  justify-self: var(--arrows-justify, center);
  z-index: var(--arrows-z-index, 20);
  /* Alinhamento Interno dos Botões */
  display: flex;
  justify-content: var(--arrows-inner-justify, space-between);
  align-items: var(--arrows-vertical-align, center);
  /* Permite clicar através da área vazia container */
  pointer-events: none;
  height: auto;
  /* Reativa clique nos botões */
}

.wp-block-wpmundi-slider.embla .embla__buttons .embla__button {
  pointer-events: auto;
}

.wp-block-wpmundi-slider.embla .embla__dots {
  /* Posicionamento no Grid */
  grid-area: var(--dots-area, viewport);
  align-self: var(--dots-align, end);
  justify-self: var(--dots-justify, center);
  z-index: var(--dots-z-index, 20);
  /* Alinhamento Interno */
  display: flex;
  justify-content: var(--dots-inner-justify, center);
  align-items: var(--dots-vertical-align, center);
  height: auto;
  /* Permite clicar através da área vazia */
  pointer-events: none;
  /* Reativa clique nos elementos interativos filhos */
}

.wp-block-wpmundi-slider.embla .embla__dots .embla__container {
  /* flex-direction: var(--thumbs-direction-large, row); */
  flex-direction: row;
}

.wp-block-wpmundi-slider.embla .embla__dots .embla__dot,
.wp-block-wpmundi-slider.embla .embla__dots .embla__button,
.wp-block-wpmundi-slider.embla .embla__dots .embla__viewport.thumb,
.wp-block-wpmundi-slider.embla .embla__dots .embla__fraction__container {
  pointer-events: auto;
}

.wp-block-wpmundi-slider.embla .embla__progress {
  /* Posicionamento no Grid */
  grid-area: var(--progress-area, viewport);
  align-self: var(--progress-align, end);
  justify-self: var(--progress-justify, center);
  z-index: var(--progress-z-index, 10);
}

/* ==========================================================================
   OVERRIDE DE LAYOUT V1 (SOMENTE DESKTOP)
   Transforma o layout empilhado (padrão) em layout lateral.
   ========================================================================== */
@media (min-width: 992px) {
  /* 1. CONFIGURAÇÕES COMUNS (Variáveis e Altura) */
  .wp-block-wpmundi-slider.embla.layout-v1,
  .wp-block-wpmundi-slider.embla.layout-v2,
  .wp-block-wpmundi-slider.embla.layout-v3,
  .wp-block-wpmundi-slider.embla.layout-v4 {
    --thumbs-direction-large: column !important;
    --layout-rows: auto 1fr !important;
    height: var(--current-slider-height);
    min-height: var(--current-slider-height);
  }
  /* APLICA-SE APENAS A V1 e V2 */
  .wp-block-wpmundi-slider.embla.layout-v1,
  .wp-block-wpmundi-slider.embla.layout-v2 {
    --dots-align: start !important;
    --dots-justify: center !important;
    --dots-vertical-align: flex-start !important;
  }
  /* 2. ESPECIFICIDADES DO GRID (O que muda de lado) */
  /* Layout V1: Sidebar na ESQUERDA */
  .wp-block-wpmundi-slider.embla.layout-v1 {
    --layout-areas: "header header" "dots viewport" !important;
    --layout-columns: calc(var(--thumbs-sidebar-width-large, 120px) + var(--sidebar-gap-large, 20px)) 1fr !important;
  }
  /* Layout V2: Sidebar na DIREITA */
  .wp-block-wpmundi-slider.embla.layout-v2 {
    --layout-areas: "header header" "viewport dots" !important;
    --layout-columns: 1fr calc(var(--thumbs-sidebar-width-large, 120px) + var(--sidebar-gap-large, 20px)) !important;
  }
  /* --- 2. MARGENS ESPECÍFICAS (O que separa o sidebar do conteúdo) --- */
  /* V1: Margem na Direita da Sidebar */
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical {
    margin-right: var(--sidebar-gap-large, 20px) !important;
    margin-left: 0 !important;
  }
  /* V2: Margem na Esquerda da Sidebar */
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical {
    margin-left: var(--sidebar-gap-large, 20px) !important;
    margin-right: 0 !important;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical {
    position: relative;
    width: var(--thumbs-sidebar-width-large, 120px) !important;
    min-width: var(--thumbs-sidebar-width-large, 120px) !important;
    max-width: var(--thumbs-sidebar-width-large, 120px) !important;
    height: 100% !important;
    min-height: 100% !important;
    border: none !important;
    padding: 0 !important;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical.embla__dots--image,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical.embla__dots--image,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical.embla__dots--image,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical.embla__dots--image {
    height: calc(100% - var(--dot-image-viewport-margin-top) - var(--dot-image-viewport-margin-bottom));
    min-height: calc(100% - var(--dot-image-viewport-margin-top) - var(--dot-image-viewport-margin-bottom));
    margin-top: var(--dot-image-viewport-margin-top);
    margin-bottom: var(--dot-image-viewport-margin-bottom);
    /* .embla__viewport.thumb {

    } */
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__viewport.thumb,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__viewport.thumb,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__viewport.thumb,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__viewport.thumb {
    position: absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__viewport.thumb .embla__container.thumb,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__viewport.thumb .embla__container.thumb,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__viewport.thumb .embla__container.thumb,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__viewport.thumb .embla__container.thumb {
    display: flex;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin-right: 0 !important;
    gap: 0 !important;
  }
  .wp-block-wpmundi-slider.embla[data-dots-type=text] .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__viewport.thumb .embla__container.thumb,
  .wp-block-wpmundi-slider.embla[data-dots-type=text] .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__viewport.thumb .embla__container.thumb,
  .wp-block-wpmundi-slider.embla[data-dots-type=text] .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__viewport.thumb .embla__container.thumb,
  .wp-block-wpmundi-slider.embla[data-dots-type=text] .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__viewport.thumb .embla__container.thumb {
    height: auto !important;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__dot,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__dot,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__dot,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__dot {
    width: 100% !important;
    margin-bottom: 10px !important;
    margin-right: 0 !important;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__dot.dot-image,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__dot.dot-image,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__dot.dot-image,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__dot.dot-image {
    height: var(--thumbs-sidebar-width-large, 120px) !important;
    flex: 0 0 var(--thumbs-sidebar-width-large, 120px) !important;
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 1/1 !important;
    box-sizing: border-box;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__dot.dot-image .embla__dot__card,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__dot.dot-image .embla__dot__card,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__dot.dot-image .embla__dot__card,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__dot.dot-image .embla__dot__card {
    width: 100%;
    height: 100%;
    margin: 0 !important;
    aspect-ratio: 1/1 !important;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__dot.dot-image .embla__dot__card img,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__dot.dot-image .embla__dot__card img,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__dot.dot-image .embla__dot__card img,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__dot.dot-image .embla__dot__card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__dot.dot-text,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__dot.dot-text,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__dot.dot-text,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__dot.dot-text {
    flex: 0 0 auto !important;
    /* height: auto !important; */
    height: var(--c-dot-text-height, 120px);
    min-height: var(--c-dot-text-height, 120px);
    max-height: var(--c-dot-text-height);
    width: 100% !important;
    min-width: 100%;
    box-sizing: border-box;
  }
  .wp-block-wpmundi-slider.embla.layout-v1 .embla__dots.is-vertical .embla__dot.dot-text .embla__dot__text,
  .wp-block-wpmundi-slider.embla.layout-v2 .embla__dots.is-vertical .embla__dot.dot-text .embla__dot__text,
  .wp-block-wpmundi-slider.embla.layout-v3 .embla__dots.is-vertical .embla__dot.dot-text .embla__dot__text,
  .wp-block-wpmundi-slider.embla.layout-v4 .embla__dots.is-vertical .embla__dot.dot-text .embla__dot__text {
    width: 100%;
    height: 100%;
    margin: 0 !important;
  }
}
.wp-block-wpmundi-slider {
  /* Alvo: O bloco de imagem (Featured Image) que existe no HTML, 
     mas NÃO contém uma tag <img> dentro dele.
  */
  /* Suporte para o bloco de imagem do WooCommerce caso 
     ele também esteja no seu pattern/template e esteja sem imagem.
  */
}

.wp-block-wpmundi-slider .wp-block-post-featured-image:not(:has(img)) {
  display: block;
  width: 100%;
  min-height: 215px;
  background-image: url(../images/placeholder.b9a336ee.webp);
  background-size: cover;
  background-position: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  aspect-ratio: 1;
}

.wp-block-wpmundi-slider .wp-block-woocommerce-product-image:not(:has(img)) {
  display: block;
  width: 100%;
  min-height: 215px;
  background-image: url(../images/placeholder.b9a336ee.webp);
  background-size: cover;
  background-position: center;
  aspect-ratio: 1;
}

/*# sourceMappingURL=style-index.css.map*/