.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFEDD1;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS */.encomenda {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
}

.encomenda img {
  width: 100%;
  display: block;
  transition: 0.3s ease;
}

.encomenda::after {
  content: "Modelo \A Sob Medida, Consulte um Vendedor Agora!";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  opacity: 0;
  transition: 0.3s ease;
  white-space: pre-line;
}

/* Efeito hover só no card */
.encomenda:hover img {
  transform: scale(1.05);
}

.encomenda:hover::after {
  opacity: 1;
}

.encomendacor {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
  display: inline-block;
}

.encomendacor img {
  width: 100%;
  display: block;
  transition: 0.3s ease;
}

.encomendacor::after {
  content: "Disponível \A Sob Encomenda, Consulte um Vendedor Agora!";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  opacity: 0;
  transition: 0.3s ease;
  white-space: pre-line;
}

/* Efeito hover só no card */
.encomendacor:hover img {
  transform: scale(1.05);
}

.encomendacor:hover::after {
  opacity: 1;
}

.linha-direita {
    display: flex;
    justify-content: flex-end;
}

.elementor-widget-image figure.wp-caption {
    display: inline-block;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25);
    border-radius: 6px; /* opcional, cantos arredondados */
    overflow: hidden;   /* garante que nada saia da borda */
    text-align: center; /* centraliza legenda */
    background: #fff;   /* fundo do card */
}

.elementor-widget-image img {
    box-shadow: none !important;
    display: block;
    width: 100%; /* para a imagem ocupar todo o card */
}
/* Container base */
.minha-galeria { position: relative; }

/* Força grid 2x2 no container da galeria (cobre versões novas e antigas) */
.minha-galeria .elementor-gallery__container,
.minha-galeria .gallery,
.minha-galeria .e-gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

/* Card: cobre item em diferentes versões */
.minha-galeria .elementor-gallery-item,
.minha-galeria .gallery-item,
.minha-galeria .e-gallery-item {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: transform .25s ease, box-shadow .25s ease;
}

.minha-galeria .elementor-gallery-item:hover,
.minha-galeria .gallery-item:hover,
.minha-galeria .e-gallery-item:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.16);
}

/* Imagem sempre ocupando o card */
.minha-galeria img {
  width: 100%;
  height: auto;
  display: block;
}

/* Legenda (pega vários seletores possíveis) */
.minha-galeria figcaption,
.minha-galeria .elementor-gallery-item__caption,
.minha-galeria .gallery-caption,
.minha-galeria .e-gallery-item__caption {
  background: #fff;
  font-size: 14px;
  line-height: 1.35;
  padding: 10px 12px;
  text-align: center;
}

/* Navegação (setas) */
.minha-galeria .mg-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255,255,255,0.95);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  border: none;
  cursor: pointer;
}

.minha-galeria .mg-prev { left: -14px; }
.minha-galeria .mg-next { right: -14px; }

.minha-galeria .mg-nav:disabled {
  opacity: .4;
  cursor: default;
}

/* Paginador (bolinhas) opcional */
.minha-galeria .mg-dots {
  position: absolute;
  bottom: -22px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 6px;
}
.minha-galeria .mg-dots button {
  width: 8px; height: 8px; border-radius: 50%;
  background: #cfcfcf; border: none; padding: 0; cursor: pointer;
}
.minha-galeria .mg-dots button.active { background: #666; }

/* ---------- CSS: overlay sob-encomenda ---------- */
.srn-card.sob-encomenda,
.sob-encomenda { 
  position: relative;
  overflow: hidden;
}

/* usa o atributo data-overlay para mostrar o texto (pode ser "Sob Encomenda" ou o alt) */
.srn-card.sob-encomenda::after,
.sob-encomenda::after {
  content: attr(data-overlay);
  white-space: pre-line; /* permite que \n seja renderizado */
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: rgba(0,0,0,0.55); /* cor e opacidade do fundo */
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  padding: 8px;
  border-radius: 8px;
  pointer-events: none; /* deixa o link por baixo clicável */
  box-sizing: border-box;
}/* End custom CSS */