/* Source: inline-projetos-02.css */

.project-proof{
  margin:18px 0 20px;
  padding-top:16px;
  border-top:1px solid rgba(15,23,42,.10);
}
.card.dark .project-proof{border-top-color:rgba(255,255,255,.14)}
.project-proof-label{
  display:block;
  margin-bottom:9px;
  font-size:9px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#7b8799;
}
.card.dark .project-proof-label{color:rgba(255,255,255,.55)}
.project-proof p{
  margin:5px 0 0;
  font-size:12px;
  line-height:1.5;
  color:#536071;
}
.card.dark .project-proof p{color:rgba(255,255,255,.72)}
.project-proof strong{color:inherit;font-weight:700}
.project-origin{
  margin:14px 0 0;
  padding:12px 14px;
  border-radius:10px;
  background:rgba(36,81,255,.055);
  font-size:12px;
  line-height:1.55;
  color:#445166;
}
.card.dark .project-origin{
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.74);
}


/* Source: inline-projetos-03.css */

/* Hierarquia dos CTAs na página Projetos */
.project-link-primary,
.project-link-secondary{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 16px;
  border-radius:10px;
  line-height:1;
  text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.project.featured .project-link-primary{
  background:#fff;
  color:#0b1220;
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.project.featured .project-link-primary:hover{
  transform:translateY(-1px);
  background:#f4f7fb;
  box-shadow:0 14px 30px rgba(0,0,0,.16);
}
.project-link-secondary{
  background:#eef3ff;
  color:var(--blue);
  border:1px solid #d7e1ff;
}
.project-link-secondary:hover{
  transform:translateY(-1px);
  background:#e5edff;
  border-color:#c5d4ff;
  box-shadow:0 8px 20px rgba(36,81,255,.08);
}
.project-link-primary:focus-visible,
.project-link-secondary:focus-visible{
  outline:3px solid rgba(36,81,255,.18);
  outline-offset:3px;
}
@media(max-width:700px){
  .project-link-primary,
  .project-link-secondary{
    width:100%;
    min-height:46px;
  }
}

