.elementor-443 .elementor-element.elementor-element-6d695109{--display:flex;--background-transition:0.3s;}.elementor-443 .elementor-element.elementor-element-3c80311{--display:flex;--background-transition:0.3s;}/* Start custom CSS for html, class: .elementor-element-db57731 *//* ===== ASCLE - Clean Blue Modern (SEM EMOJIS) ===== */

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

/* Card */
.ascle-doc{
  padding:18px 20px;
  border-radius:16px;
  background:
    radial-gradient(900px 260px at 10% 0%, rgba(26,163,200,0.18), transparent 60%),
    linear-gradient(135deg, #eef8ff 0%, #dff2fb 55%, #eef8ff 100%);
  border: 1px solid rgba(12, 94, 127, 0.14);
  box-shadow:
    0 10px 26px rgba(12, 94, 127, 0.10),
    inset 0 1px 0 rgba(255,255,255,0.70);
  backdrop-filter: blur(6px);
  position: relative;
  overflow: hidden;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* detalhe moderno (linha superior) */
.ascle-doc::after{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:3px;
  background: linear-gradient(90deg, rgba(26,163,200,.0), rgba(26,163,200,.65), rgba(26,163,200,.0));
  opacity:.65;
}

.ascle-doc:hover{
  transform: translateY(-3px);
  border-color: rgba(26,163,200,0.28);
  box-shadow:
    0 16px 36px rgba(12, 94, 127, 0.16),
    0 0 0 3px rgba(26,163,200,0.06),
    inset 0 1px 0 rgba(255,255,255,0.75);
}

/* Título */
.ascle-doc strong{
  display:block;
  font-size:15px;
  font-weight:800;
  letter-spacing:.2px;
  color:#0c5e7f;
  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;

  background: linear-gradient(135deg, #0c5e7f 0%, #1aa3c8 65%, #27c2e3 120%);
  color:#fff !important;

  box-shadow:
    0 10px 20px rgba(26,163,200,0.18),
    inset 0 1px 0 rgba(255,255,255,0.22);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.ascle-btn:hover{
  transform: translateY(-1px) scale(1.03);
  filter: brightness(1.03);
  box-shadow:
    0 14px 26px rgba(26,163,200,0.26),
    0 0 18px rgba(26,163,200,0.16),
    inset 0 1px 0 rgba(255,255,255,0.26);
}/* End custom CSS */