@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* {
    margin: 0;
}

.s-cadastro-pedido {
    margin-top: -10px;
}

body {
    scroll-behavior: smooth !important;
}

.btn-pedido {
    margin: 0;
    text-align: center;

}

.btn-revendedora-pedido {
    width: 100%;
    max-width: 350px;
    background: #9A9A66;
    color: #fff;
    justify-content: center;
    line-height: 70px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 8px;
    font-family: 'Poppins', serif;
    transition: all .3s;
    cursor: pointer;
    transition: all .3s;
    z-index: 3;
    margin-bottom: 100px;

}

.btn-revendedora-pedido:hover {
    background: #E2DDC5;
    color: #9A9A66;
}

.texto-revenda-pedido p{
    font-size: 17px;
    color: #56321f;
    font-weight: 600;
    margin: auto;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    max-width: 390px;
    line-height: 28px;
}
.texto-revenda-pedido h1{
    font-size: 68px;
    color: #56321f;
    font-weight: 600;
    margin: auto;
    text-align: center;
    font-family: 'Playfair Display', sans-serif;
    width: 100%;
    max-width: 550px;
    margin-bottom: 20px;
    
}

.texto-revenda-pedido h3{
    font-size: 20px;
    color: #56321f;
    font-weight: 600;
    margin: auto;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    width: 100%;
    max-width: 550px;
    
    
}
.s-cadastro-pedido {
    background-color: #ebd2cb;
    position: relative;
    overflow: hidden;
    padding-top: 40px;
    min-height: 800px;
    z-index: 1;
  }
  

  /* Imagem curva à esquerda */
.s-cadastro-pedido .img-esquerda {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 0;
  object-fit: cover;
}

/* Imagem curva à direita */
.s-cadastro-pedido .img-direita {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 0;
  object-fit: cover;
}

/* Garante que o conteúdo fique acima das imagens */
.s-cadastro-pedido .form-revenda-pedido {
  position: relative;
  z-index: 2;
}

.s-cadastro-pedido {

background-repeat: no-repeat;
background-position: left center;
background-size: 40% 100%;  /* imagem ocupa 30% */
background-color: #ebd2cb; 
}

.s-cadastro-pedido .title {
    margin-bottom: 100px;
}

.s-cadastro-pedido .title h2 span {
    font-size: 32px;
    letter-spacing: 2px;
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
    font-weight: 400;
    color: #57321E;
    text-transform: uppercase;
}

.s-cadastro-pedido .title h2 {
    font-size: 44px;
    line-height: 48px;
    color: #9A9A66;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    display: flex;
    flex-flow: column;
    width: 180%;

}

.s-cadastro-pedido .infos {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 48px;
    margin-bottom: 200px;
}

.s-cadastro-pedido .infos .wrapper {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.s-cadastro-pedido .infos .wrapper .text h3 {
    font-size: 20px;
    line-height: 32px;
    background: #9A9A66;
    color: #fff;
    font-family: 'Playfair Display', serif;
    padding: 0 16px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.s-cadastro-pedido .infos .wrapper .text p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #57321E;
    font-family: 'Poppins', sans-serif;
}

.s-cadastro-pedido .wrapper .contato_multimarcas {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.s-cadastro-pedido .wrapper .contato_multimarcas h3{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    color: #718249;
}

.s-cadastro-pedido .wrapper .contato_multimarcas span{
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    color: #553020;
    margin-bottom: 48px;
}

.s-cadastro-pedido .wrapper .contato_multimarcas .btn-whatsapp {
    background: #694E4D;
    color: #F5DF91;
    font-weight: 600;
    border-radius: 4px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 40px;
    display: inline-flex;
    gap: 8px;
    margin-bottom: 16px;
    width: max-content;
}

.s-cadastro-pedido .wrapper .contato_multimarcas p {
    font-size: 16px;
    line-height: 24px;
    color: #A5996B;
    font-weight: 400;
}

.s-cadastro-pedido .form-revenda-pedido {
    background: #FFF;
    padding: 26px 16px 16px 16px;
    display: flex;
    justify-content: space-between;
    height: auto;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 24px;
}

.s-cadastro-pedido .form-revenda-pedido .right {
    width: 100%;
    max-width: 100%;
    padding: 0px 230px 12px 10px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-flow: column;
}

.s-cadastro-pedido .form-revenda-pedido .right .title {
    margin-bottom: 32px;
}

.s-cadastro-pedido .form-revenda-pedido .right .title span {
    font-size: 26px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #57321E;
    width: 180%;
    font-family: 'Poppins', sans-serif;
}

.s-cadastro-pedido .form-revenda-pedido .right .title h2 {
    margin-bottom: 8px;
}

.s-cadastro-pedido .form-revenda-pedido .right form {
    display: flex;
    flex-flow: column;
    gap: 16px;
    width: 190%;
}

.s-cadastro-pedido .form-revenda-pedido .right form .wrapper label {
    display: none;
}

.s-cadastro-pedido .form-revenda-pedido .right form .wrapper input {
    outline: none;
    background: #F9F8F6;
    font-size: 14px;
    line-height: 36px;
    padding:  0 16px;
    border-radius: 8px;
    width: 100%;
}

.s-cadastro-pedido .form-revenda-pedido .right form .wrapper input[type=submit] {
    width: 100%;
    background: #718147;
    color: #E2DDC5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 70px;
    font-size: 20px;
    font-weight: 500;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    transition: all .3s;
    margin: 16px 0 48px 0;
}

.s-cadastro-pedido .form-revenda-pedido .right form .wrapper input[type=submit]:hover {
    background: #E2DDC5;
    color: #718147;

}

.s-cadastro-pedido .form-revenda-pedido .left {
    width: 100%;
    max-width: 40%;
}

.s-cadastro-pedido .form-revenda-pedido .left .image {
    width: 100%;
    height: 100%;
}

.s-cadastro-pedido .form-revenda-pedido .left .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 720px;
}

.s-cadastro-pedido .chamada h1{
    font-size: 64px;
    line-height: 72px;
    font-weight: 800;
    color: #FFF;
    font-family: 'Playfair Display', serif;
    text-align: center;
}

.s-cadastro-pedido .chamada h1 span {
    font-family: 'Tanya Hati', serif;
    color: #57321E;
    font-size: 200px;
    line-height: 190px;
    font-weight: 400;
}

.s-cadastro-pedido .button-wrapper .btn-revendedora {
    width: 100%;
    max-width: 440px;
    background: #718147;
    color: #E5DECB;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 70px;
    font-size: 20px;
    font-weight: 800;
    border-radius: 8px;
    font-family: 'Playfair Display', serif;
    transition: all .3s;
    position: absolute;
    bottom: -33px;
    left: 50%;
    margin-left: calc(-440px / 2);
    cursor: pointer;
    transition: all .3s;
    z-index: 3;
}

.s-cadastro-pedido .button-wrapper .btn-revendedora:hover {
    background: #E5DECB;
    color:  #718147;
}

.s-cadastro-pedido .galho3 {
    position: absolute;
    width: 330px;
    left: 0;
    bottom: -167px;
    z-index: 3;
}

.s-cadastro-pedido .galho3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.s-cadastro-pedido .radio-group-custom {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: bolder;
    display: flex;
    flex-flow:row;
    gap: 16px;
    margin-top: 10px;
    margin-bottom: 10px;

}

.s-cadastro-pedido .custom-radio {
    display: flex;
    flex-flow: row;
    gap: 4px;
    align-items: center;
    cursor: pointer;
    color: #57321E;
    font-weight: 400;
}


  
@media screen and (max-width: 1024px) {

    

.s-cadastro-pedido .img-direita {display: none;}

.s-cadastro-pedido .img-esquerda {display: none;}


.s-cadastro-pedido {
    order: 1;
    margin: 0;
    padding: 40px 16px;
}

/* Esconde imagem lateral no mobile */
.s-cadastro-pedido .form-revenda-pedido .left {
    display: none;
}

.s-cadastro-pedido .title h2 {
    width: 100%;
    font-size: 34px;

}

.s-cadastro-pedido .form-revenda-pedido .right .title span {
    font-size: 18px;
}


.s-cadastro-pedido .form-revenda-pedido {
    margin: 40px auto 60px;
    max-width: 100%;
    height: auto;
    padding: 24px;
    flex-direction: column;
}

.s-cadastro-pedido .form-revenda-pedido .right {
    max-width: 53%;
    padding: 0px;
}
.s-cadastro-pedido .form-revenda-pedido .right form .wrapper input,
.s-cadastro-pedido .form-revenda-pedido .right form .wrapper input[type=submit] {
    width: 100% !important;
    margin: 15px 0 0 0;

}

}

@media (max-width: 1545px) and (min-width: 1024px) {
    section .img-direita {
        display: none;
    }

    .s-cadastro-pedido .texto-revenda-pedido {
        margin-left: 550px;
    }

    .s-cadastro-pedido .form-revenda-pedido  {
        left: 274px;
    }

    .s-cadastro-pedido .btn-revendedora-pedido {
        margin-left: 550px;
    }
}




@media  screen and (max-width: 320px) {
    .s-cadastro-pedido .radio-group-custom {
        flex-flow: column;
        gap: 30px;
  
    }
    
}

@media screen and (max-width: 1420px) {
    .swiper-button-next {
        right: 10%;
      }

    .swiper-button-prev {
        left: 10%;
      }
}

@media screen and (max-width: 1240px) {
    .swiper-button-next {
        right: 5%;
      }

    .swiper-button-prev {
        left: 5%;
      }
    
}

@media screen and (max-width: 1100px) {
    .swiper-button-next {
        right: 1%;
      }

    .swiper-button-prev {
        left: 1%;
      }
    
}