.portfolio-content>.project-list-head{
  margin:18px 0 10px;
  padding:13px 18px 13px 76px;
  border:0!important;
  border-radius:11px;
  background:#3fc5a8!important;
  background-color:#3fc5a8!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.9px;
}
.portfolio-content>.project-list-head>*{color:#fff!important;}

.portfolio-overview-card .portfolio-title{
  margin:-32px -34px 26px;
  padding:28px 34px 24px;
  background:#2f557f;
  color:#fff;
}
.portfolio-overview-card .portfolio-title>div:first-child>span,
.portfolio-overview-card .portfolio-title h1,
.portfolio-overview-card .portfolio-title p{color:#fff;}
.portfolio-overview-card .portfolio-title p{opacity:.86;}
.portfolio-overview-card .portfolio-title .portfolio-stats span{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:none!important;color:#fff;}
.portfolio-overview-card .portfolio-title .portfolio-stats b{color:#fff;}
@media(max-width:820px){.portfolio-overview-card .portfolio-title{margin:-26px -24px 22px;padding:24px}}
@media(max-width:620px){.portfolio-overview-card .portfolio-title{margin:-23px -18px 20px;padding:22px 18px}}

/* V6 · Mis mediciones: fondo de marca suave, sin tocar el flujo de trabajo. */
.portfolio {
  min-height: 100vh;
  background:
    radial-gradient(circle at 85% 0, rgba(83, 207, 179, .19), transparent 25rem),
    radial-gradient(circle at 7% 36%, rgba(88, 159, 204, .11), transparent 25rem),
    linear-gradient(145deg, #f7fbfc 0%, #eef8f6 52%, #f5faf9 100%) !important;
}

.portfolio-top {
  border-bottom-color: rgba(201, 224, 221, .86) !important;
  background: rgba(255, 255, 255, .9) !important;
  box-shadow: 0 8px 25px rgba(22, 78, 87, .06) !important;
}

.portfolio-top .main-action {
  border-color: #17776c;
  background: linear-gradient(125deg, #17776c, #249b88);
  box-shadow: 0 8px 18px rgba(28, 126, 109, .2);
}

.portfolio-top .main-action:hover {
  background: linear-gradient(125deg, #12675e, #1e897a);
}

.portfolio-top .plain-button {
  border-color: #d3e5e2;
  color: #486b78;
  background: rgba(255, 255, 255, .75);
}

.portfolio-top .plain-button:hover {
  border-color: #9fd7cb;
  color: #176e66;
  background: #f4fbf9;
}

.portfolio-content { position: relative; }

.portfolio-overview-card {
  overflow: hidden;
  border-color: rgba(195, 220, 218, .92) !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 17px 40px rgba(26, 83, 91, .1) !important;
}

.portfolio-overview-card::before {
  height: 5px !important;
  background: linear-gradient(90deg, #174c80 0%, #174c80 56%, #54cdb5 56%, #54cdb5 100%) !important;
}

.portfolio-overview-card .portfolio-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 25px;
  background:
    radial-gradient(circle at 93% 8%, rgba(115, 221, 197, .28), transparent 13rem),
    linear-gradient(120deg, #103e68, #176277 66%, #177a72);
}

.portfolio-overview-card .portfolio-title::after {
  content: "";
  position: absolute;
  width: 190px;
  height: 190px;
  right: -55px;
  bottom: -125px;
  border: 1px solid rgba(164, 239, 219, .34);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(164, 239, 219, .06);
  pointer-events: none;
}

.portfolio-overview-card .portfolio-title > * { position: relative; z-index: 1; }

.portfolio-overview-card .portfolio-title > div:first-child > span {
  color: #9de9d4;
  font-size: 10px;
  letter-spacing: .14em;
}

.portfolio-overview-card .portfolio-title h1 {
  margin-block: 8px 7px;
  font-size: clamp(36px, 4vw, 46px);
  letter-spacing: -.055em;
}

.portfolio-overview-card .portfolio-title p {
  max-width: 600px;
  font-size: 12px;
  line-height: 1.6;
}

.portfolio-overview-card .portfolio-title .portfolio-stats { gap: 10px; }

.portfolio-overview-card .portfolio-title .portfolio-stats span {
  min-width: 108px;
  border-radius: 11px;
  background: rgba(255, 255, 255, .13) !important;
  border-color: rgba(202, 244, 234, .3) !important;
}

.portfolio-overview-card .portfolio-title .portfolio-stats b {
  color: #9de9d4 !important;
  font-size: 20px;
}

.portfolio-overview-card .portfolio-toolbar {
  margin-top: 4px;
  padding-top: 20px;
  border-top: 1px solid #e0ecea;
}

.portfolio-overview-card .portfolio-toolbar > div {
  border-color: #d5e6e3 !important;
  background: #f9fdfc !important;
}

.portfolio-overview-card .portfolio-toolbar > div:focus-within {
  border-color: #80cbbb !important;
  box-shadow: 0 0 0 3px rgba(83, 207, 179, .14) !important;
}

.portfolio-overview-card .portfolio-toolbar > button {
  border-color: #d3e5e2 !important;
  color: #456875 !important;
}

.portfolio-overview-card .portfolio-toolbar > button:hover {
  border-color: #9ed7ca !important;
  color: #176e66 !important;
}

.portfolio-content > .project-list-head {
  margin-top: 23px;
  border-radius: 12px;
  background: linear-gradient(100deg, #17776c, #249b88) !important;
  box-shadow: 0 10px 21px rgba(30, 132, 113, .16);
}

.project-list article {
  border-color: #d9e9e6 !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 9px 22px rgba(26, 83, 91, .08) !important;
}

.project-list article:hover {
  border-color: #99d4c7 !important;
  box-shadow: 0 16px 31px rgba(26, 83, 91, .14) !important;
}

.project-list-avatar {
  background: linear-gradient(145deg, #174c80, #248b7e) !important;
  box-shadow: 0 7px 15px rgba(23, 101, 106, .2) !important;
}

.portfolio-kind {
  border-color: #cbe8e1 !important;
  background: #edf9f6 !important;
  color: #197368 !important;
}

.project-list article > span:last-of-type small.state-progress {
  color: #1d8b76;
}

.project-list .portfolio-add {
  border-color: #a7d7cd !important;
  background: rgba(255, 255, 255, .68) !important;
  box-shadow: 0 9px 22px rgba(26, 83, 91, .06) !important;
}

.project-list .portfolio-add:hover {
  border-color: #54bda9 !important;
  background: #fff !important;
}

.project-list .portfolio-add > span {
  background: #e7f7f3 !important;
  color: #17776c !important;
}

.portfolio-search-empty {
  border-color: #d3e6e2 !important;
  background: rgba(255, 255, 255, .85) !important;
}

@media (max-width: 820px) {
  .portfolio-overview-card .portfolio-title { margin-bottom: 22px; }
}

@media (max-width: 620px) {
  .portfolio-overview-card .portfolio-title h1 { font-size: 34px; }
  .portfolio-overview-card .portfolio-title .portfolio-stats span { min-width: 0; }
  .portfolio-content > .project-list-head { margin-top: 18px; }
}