/* ─── PORTAFOLIO ─── */
  #portafolio {
    background: var(--black2);
  }

  .portafolio-header {
    text-align: center;
    max-width: 600px;
    margin: 0 auto 1.5rem;
  }

  .portafolio-header .section-divider {
    margin: 0 auto 2.5rem;
  }

  .portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 3px;
    max-width: 1200px;
    margin: 0 auto 3rem;
  }

  .portfolio-item {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1;
    background: var(--gray);
    cursor: pointer;
  }

  .portfolio-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);
    filter: brightness(0.85);
  }

  .portfolio-item:hover img {
    transform: scale(1.08);
    filter: brightness(1);
  }

  .portfolio-item-overlay {
    position: absolute;
    inset: 0;
    background: rgba(192,25,14,0.0);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s;
  }

  .portfolio-item:hover .portfolio-item-overlay {
    background: rgba(192,25,14,0.15);
  }

  .portfolio-more {
    text-align: center;
  }