body{
    background-color: #0C0C0C;
    
}
a{
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease;
}
a:hover{
    transform: scale(1.05);
}

/* idioma */
.idiomabotao{
    position: absolute;
    right: 2vw;
    top:2.5vw;
    z-index: 10000;
    
}
.idiomabotao img{
    filter: invert(0.9);
}

.idiomabotao .dropdown-toggle::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 20px;
  background: url('/assets/globe-solid-full.svg') no-repeat center/contain; /* ajuste o caminho */
  vertical-align: -0.25em;
  filter: invert(1);
}
.idiomabotao .dropdown-toggle::after{
   display: none;
}
.idiomabotao .btn{
    --bs-btn-bg: rgb(29, 29, 29);
    --bs-btn-hover-bg: rgb(46, 46, 46);
    --bs-btn-font-weight: 500;
    --bs-btn-font-family: poppins;
    
}
.idiomabotao a:hover{
    transform: scale(1);
}
.idiomabotao .dropdown-menu {
    --bs-dropdown-bg:rgb(213, 213, 213);
}
.disabled::after{
  content: "●";           /* ou "\2713" */
  margin-left: .5rem;
  color: #000000;         /* verde */
  font-weight: 700;
}
@media screen and (max-width: 996px) {
    .idiomabotao{
        display: block !important;
    }
}
/* header/bannermain */
    .headertitulo{
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        
    }
    .headertitulo2{
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        color: rgb(174, 174, 174);
        
    }
    .headerparticipar{
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        border: 3px solid #782133;
        padding: 5px 10px 5px 10px;
        border-radius: 50px;
        font-size: 18px;    
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .headerparticipar:hover{
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    }
    .divbannermain{
        background-image: url('./assets/banner-lp.jpg') ;
        width: 100%;
        height: auto;
        display: flex;
        background-repeat: no-repeat;
        background-position: center;
        align-items: center;
        aspect-ratio: 16/9;
        min-height: 1080px;
        

    }
    
    .fontebranca{
        color: white;
    }
    .lancamento{
        color: rgb(245, 245, 245);
        letter-spacing: 20px;
        font-size: 40px;
        font-weight: 200;
        margin-bottom: 40px;
        font-family: "Hanken Grotesk", sans-serif;
       
    }
    .titulomain{
        color: white;
        font-size: 40px;
        font-weight: 900;
        margin-bottom: 40px;
        font-family: "Hanken Grotesk", sans-serif;
    }
    .edicaolimitada{
        color: white;
        font-family: poppins, sans-serif !important;
        font-weight: 600 !important;
        margin-top: -20px !important;
        font-size: 15px !important;
    }
    .edicaolimitada1{
        color: white;
        font-family: poppins, sans-serif !important;
        font-weight: 600 !important;
        margin-top: 0px !important;
        font-size: 15px !important;
    }
   
    .nomesandrews{
        color: rgb(229, 229, 229);
        font-size: 25px;
        font-weight: 700;
        font-family: "Hanken Grotesk", sans-serif;
    }

    .garanta{
        font-size: 30px;
        color: white;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
    }
    .prevenda{
        color: white;
        font-family: "Poppins", sans-serif;
        margin-bottom: 50px;
    }
    .comprar{
        color: white;
        
        padding-left: 60px;
        padding-right: 60px;
        font-size: 25px;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 30px;
        font-weight: 600;
        border-radius: 20px;
        background: linear-gradient(180deg,rgba(255, 71, 108, 1) 0%, rgb(187, 25, 57) 100%);
        font-family: "Poppins", sans-serif;
        text-decoration: none;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .comprar:hover{
        transform: scale(1.08);
        box-shadow: 0 8px 20px rgba(0,0,0,0.3);
    }
    .divmainesquerda{
       padding-left: 50px;
    }
    .headerlogodp img{
        width:60%;
        transition: transform 0.3s ease;
    }
    .headerlogodp img:hover{
        transform: scale(1.05);
    }
    .colheader1{
        justify-content: center;
        gap:50px;
    }
    .mainlinha{
        
        background-color: #ff476c;
        width:100%;
        height: 3px;
        z-index: 200;
        bottom: 60px;
        position: absolute;

    }
    @media screen and (max-width: 1400px) {
        .headertitulo{
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            
    }
        .headertitulo2{
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            color: rgb(174, 174, 174);
    }
        .headerparticipar{
            font-size: 12px;

    }
    }
    

    @media screen and (max-width: 1200px) {
        .headerlogodp img {
            width: 80%;
        }
        .lancamento{
            font-size: 25px;
            margin-top: 0px;
            
        }
        .titulomain{
            margin-bottom: 700px;
            font-size: 35px;
        }
        .divbannermain{
            min-height: 1300px;
            
        }
        .nomesandrews{
            margin-top: -50px;
        }
        .prevenda{
            margin-bottom: 0px;
        }
}
    @media screen and (max-width: 992px){
        .somemobile{
            display: none;
        }
    }
    @media screen and (max-width: 768px){
        .somemobile{
            display: none;
        }
    }
    @media screen and (max-width: 460px) {
        .titulomain{
            font-size: 30px;
        }
        .lancamento{
            margin-top: 100px;
        }
        .comprar{
            font-size: 20px;
        }
        .mainlinha{
            bottom: 40px;
        }
    }
 
    /* praia */
    .divpraia{
        padding: 100px 150px 100px 100px;
        
    }
    .divpraia p{
        font-size: 25px;
        text-align:left;
        line-height: 40px;
        color: rgb(53, 53, 53);
        font-family: "Montserrat", sans-serif;

        
    }
    .divpraiabotao{
        border: solid #ff476c 1px;
        padding-left: 60px;
        padding-right: 60px;
        font-size: 25px;
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 30px;
        font-weight: 600;
        border-radius: 20px;
        background-color: #ff476c;
        font-family: "Hanken Grotesk", sans-serif;
        transition: transform 0.3s ease;
        
    }
    .divpraiabotao:hover{
        transform: scale(1.05);
    }
    .spanbold{
        font-weight: 600;
    }
    @media screen and (max-width: 768px) {
        .divpraia{
            padding: 0;
        }
        .divpraia p{
            padding: 20px;
        }
        .divpraiabotao{
            font-size: 21px !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            max-width: 400px;
            
           

        }
    }
    @media screen and (max-width: 1200px) {
        .divpraiabotao{
            display: flex;
            justify-content: center;
            
        }
    }
    @media screen and (max-width: 1536px) {
        .divpraia p{
            line-height: 30px;
        }

    }
    /* onde */
    .linhaesquisita{
        position: absolute;
        border-right: 3px solid #ff476c; 
        border-bottom: 4px solid #ff476c;;
        width: 88%;
        height: 80%;
        z-index: 1000;
        pointer-events: none;
    }
    .blocoonde{
        height: 20vw;
        width: 20vw;
        position: relative;
        background: linear-gradient(180deg,rgba(59, 59, 59, 1) 0%, rgba(48, 48, 48, 1) 100%);
        border-radius: 15px;
        transition: transform 0.3s ease;
     
  
        
    }
    .blocoonde:hover{
        transform: scale(1.05); 
    }
   .blocoonde p {
        color: white;
        font-weight: 600;
        font-size: 18px;
        font-family: "Poppins", sans-serif;
   }
    .blocoonde h1 {
        margin-bottom: 20px;
        color: white;
        font-size: 30px;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
   }

    .blocoonde::before {
        content: "";
        position: absolute;
        inset: 0;
        padding: 2px;
        border-radius: 15px; 
        background: linear-gradient(180deg,rgba(102, 102, 102, 1) 0%, rgba(57, 57, 57, 1) 100%);
        -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude; 
}
   .divonde{
        justify-items: center;
   }
    .rowonde{
        gap: 40px;
        padding-top: 100px;
        padding-bottom: 100px;
   }
   @media screen and (max-width: 1536px) {
        .linhaesquisita{
            width: 92vw ;
            height: 43vw;
        }
   }
   @media screen and (max-width: 1530px) {
        .linhaesquisita{
            display: none;
        }
   }
   @media screen and (max-width: 1100px) {
        .blocoonde p{
            font-size: 15px;
           
        }
        .blocoonde h1{
            font-size: 25px;
            margin-bottom: -5px;
        }
   }
   
   @media screen and (max-width: 768px) {
        .blocoonde{
            margin-top: 0px !important;
            margin-left: 5px;
            width: 380px;
            height: 380px;
        }
        .linhaesquisita{
            display: none;
        }
        .rowonde{
            justify-content: center;
        }
   }
   

   /* andrews */
   .divandrews{
    padding-bottom: 100px;
   }
   .divandrewsbotao{
        border: solid #ffffff 1px;
        padding-left: 60px;
        padding-right: 60px;
        display: inline-block;
        margin-top: 150px;
        margin-bottom: 70px;
        font-weight: 500;
        border-radius: 15px;
        background-color: #0C0C0C;
        color: white;
        font-size: 25px;
        font-family: "Hanken Grotesk", sans-serif;
        transition: transform 0.3s ease;
   }
   .divandrewsbotao:hover{
    transform: scale(1.05);
   }
   .divandrews1{
        background-color: linear-gradient(180deg,rgba(19, 19, 19, 1) 0%, rgba(12, 12, 12, 1) 100%);
        border-radius: 50px;
        position: relative;
        
   }
   .divandrews2{
        padding: 100px 120px 100px 120px;
   }
   .divandrews3{
        border-radius: 40px;
        position: relative; 

    
   }
   .divandrews3 img {
    display: block;
    width: 80%;
    height: auto;
    justify-self: center;
    border-radius: 40px;
   
   }
   .divandrews3::before{
        content: "";
        position: absolute;
        width: 77%;
        justify-self: center;
        inset: 0;
        padding: 2px;
        border-radius: 40px; 
        background: linear-gradient(180deg,rgba(82, 82, 82, 1) 0%, rgba(12, 12, 12, 1) 100%);
        -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude; 
        
}
  
   .divandrews1::before{
        content: "";
        position: absolute;
        inset: 0;
        padding: 2px;
        border-radius: 50px; 
        background: linear-gradient(180deg,rgba(82, 82, 82, 1) 0%, rgba(12, 12, 12, 1) 100%);
        -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude; 
}
    .divandrews2 p{
        font-size: 28px;
        text-align: left;
        margin-left: 40px;
        font-weight: 400;
        line-height: 40px;
        color: white;
        font-family: "Montserrat", sans-serif;
    }
    .andrewbold{
        font-weight: 500;
    }
    .linhadiv{
        
        background-color: #DADADA;
        width:100%;
        height: 2px;
    }
    @media (min-width: 768px) and (max-width: 1200px) {
        .divandrews2 p{
            padding-top: 70px;
        }
   }
    @media screen and (max-width: 768px) {
        .divandrewsbotao{
            font-size: 21px !important;
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
         
            margin-left: 10px !important;
            margin-top: 50px;
            
        }
        .divandrews2{
            padding: 0px;
            padding-top: 40px;
        
        }
        .divandrews2 p{
            margin-left: 20px;
            margin-top: 30px;
        }    
    }
    /* premio */
    .rowpremio{
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
    }
    .rowpremio p{
        font-size: 28px;
        text-align: left;
       
        font-weight: 400;
        line-height: 40px;
        color: white;
        text-align: center;
        margin-top: 50px;
        font-family: "Montserrat", sans-serif;
    }
    .rowpremio .iconcoroa{
        margin-top: 50px;
    }
    @media screen and (max-width: 768px) {
        .rowpremio p{
            margin-left: 0px;
            text-align: center;
            font-size: 25px;
        }
    }

    /* pai */
    .rowpai{
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .rowpai p{
        font-size: 28px;
        color: white;
        margin-left: 50px;
        font-weight: 300;
        line-height: 40px;
        margin-top: 10px;
        font-family: "Montserrat", sans-serif;
        
    }
    .divpaibotao{
        border: solid #ff476c 1px;
        padding-left: 60px;
        padding-right: 60px;
        font-size: 25px !important;
        display: inline-block;
        margin-top: 30px !important;
        
        font-weight: 600 !important;
        border-radius: 20px;
        background-color: #ff476c;
        color:black !important;
        font-family: "Hanken Grotesk", sans-serif;
        transition: transform 0.3s ease;
    }
    .divpaibotao:hover{
        transform: scale(1.05);
    }
    @media screen and (max-width: 768px) {
        .rowpai p{
            margin-left: 0px;
            text-align: center;
            font-size: 25px;
            
        }
        .divpaibotao{
            font-size: 20px !important;
            padding-left: 15px !important;
            padding-right: 15px !important;
            padding-top: 5px !important;
            padding-bottom: 5px !important;
          
            margin-left: 10px !important;
            margin-top: 30px;
        }
        .rowpai{
            text-align: center;
        }
    }
    /* conheca */
    .conheca{
        color: rgb(231, 231, 231);
        text-align: center;
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 100px;
        margin-top: 150px;
          font-family: "Montserrat", sans-serif;
    }
    /* imagensrio */
    .imagensrio{
        padding: 0;
    }
  
    .rowimagens{
        margin-top: 0px;
       
        
    }
    .imagens{
        height: auto;
        width: 100%;
        object-fit: cover;
        
    }
    /* textodental */
    .textodental p{
        color: rgb(228, 228, 228);
        font-size: 28px;
        margin-top: 150px;
          font-family: "Montserrat", sans-serif;
       
    }
    @media screen and (max-width: 768px) {
        .textodental p{
            text-align: left;
            font-size: 25px;
        }
        .imagens {
            height: 300px;
        }
    }
    /* depoimentos */
    
    .noselect {
        user-select: none;    
        -webkit-user-select: none;
        -moz-user-select: none;    
        -ms-user-select: none;    
    }

    .depoimentosbloco {
        background-color: #141414;
        border-radius: 20px;
       
    }
   .depoimentosbloco p{
        padding: 50px 50px 50px 50px;
        color:#A8A8A8;
        text-align: left;
        font-size: 20px;
        line-height: 35px;
         font-family: "Montserrat", sans-serif;
   }
   .depoimentosbloco .nomepais{
        font-size: 24px;
        font-weight: 700;
        font-style: italic;

   }
   .depoimentosbloco .fi{
        font-size:50px;
        padding-bottom:70px
   }
    .oqueestao{
        color: rgb(206, 206, 206);
        text-align: center;
        font-size: 32px;
        letter-spacing: 2px;
        font-weight: 500;
        margin-bottom: 100px;
        margin-top: 150px;
         font-family: "Poppins", sans-serif;
    }
    .cfluidepoimentos{
        background-color: #0C0C0C;
        position: relative;
        margin-bottom: 100px;
    }
    .cfluidepoimentos::after{
        content: "";
        position: absolute;
        inset: 0;  
        pointer-events: none; 
        background: linear-gradient(90deg,rgba(12, 12, 12, 1) 0%, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0) 50%, rgba(3, 3, 3, 0) 65%, rgba(12, 12, 12, 1) 100%);
    }
    @media screen and (max-width: 768px) {
        .cfluidepoimentos::after{
            background: none;
        }
    }
    /* bannerandrews */
    .linhadivrosa{
        
        background-color: #ff476c;
        width:100%;
        height: 2px;
    }
    @media screen and (max-width: 768px) {
        .bannerandrews img{
            height: 300px;
            object-fit: cover;
        }
    }
    /* nossotime/contato */
    .nossocontato p{
        color: rgb(237, 237, 237);
        text-align: center;
        font-size: 28px;
        margin-top: 100px;
         font-family: "Montserrat", sans-serif;
    }
    .rowcontato{
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .botoescontato{
        background-color: #0C0C0C;
        color: white;
        border: 1px solid #ff476c;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 2vw ;
        padding-right:2vw;
        display: block;
        border-radius: 15px;
        font-size: clamp(20px, 1.5vw, 25px);
        text-align: center;
        font-family: "Montserrat", sans-serif;
        transition: transform 0.3s ease;
    }
    .botoescontato:hover{
        transform: scale(1.05);
    }
    @media screen and (max-width: 768px) {
        .botoescontato{
            
            margin-top: 20px;
        }
    }
    /* footer */
    footer{
        min-height: 400px;
        background-color: #090909;
        background-image: url(./assets/triangles.png);
    }
   .titulofooter{
        color: #e0e0e0;
        font-size: 20px;
        font-weight: 700;
        margin-top: 70px;
        font-family: "Poppins", sans-serif;
   }
   .logofooter{
        margin-top: 70px;
        filter: brightness(0.8);
        transition: transform 0.3s ease;
   }
   .logofooter:hover{
        transform: scale(1.05);
   }
   .subfooter{
        color:#868686;
        font-size:18px ;
        font-weight: 500;
        font-family: "Poppins", sans-serif;
   }
   .form-control{
    border: 0;
   
   }
   .form-control:focus {
    color: rgb(222, 222, 222);
   }
   .btn:hover {
        border-color:#ff476c;
   }
   .form-control::placeholder{
        color: #505050;
        font-weight: 700;
   } 
   .botaoemail{
        margin-left: 20px;
        color: #D7D7D7;
        border: 2px rgb(43, 43, 43) solid;
        background: linear-gradient(160deg,rgb(43, 43, 43) 0%, rgba(0, 0, 0, 1) 100%);
        padding: 10px 20px;
        font-weight: 700;
        font-family: "Poppins", sans-serif;
   }
   .iconesfooter{
        filter: invert(0.9);
        margin-top: 50px;
        border: 2px solid rgb(210, 210, 210);
        border-radius: 50%;
        padding: 7px;
        width: 50px;
        background-color: #ffffff;
        position: relative;
        transition: transform 0.3s ease;
   }
   .iconesfooter:hover{
        transform: scale(1.10);
   }
   .paddingfooter{
        padding: 0 100px;
   }
   @media screen and (max-width: 768px) {
        .paddingfooter{
            padding: 0 20px;
           
        }
        .logofooter{
            display: flex;
        
            justify-self: end;

        }
   }