.matters-consulting {
    background: radial-gradient(circle at 85% 15%, rgba(74, 141, 247, .13), transparent 30%), #f7f9fd;
  }

  .matters-consulting::before {
    left: -180px;
    bottom: 60px;
    background: #8db8ff;
  }


  .project-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
  }

  .project-column {
    background: rgba(255, 255, 255, .62);
    border: 1px solid rgba(80, 90, 120, .08);
    border-radius: 11px;
    padding: 9px;
    min-height: 205px;
  }

  .project-column-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 9px;
  }

  .project-column-header strong {
    font-size: 8px;
    color: #646b7c;
  }

  .project-column-header span {
    font-size: 7px;
    color: #9da3b0;
  }

  .project-card {
    background: #fff;
    border: 1px solid #e8eaf0;
    border-radius: 9px;
    padding: 9px;
    margin-bottom: 7px;
    box-shadow: 0 5px 12px rgba(50, 70, 110, .04);
  }

  .project-card strong {
    display: block;
    font-size: 8px;
    color: #3c404a;
    margin-bottom: 7px;
  }

  .project-progress {
    height: 4px;
    border-radius: 5px;
    background: #e7e9ee;
    overflow: hidden;
  }

  .project-progress span {
    display: block;
    height: 100%;
    width: 72%;
    border-radius: inherit;
    background: #377dff;
    animation: progressGrow 1.5s ease-out forwards;
    transform-origin: left;
  }

  .project-card:nth-child(3) .project-progress span {
    width: 45%;
    background: #e7799b;
  }

  .project-card:nth-child(4) .project-progress span {
    width: 88%;
    background: #50b9a4;
  }

  @keyframes progressGrow {
    from {
      transform: scaleX(0);
    }

    to {
      transform: scaleX(1);
    }
  }

  /* =========================================================
   CONSULTORÍA — 02 EQUIPO
========================================================= */

  .team-dashboard {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: 11px;
  }

  .team-main,
  .team-side {
    background: rgba(255, 255, 255, .95);
    border: 1px solid #e8e7ee;
    border-radius: 14px;
    padding: 14px;
  }

  .team-main-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }

  .team-main-header strong {
    font-size: 10px;
    color: #46414f;
  }

  .team-main-header span {
    width: 30px;
    height: 18px;
    border-radius: 99px;
    background: #e7def8;
  }

  .team-member {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 0;
    border-bottom: 1px solid #f0eef3;
  }

  .team-member:last-child {
    border-bottom: 0;
  }

  .team-avatar {
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #dce8ff;
    flex-shrink: 0;
  }

  .team-member:nth-child(3) .team-avatar {
    background: #ffe1e8;
  }

  .team-member:nth-child(4) .team-avatar {
    background: #dff3ec;
  }

  .team-member-info {
    flex: 1;
  }

  .team-member-info strong {
    display: block;
    font-size: 8px;
    color: #4b4652;
  }

  .team-member-info span {
    display: block;
    font-size: 7px;
    color: #aaa4af;
    margin-top: 3px;
  }

  .team-member-status {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #50b9a4;
  }

  .team-side {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .team-ring {
    width: 85px;
    height: 85px;
    margin: 5px auto 15px;
    border-radius: 50%;
    background: conic-gradient(#377dff 0 68%, #e8ebf1 68% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .team-ring::after {
    content: "68%";
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #414650;
    font-size: 12px;
    font-weight: 800;
  }

  .team-side-label {
    text-align: center;
    font-size: 8px;
    color: #9b96a2;
  }

  /* =========================================================
   CONSULTORÍA — 03 HORAS / FACTURACIÓN
========================================================= */

  .time-dashboard {
    position: relative;
  }

  .time-window {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #eee9ed;
    box-shadow: 0 25px 50px rgba(90, 60, 80, .12);
    overflow: hidden;
  }

  .time-header {
    padding: 13px 15px;
    border-bottom: 1px solid #f0ecef;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .time-header strong {
    font-size: 10px;
    color: #3f3943;
  }

  .time-live {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 7px;
    color: #d96c88;
  }

  .time-live i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #e7799b;
    animation: liveBlink 1.5s infinite;
  }

  @keyframes liveBlink {

    0%,
    100% {
      opacity: 1;
    }

    50% {
      opacity: .25;
    }
  }

  .time-body {
    padding: 18px;
  }

  .time-counter {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -.04em;
    color: #303039;
    margin-bottom: 15px;
  }

  .time-bar {
    height: 7px;
    background: #e8e8ed;
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 16px;
  }

  .time-bar span {
    display: block;
    width: 63%;
    height: 100%;
    border-radius: inherit;
    background: #e7799b;
    animation: timeProgress 3s ease-in-out infinite alternate;
  }

  @keyframes timeProgress {
    from {
      width: 48%;
    }

    to {
      width: 68%;
    }
  }

  .time-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .time-value {
    padding: 10px;
    border-radius: 9px;
    background: #f7f7f9;
  }

  .time-value small {
    display: block;
    font-size: 7px;
    color: #9a949f;
    margin-bottom: 4px;
  }

  .time-value strong {
    font-size: 12px;
    color: #44404a;
  }

  .results-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 11px;
  }

  .results-header strong {
    font-size: 11px;
    color: #3e4148;
  }

  .results-header span {
    width: 48px;
    height: 19px;
    border-radius: 99px;
    background: #d9eee9;
  }

  .results-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .results-chart,
  .results-metrics {
    background: rgba(255, 255, 255, .96);
    border: 1px solid #e5e9e8;
    border-radius: 13px;
    padding: 15px;
  }

  .results-chart {
    height: 190px;
  }

  .results-chart-lines {
    margin-top: 20px;
    height: 110px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
  }

  .results-chart-lines span {
    width: 100%;
    max-width: 23px;
    border-radius: 5px 5px 2px 2px;
    background: linear-gradient(to top, #8268d0, #b2a0e8);
    transform-origin: bottom;
    animation: barGrow 1.3s ease both;
  }

  .results-chart-lines span:nth-child(1) {
    height: 35%;
  }

  .results-chart-lines span:nth-child(2) {
    height: 52%;
    animation-delay: .1s;
  }

  .results-chart-lines span:nth-child(3) {
    height: 44%;
    animation-delay: .2s;
  }

  .results-chart-lines span:nth-child(4) {
    height: 70%;
    animation-delay: .3s;
  }

  .results-chart-lines span:nth-child(5) {
    height: 83%;
    animation-delay: .4s;
  }

  .results-chart-lines span:nth-child(6) {
    height: 96%;
    animation-delay: .5s;
  }

  @keyframes barGrow {
    from {
      transform: scaleY(0);
    }

    to {
      transform: scaleY(1);
    }
  }

  .results-metrics {
    display: flex;
    flex-direction: column;
    gap: 9px;
  }

  .result-metric {
    padding: 10px;
    border-radius: 9px;
    background: #f8faf9;
  }

  .result-metric small {
    display: block;
    font-size: 7px;
    color: #969da0;
    margin-bottom: 4px;
  }

  .result-metric strong {
    font-size: 16px;
    color: #363b3c;
  }

  .result-metric span {
    display: block;
    font-size: 7px;
    color: #50a994;
    margin-top: 3px;
  }