/* ================================================================
   VELO.LAW® — PORTFÓLIO (#portfolio)
   Posição, breathing room, animação GSAP, heading, cases
   ================================================================ */

/* ── Posição: sobrepõe a seção anterior ── */
#portfolio {
  margin-top: -420px !important;
}

/* ── Desktop: margem negativa maior ── */
@media (min-width: 769px) {
  #portfolio {
    margin-top: -480px !important;
  }
}

/* ── Scroll: área de scroll antes dos cases ── */
#portfolio .section-inner > [style*="min-height"],
#portfolio .portfolio-sticky-container,
#portfolio .sticky-scroll-container {
  min-height: 80vh !important;
}
#portfolio .section-inner > div:first-child {
  min-height: min(80vh, 600px) !important;
}

/* ── Heading: centrado, largura controlada ── */
#portfolio .section-title-area {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
#portfolio .section-title-area .desc {
  max-width: 640px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* ── Tag PORTFÓLIO: breathing room ── */
#portfolio .floating-content {
  padding-top: 36px !important;
  padding-bottom: 28px !important;
}

/* ── Animação GSAP: ativa no desktop, forçada visível no mobile ── */
/* GSAP só roda em >768px (if(innerWidth<=768)return no JS) */
/* No mobile, WoW/effectFade pode ocultar — garantimos visível via CSS */
@media (max-width: 768px) {
  #portfolio .wpr-video-wrapper {
    transform: none !important;
    opacity: 1 !important;
    scale: unset !important;
  }
  #portfolio .slide-content,
  #portfolio .swiper-navigation {
    opacity: 1 !important;
  }
}

/* ── Mobile ── */
@media (max-width: 767.98px) {
  /* Reseta margem negativa no mobile */
  #portfolio {
    margin-top: -40px !important;
  }
  #portfolio .section-inner > div:first-child {
    min-height: 60vh !important;
  }
  /* Título */
  .portfolio-section .section-title,
  .product-intro .section-title {
    font-size: clamp(24px, 7vw, 38px) !important;
  }
  .portfolio-inline-icon {
    height: 0.82em !important;
    width: auto !important;
  }
  /* Remove espaço vazio (div.space) */
  #portfolio .section-inner > .space {
    display: none !important;
    min-height: 0 !important;
    height: 0 !important;
  }
}