.elementor-1254 .elementor-element.elementor-element-6a3b7ba{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-1254 .elementor-element.elementor-element-827eaa6{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1254 .elementor-element.elementor-element-e11aa01{z-index:1;}.elementor-1254 .elementor-element.elementor-element-e11aa01 img{border-radius:012px 0px 012px 0px;}.elementor-1254 .elementor-element.elementor-element-b2aa2da{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#282D2726;--border-color:#282D2726;--border-radius:12px 12px 12px 12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-1254 .elementor-element.elementor-element-b2aa2da:not(.elementor-motion-effects-element-type-background), .elementor-1254 .elementor-element.elementor-element-b2aa2da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5E6D4;}.elementor-1254 .elementor-element.elementor-element-d5b7230{width:100%;max-width:100%;}.elementor-1254 .elementor-element.elementor-element-d5b7230 img{width:100%;height:150px;}.elementor-1254 .elementor-element.elementor-element-da6d4d7{width:100%;max-width:100%;}.elementor-1254 .elementor-element.elementor-element-da6d4d7 > .elementor-widget-container{background-color:#FCF9F1;padding:18px 28px 18px 28px;border-style:solid;border-width:0px 0px 0px 0px;border-color:#2D2C242E;border-radius:0px 0px 12px 12px;box-shadow:0px 0px 39px 0px rgba(0, 0, 0, 0.24);}.elementor-1254 .elementor-element.elementor-element-da6d4d7 .jet-listing-dynamic-field__content{color:#2B312DB3;font-family:"Optika", Sans-serif;font-size:14px;letter-spacing:-0.6px;text-align:center;}.elementor-1254 .elementor-element.elementor-element-da6d4d7 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-1254 .elementor-element.elementor-element-da6d4d7 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-1254 .elementor-element.elementor-element-da6d4d7 .jet-listing-dynamic-field{justify-content:center;}.elementor-1254 .elementor-element.elementor-element-da6d4d7 .jet-listing-dynamic-field.display-multiline, .elementor-1254 .elementor-element.elementor-element-da6d4d7 .jet-listing-dynamic-field.display-inline .jet-listing-dynamic-field__inline-wrap{border-style:none;}@media(max-width:767px){.elementor-1254 .elementor-element.elementor-element-6a3b7ba{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1254 .elementor-element.elementor-element-827eaa6{--width:220px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-1254 .elementor-element.elementor-element-6a3b7ba{--content-width:300px;}.elementor-1254 .elementor-element.elementor-element-b2aa2da{--width:220px;}}/* Start custom CSS for image, class: .elementor-element-e11aa01 */.elementor-1254 .elementor-element.elementor-element-e11aa01 img{
    height: 32px !important;
    width: 32px !important;
    min-height: 32px !important;
    min-width: 32px !important;
    max-height: 32px !important;
    max-width: 32px !important;
    object-fit: cover;
    border-radius: 200px;
    z-index: 1 !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d5b7230 */.elementor-1254 .elementor-element.elementor-element-d5b7230 img{
   
    object-fit: cover;
 
}/* End custom CSS */
/* Start custom CSS for jet-listing-dynamic-field, class: .elementor-element-da6d4d7 */.titulo-acabamento{
    opacity: 0;
    margin-top: -20px;
}

.img-acabamento:hover .titulo-acabamento{

    opacity: 1;
    margin-top: 20px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b2aa2da */.acabamento-info{
    z-index: 5 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-827eaa6 *//* grupo dos cards */
.acabamentos-grid{ position: relative; isolation: isolate; overflow: visible; }

/* cada card */
.acabamento{ position: relative; z-index: 1; }
.acabamento:hover{ z-index: 9990; }            /* sobe o card ativo */

/* o painel que abre precisa estar no topo de tudo */
.acabamento .acabamento-info{ position: absolute; z-index: 9999; }

/* força TODAS as miniaturas/imagens do grid a ficarem na base */
.acabamentos-grid .elementor-widget-image img,
.acabamentos-grid img{
  position: relative !important;
  z-index: 0 !important;
}





/* ===== Card / wrapper ===== */
.acabamento{
  position: relative;
  display: inline-block;
  overflow: visible;
  /* largura opcional do card */
}

/* melhoria de hover na imagem (opcional) */
.acabamento img{
  display:block;
  transition: transform .35s ease, filter .35s ease;
}
.acabamento:hover img{
  transform: scale(1.02);
  filter: saturate(1.05);
}

/* ===== Painel de informações (estado fechado) ===== */
.acabamento-info{
  position: absolute;
  z-index: 10;
  pointer-events: none;          /* não clica quando fechado */
  opacity: 0;
  transform: translateY(12px);
  transition: opacity .28s ease, transform .28s ease;

  /* visual do painel */

  border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.15);
  backdrop-filter: blur(3px);

  /* limites e rolagem interna (se conteúdo for grande) */
  max-width: min(320px, 90vw);
  max-height: min(70vh, 420px);
  overflow: hidden;

}

/* ===== POSIÇÃO A) sobe de baixo (overlay) ===== */
.acabamento:not(.acabamento--popover) .acabamento-info{
  left: 8px;
  right: 8px;
  bottom: 8px;
}

/* ===== POSIÇÃO B) popover ao lado ===== */
.acabamento.acabamento--popover .acabamento-info{
  left: calc(100% + 12px);
  top: 50%;
  transform: translate(0, -40%);   /* estado fechado (ligeiramente abaixo) */
}
.acabamento.acabamento--popover:hover .acabamento-info,
.acabamento.acabamento--popover:focus-within .acabamento-info,
.acabamento.acabamento--popover.open .acabamento-info{
  transform: translate(0, -50%);   /* alinhado ao centro quando aberto */
}

/* setinha do popover (opcional) */
.acabamento.acabamento--popover .acabamento-info::before{
  content:"";
  position:absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  border: 8px solid transparent;
  border-right-color: rgba(30,30,30,.92);
}

/* ===== Estados “aberto”: hover, foco (teclado) e classe .open ===== */
.acabamento:hover .acabamento-info,
.acabamento:focus-within .acabamento-info,
.acabamento.open .acabamento-info{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;          /* clicável quando aberto */
}

/* conteúdo interno do painel (ajustes de texto) */
.acabamento-info h4,
.acabamento-info .elementor-heading-title{ 
  margin: 0 0 8px;
  font-weight: 600;
}
.acabamento-info p{ 
  margin: 0 0 8px;
  opacity: .9;
  line-height: 1.45;
}
.acabamento-info ul{ 
  margin: 8px 0 0 18px;
}

/* Mobile: não existe hover → mantenha sempre abrindo ao tocar (com .open) */
@media (hover:none){
  .acabamento .acabamento-info{
    /* se preferir iniciar já visível no mobile, descomente: */
    /* opacity:1; pointer-events:auto; transform:none; */
  }
}/* End custom CSS */