/* ==========================================================
   CLOUDPELIZZON - DOCUMENTACAO DO PORTAL V1
   Mesma geometria nos temas claro e escuro.
   ========================================================== */

.cpdocs-intro{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  margin-bottom:18px!important;
  padding:22px!important;
}

.cpdocs-intro small,
.cpdocs-card > small,
.cpdocs-support small{
  color:#079dcf!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}

.cpdocs-intro h2{
  margin:5px 0!important;
  color:var(--cp17-text, inherit)!important;
  font-size:24px!important;
}

.cpdocs-intro p,
.cpdocs-support p{
  margin:0!important;
  color:var(--cp17-text-2, inherit)!important;
  line-height:1.55!important;
}

.cpdocs-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}

.cpdocs-card{
  min-height:220px!important;
  padding:21px!important;
  text-decoration:none!important;
  display:flex!important;
  flex-direction:column!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

.cpdocs-card:hover{
  transform:translateY(-4px)!important;
  border-color:#31c9ec!important;
  box-shadow:0 18px 38px rgba(10,102,141,.14)!important;
}

.cpdocs-card .cp7-icon3d{
  margin-bottom:16px!important;
}

.cpdocs-card h3{
  margin:6px 0 8px!important;
  color:var(--cp17-text, inherit)!important;
  font-size:20px!important;
}

.cpdocs-card p{
  margin:0 0 17px!important;
  color:var(--cp17-text-2, inherit)!important;
  font-size:12px!important;
  line-height:1.55!important;
}

.cpdocs-card > span{
  margin-top:auto!important;
  color:#049dce!important;
  font-size:9px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
}

.cpdocs-support{
  margin-top:18px!important;
  padding:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}

.cpdocs-support h3{
  margin:5px 0!important;
  color:var(--cp17-text, inherit)!important;
  font-size:20px!important;
}

@media(max-width:1150px){
  .cpdocs-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:760px){
  .cpdocs-intro{
    grid-template-columns:1fr!important;
  }

  .cpdocs-grid{
    grid-template-columns:1fr!important;
  }

  .cpdocs-support{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}