/* Start custom CSS for html, class: .elementor-element-9c23085 *//* ===== ASCLE - Verde Escuro / Verde Claro / Branco / Azul Escuro ===== */

.ascle-docs{
  display:grid;
  gap:18px;
}

/* Card */
.ascle-doc{
  padding:18px 20px;
  border-radius:16px;
  background:
    radial-gradient(900px 260px at 10% 0%, rgba(34,139,34,0.18), transparent 60%),
    linear-gradient(135deg, #ffffff 0%, #eefaf0 55%, #ffffff 100%);
  border: 1px solid rgba(0, 70, 50, 0.18);
  box-shadow:
    0 10px 26px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255,255,255,0.85);
  backdrop-filter: blur(6px);
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* Linha superior moderna */
.ascle-doc::after{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:3px;
  background: linear-gradient(
    90deg,
    rgba(0,70,50,0),
    rgba(0,120,80,0.85),
    rgba(34,139,34,0.65),
    rgba(0,70,50,0)
  );
  opacity:.75;
}

.ascle-doc:hover{
  transform: translateY(-3px);
  border-color: rgba(0, 100, 70, 0.35);
  box-shadow:
    0 16px 36px rgba(0, 0, 0, 0.12),
    0 0 0 3px rgba(34,139,34,0.10),
    inset 0 1px 0 rgba(255,255,255,0.95);
}

/* Título */
.ascle-doc strong{
  display:block;
  font-size:15px;
  font-weight:800;
  letter-spacing:.2px;
  color:#003b2f; /* verde escuro */
  margin-bottom:10px;
}

/* Botões */
.ascle-btn{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  margin-right:10px;
  margin-top:6px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
  text-decoration:none;

  /* Verde escuro + azul escuro */
  background: linear-gradient(135deg, #004b3a 0%, #0b3d5c 55%, #1e6f5c 120%);
  color:#ffffff !important;

  box-shadow:
    0 10px 20px rgba(0,70,50,0.22),
    inset 0 1px 0 rgba(255,255,255,0.25);

  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.ascle-btn:hover{
  transform: translateY(-1px) scale(1.03);
  filter: brightness(1.04);
  box-shadow:
    0 14px 26px rgba(0,70,50,0.28),
    0 0 18px rgba(34,139,34,0.22),
    inset 0 1px 0 rgba(255,255,255,0.30);
}/* End custom CSS */