/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 30 2025 | 21:30:28 */
/********************************************
 * HOVER DOS CARDS DE SISTEMAS (LOOP 5665)
 ********************************************/

/* Base do card: trava altura (não cresce) e vira "palco" pro conteúdo */
.elementor .elementor-5665 .elementor-element.elementor-element-591ddef6 {
  position: relative;
  overflow: hidden;
  height: 320px;              /* ajuste fino aqui (ex: 300~340) */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; /* sempre "grudado" no topo */
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  min-width: 100%;
}

/* Borda e sombra no hover do card */
.elementor .elementor-5665 .elementor-element.elementor-element-591ddef6:hover {
  border-color: #4e0f40 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
}

/********************************************
 * ÍCONE: POSIÇÃO BASE + ANIMAÇÃO NO HOVER
 ********************************************/

/* Ícone (posição inicial) */
.elementor .elementor-5665 .elementor-element.elementor-element-98a6204 {
  margin-top: 44px;            /* posição inicial do ícone */
  transition: transform 0.35s ease;
  will-change: transform;
}

/* No hover: sobe + diminui */
.elementor .elementor-5665
  .elementor-element.elementor-element-591ddef6:hover
  .elementor-element.elementor-element-98a6204 {
  transform: translateY(-20px) scale(0.7);
}

/********************************************
 * TÍTULO: POSIÇÃO BASE + SOBE NO HOVER
 ********************************************/

/* Título (posição inicial) */
.elementor .elementor-5665 .elementor-element.elementor-element-7559411b {
  margin-top: 20px;            /* distância inicial entre ícone e título */
  transition: transform 0.35s ease;
  will-change: transform;
}

/* No hover: sobe junto, mantendo perto do ícone */
.elementor .elementor-5665
  .elementor-element.elementor-element-591ddef6:hover
  .elementor-element.elementor-element-7559411b {
  transform: translateY(-34px);
}

/********************************************
 * DESCRIÇÃO: APARECE SEM EMPURRAR (ABSOLUTE)
 ********************************************/

/* Descrição fora do fluxo (não altera altura do card) */
.elementor .elementor-5665
  .elementor-element.elementor-element-591ddef6
  .elementor-element.elementor-element-97189b0 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;               /* “piso” do texto */
  padding: 0 18px;

  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.35s ease, transform 0.35s ease;

  pointer-events: none;
}

/* Texto da descrição */
.elementor .elementor-5665
  .elementor-element.elementor-element-97189b0 p {
  color: #ffffff;
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

/* No hover: descrição aparece */
.elementor .elementor-5665
  .elementor-element.elementor-element-591ddef6:hover
  .elementor-element.elementor-element-97189b0 {
  opacity: 1;
  transform: translateY(0);
}