/* =========================
   SLIDE 1 - UNIFORMES
========================= */

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

/* Desktop */
.hc-slide--1 .hc-img--a{
  width: 340px;
  right: 330px;
  bottom: -300px;
  z-index: 4;
}

.hc-slide--1 .hc-img--b{
  width: 310px;
  right: 20px;
  bottom: -260px;
  opacity: .95;
  z-index: 3;
}

/* Laptop */
@media (max-width: 1200px) and (min-width: 981px){
  .hc-slide--1 .hc-img--a{
    width: 300px;
    right: 230px;
    bottom: -265px;
  }

  .hc-slide--1 .hc-img--b{
    width: 275px;
    right: -28px;
    bottom: -238px;
  }
}

/* Tablet + Mobile layout */
@media (max-width: 980px){
  .hc-slide--1 .hc-media{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 38px;
    min-height: 300px;
  }

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

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

  .hc-slide--1 .hc-img--a{ width: 220px; }
  .hc-slide--1 .hc-img--b{ width: 200px; }
}

@media (max-width: 768px){
  .hc-slide--1 .hc-media{
    min-height: 240px;
    gap: 24px;
  }

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

  .hc-slide--1 .hc-img--a{ width: 180px; }
  .hc-slide--1 .hc-img--b{ width: 168px; }
}

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

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

  .hc-slide--1 .hc-img--a{ width: 142px; }
  .hc-slide--1 .hc-img--b{ width: 132px; }
}