*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: Arial, sans-serif;
}

body{
    background:#f1f1f1;
    overflow-x: hidden;
}

a{
    text-decoration: none;
}

section.slider {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding: 0 !important;
  overflow: hidden;
  position: relative;
  /* background-image: url(img/praia/img1);  */
}
.slider-content {
  width: 400%;
  height: auto;
  display: flex;
}
.slider-content input {
  display: none;
}
.img-desktop {
  width: 100%;
  height: clamp(760px, 78vh, 840px);
  object-fit: cover;
}
.img-mobile {
  width: 100%;
  height: 550px;
  display: none;
}
.slide-box {
  width: 25%;
  height: auto;
  position: relative;
  text-align: center;
  transition: 2s;
}
.slide-box img {
  width: 100%;
  filter: brightness(70%);
}

.nav-manual,
.nav-auto {
  position: absolute;
  width: 100%;

  display: flex;
  height: 100%;
  justify-content: center;
}


.nav-manual .manual-btn,
.nav-auto div {
  border: 1px solid #fff;
  padding: 10px;
  padding-left: 40%;
  transition: 0.5s;
  opacity: 0;
  cursor: default;
}


.img_responsive{
  display: none;
}

.mobile-praia-hero{
  display:none;
}


.nav-manual .manual-btn:not(:last-child),
.nav-auto div:not(:last-child) {
  margin-right: 15px;
}
#radio1:checked ~ .nav-auto .auto-btn1 {
  background-color: #fff;
}
#radio2:checked ~ .nav-auto .auto-btn2 {
  background-color: #fff;
}
#radio3:checked ~ .nav-auto .auto-btn3 {
  background-color: #fff;
}
#radio4:checked ~ .nav-auto .auto-btn4 {
  background-color: #fff;
}
#radio1:checked ~ .primeiro {
  margin-left: 0%;
}
#radio2:checked ~ .primeiro {
  margin-left: -25%;
}
#radio3:checked ~ .primeiro {
  margin-left: -50%;
}
#radio4:checked ~ .primeiro {
  margin-left: -75%;
}

@media screen and (max-width: 580px) {
  .slider {
    display: none;
  }

  .img_responsive{
    display: block;
    width: 100%;
    /* height: 100px; */
  }

  .mobile-praia-hero{
    color:#fff;
    display:block;
    height:430px;
    overflow:hidden;
    position:relative;
    text-decoration:none;
    width:100%;
  }

  .mobile-praia-hero img{
    filter:brightness(66%);
    height:100%;
    object-fit:cover;
    width:100%;
  }

  .mobile-praia-hero-content{
    bottom:34px;
    display:flex;
    flex-direction:column;
    gap:8px;
    left:24px;
    max-width:calc(100% - 48px);
    position:absolute;
    right:24px;
    z-index:2;
  }

  .mobile-praia-hero-content strong{
    font-size:34px;
    line-height:1.05;
  }

  .mobile-praia-hero-content em{
    color:#f1d08a;
    font-size:22px;
    font-style:normal;
    font-weight:700;
  }

  .mobile-praia-hero-content b{
    align-items:center;
    background:#c89b3c;
    border-radius:8px;
    color:#111;
    display:inline-flex;
    font-size:15px;
    justify-content:center;
    margin-top:10px;
    min-height:42px;
    padding:0 18px;
    width:max-content;
  }
}

@media screen and (max-width: 380px) {
  .mobile-praia-hero{
    height:380px;
  }

  .mobile-praia-hero-content strong{
    font-size:29px;
  }
}