.elementor-7827 .elementor-element.elementor-element-a82a4da{--display:flex;--min-height:460px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-7827 .elementor-element.elementor-element-a82a4da:not(.elementor-motion-effects-element-type-background), .elementor-7827 .elementor-element.elementor-element-a82a4da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7827 .elementor-element.elementor-element-749e82b .elementor-button{background-color:#91754900;fill:#FFFFFF;color:#FFFFFF;}body:not(.rtl) .elementor-7827 .elementor-element.elementor-element-749e82b{right:0px;}body.rtl .elementor-7827 .elementor-element.elementor-element-749e82b{left:0px;}.elementor-7827 .elementor-element.elementor-element-749e82b{top:10px;}.elementor-7827 .elementor-element.elementor-element-cd33ca2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7827 .elementor-element.elementor-element-8adb0c6{text-align:left;}.elementor-7827 .elementor-element.elementor-element-8adb0c6 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:20px;font-weight:500;letter-spacing:-0.2px;color:#FFFFFF;}.elementor-7827 .elementor-element.elementor-element-8f50b44 .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:14px;font-weight:400;line-height:1.3em;color:#FFFFFF;}/* Start custom CSS for button, class: .elementor-element-749e82b */.elementor-7827 .elementor-element.elementor-element-749e82b {
  background: none;
  border: none;
  font-weight: 600;
  letter-spacing: 2px;
  color: #fff;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.elementor-7827 .elementor-element.elementor-element-749e82b::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: #fff;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a82a4da *//* Botão oculto por padrão */
.hover-card .view-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.hover-card .view-btn::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: #fff;
}

/* Ao passar o mouse no card → botão aparece */
.hover-card:hover .view-btn {
  opacity: 1;
  transform: translateY(0);
}


/* CARD BASE */
.hover-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

/* GRADIENTE NO HOVER */
.hover-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}

.hover-card:hover::before {
  opacity: 1;
}
.hover-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0) 100%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: 1; /* Deixe o gradiente com z-index menor */
}

.hover-card .text-box {
  position: relative;
  z-index: 2; /* Garante que o texto fique acima do gradiente */
}

/* CONTAINER DE TEXTO */
.hover-card .elementor-widget-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  z-index: 2;
}

/* AGRUPAR TÍTULO + DESCRIÇÃO */
.hover-card .text-box {
  display: flex;
  flex-direction: column;
  transition: transform 0.4s ease;
}

/* ESTILO DO TÍTULO */
.hover-card .text-box h2,
.hover-card .text-box h3 {
  color: #fff;
  margin: 0;
  font-weight: 600;
  transition: transform 0.4s ease;
}

/* ESTILO DA DESCRIÇÃO */
.hover-card .text-box p {
  color: #fff;
  margin: 5px 0 0;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* AO PASSAR O MOUSE → TÍTULO SOBE, DESCRIÇÃO APARECE */
.hover-card:hover .text-box h2,
.hover-card:hover .text-box h3 {
  transform: translateY(-10px);
}

.hover-card:hover .text-box p {
  opacity: 1;
  transform: translateY(0);
}/* End custom CSS */