/* =========================
   SLIDE 2 - CAMISETAS
========================= */

.hc-slide--2 .hc-fx--legs{
  position: absolute;
  width: clamp(580px, 78vw, 1120px);
  left: 50%;
  bottom: -16px;
  transform: translateX(-50%);
  z-index: 12;
  pointer-events: none;
  opacity: 0.95;
  filter: drop-shadow(0 8px 24px rgba(255, 245, 180, 0.28));
}

.hc-slide--2 .hc-text{
  padding-left: 40px;
}

.hc-slide--2 .hc-highlight{
  color: #7cff4e;
  font-weight: 800;
}

/* Desktop */
.hc-slide--2 .hc-img--a{
  width: 380px;
  right: 220px;
  bottom: 20px;
  z-index: 4;
}

.hc-slide--2 .hc-img--b{
  width: 400px;
  right: -20px;
  bottom: 50px;
  z-index: 3;
  opacity: .95;
}

.hc-slide--2 .hc-img--a:hover,
.hc-slide--2 .hc-img--b:hover{
  transform: scale(1.06);
  filter: drop-shadow(0 24px 45px rgba(0,0,0,.55));
  z-index: 10;
}

/* Laptop */
@media (max-width: 1200px) and (min-width: 981px){
  .hc-slide--2 .hc-text{ padding-left: 10px; }

  .hc-slide--2 .hc-img--a{
    width: 320px;
    right: 110px;
    bottom: 10px;
  }

  .hc-slide--2 .hc-img--b{
    width: 340px;
    right: -110px;
    bottom: 35px;
  }
}

/* Tablet + Mobile layout */
@media (max-width: 980px){
  .hc-slide--2 .hc-text{ padding-left: 0; }

  .hc-slide--2 .hc-media{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 12px;
    min-height: 300px;
  }

  .hc-slide--2 .hc-img{
    position: relative;
    right: auto;
    bottom: auto;
    transform: none;
  }

  .hc-slide--2 .hc-fx--legs{
    width: min(96vw, 760px);
    left: 50%;
    bottom: -8px;
    transform: translateX(-50%);
  }

  .hc-slide--2 .hc-img--a{ width: 222px; }
  .hc-slide--2 .hc-img--b{ width: 222px; }
}

@media (max-width: 768px){
  .hc-slide--2 .hc-media{
    min-height: 238px;
    gap: 8px;
  }

  .hc-slide--2 .hc-fx--legs{
    width: min(92vw, 520px);
    bottom: -2px;
  }

  .hc-slide--2 .hc-img--a{ width: 182px; }
  .hc-slide--2 .hc-img--b{ width: 182px; }
}

@media (max-width: 560px){
  .hc-slide--2 .hc-media{
    min-height: 205px;
    gap: 6px;
  }

  .hc-slide--2 .hc-fx--legs{
    width: min(94vw, 300px);
    bottom: 2px;
    opacity: 0.82;
  }

  .hc-slide--2 .hc-img--a{ width: 145px; }
  .hc-slide--2 .hc-img--b{ width: 145px; }
}