/* ===== PORTFOLIO ===== */

.portfolio-section{
  padding:110px 0;
  background:#f5f5f5;
  font-family:'Poppins',sans-serif;
  overflow:hidden;
}

.portfolio-section .title{
  font-size:2.4rem;
  font-weight:700;
  margin-bottom:40px;
  padding-bottom:15px;
  position:relative;
  text-align:center;
  color:#39312f;
}

.portfolio-section .title:after{
  content:"";
  position:absolute;
  width:60px;
  height:3px;
  background:#ee001a;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
}

/* SLIDER */

.portfolio-slider{
  position:relative;
  padding:0 70px;
}

/* CARD */

.port-card{
  position:relative;
  overflow:hidden;
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,0.10);
  background:#fff;
  transition:.35s ease;
}

.port-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 35px rgba(0,0,0,0.18);
}

/* IMAGEM */

.port-card img{
  width:100%;
  height:420px;
  object-fit:cover;
  transition:.6s ease;
}

.port-card:hover img{
  transform:scale(1.05);
  filter:brightness(.45);
}

/* OVERLAY */

.port-overlay{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  padding:25px;
  text-align:center;

  background:linear-gradient(
    to top,
    rgba(57,49,47,.98),
    rgba(57,49,47,.70),
    transparent
  );
}

/* TAG */

.port-overlay span{
  display:inline-block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
  padding:6px 14px;
  background:#fbb853;
  color:#39312f;
  border-radius:30px;
  font-weight:700;
}

/* TITULO */

.port-overlay h2{
  font-size:22px;
  margin-top:12px;
  margin-bottom:6px;
  font-weight:700;
  color:#fff;
}

/* TEXTO */

.port-overlay p{
  font-size:14px;
  color:#f1f1f1;
  margin:0;
}

/* BOTÕES */

/* BOTÕES */

.port-buttons{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);

  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:12px;

  z-index:5;
}

/* LINKS */

.port-buttons a{
  width:52px;
  height:52px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  font-size:20px;

  background:#ee001a;
  backdrop-filter:blur(6px);

  border:1px solid rgba(255,255,255,0.20);

  color:#fff;
  text-decoration:none;

  transition:.3s ease;

  box-shadow:0 6px 20px rgba(0,0,0,0.25);
}

.port-buttons a:hover{
  background:#ee001a;
  color:#fff;

  transform:translateY(-3px) scale(1.05);

  box-shadow:0 10px 25px rgba(238,0,26,.35);
}
/* SETAS */

.swiper-button-prev,
.swiper-button-next{
  color:#39312f;
  font-weight:bold;
}

.swiper-button-prev{
  left:0;
}

.swiper-button-next{
  right:0;
}

/* RESPONSIVO */

@media(max-width:768px){

  .portfolio-slider{
    padding:0 40px;
  }

  .port-card img{
    height:300px;
  }

  .port-overlay{
    padding:20px;
  }

  .port-overlay h2{
    font-size:18px;
  }

  .port-buttons a{
    width:46px;
    height:46px;
    font-size:18px;
  }

}