body {
    background-color: #E6E6E6;
    padding: 0;
    min-height: 100vh;
    overflow-x: hidden;
    background-image: url("../IMGS/Peças/DiscoDes.png"), url("../IMGS/Peças/PivoDes.png"), url("../IMGS/Peças/Vela.png"), url("../IMGS/Peças/RodaDes.png"), url('../IMGS/Peças/FiltroDes.png'), url('../IMGS/Peças/RadiadorDes.png');
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px);
    background-position: 3% 1200px, 85% 1800px, 2% 2100px, 88% 2800px, 5% 3500px, 82% 4100px;
    animation: ImagensAumentando 4s infinite;
}

@keyframes ImagensAumentando {
    0%, 100% {
        background-size: clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px), clamp(80px, 12vw, 180px);
    }
    50% {
        background-size: clamp(90px, 13vw, 190px), clamp(90px, 13vw, 190px), clamp(90px, 13vw, 190px), clamp(90px, 13vw, 190px), clamp(90px, 13vw, 190px), clamp(90px, 13vw, 190px);
    }
}
@font-face {
    font-family: 'Montserrat';
    src: url('../FONTS/Montserrat.ttf') format('truetype');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('../FONTS/Montserrat-Bold.ttf') format('truetype');
}

/*
MAIN*/

.ImgComeco {

    padding-top: 80px;
    width: 100%;
    height: 1000px;
    border-bottom: 30px solid #E6E6E6;
}

h1 {
    font-family: 'MontserratBold';
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;

}

h2 {
    font-size: 1.5rem;
    color: #fff;
    text-align: justify;
    margin-bottom: 50px;
    width: 100%;
    font-family: 'Calibri';

}

h2 a {
    color: #fff;
    display: none;
    margin: 0 !important;
    padding: 0 !important;
}

.hidden {
    opacity: 0;
    transform: translateX(0px) scale(0.8);
    transition: 1.5s;
}

.hidden.show {
    opacity: 1;
    transform: translateX(0px) scale(1);
}

h3 {

    font-family: 'MontserratBold';
    font-size: 70px;
    text-align: center;
    margin-bottom: 50px;
}

.container h4 {
    font-family:'Calibri';
    font-size: 25px;
    text-align: center;
}

.hidden2{

    opacity: 0;
    transform: translateX(-500px);
    transition: 1s;

}

.hidden2.show {

    opacity: 1;
    transform: translateX(-0px);
}

h5 {

    font-family: 'MontserratBold';
    font-size: 70px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

h6 {

    font-family:'Calibri';
    font-size: 25px;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}

.hidden3 {

    opacity: 0;
    transform: translateY(-100px);
    transition: 1s;

}

.hidden3.show {

    opacity: 1;
    transform: translateY(0px);
}

.hidden4 {

    opacity: 0;
    transition: 1s;

}

.hidden4.show {opacity: 1;}

.back {background-color: white;}

.Empresa {
    width: 100%;
    max-width: 1400px;
    min-width: 280px;
    margin: 40px auto 0 auto;
    background: 
        linear-gradient(160deg, #789ed4, #0c356b), /* Azul mais claro */
        url('../IMGS/FundoPrimus.png') repeat; /* Padrão de ícones */
    background-size: cover, 500px; /* Ajusta tamanho do padrão */
    background-blend-mode: overlay; /* Mistura gradiente e ícones */
    border-radius: 0;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 1s;
}

.Empresa.show{transform: translateX(0px);}

.empresa-row {
    display: flex;
    width: 100%;
    min-height: clamp(400px, 50vw, 650px);
    height: auto;
}

.empresa-texto {
    flex: 1 1 40%;
    color: #E6E6E6;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: transparent;
    z-index: 1;
    padding: 24px 16px;
    position: relative;
    right: 50px;
    min-width: 50%;

}

.empresa-img {
    flex: 1 1 100%;
    background: url('../IMGS/PrimusMetade.png') no-repeat center center;
    background-size: cover;
    min-height: clamp(400px, 50vw, 650px);
    height: auto;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.btnPrima {
    width: clamp(200px, 60%, 250px);
    height: clamp(60px, 8vw, 75px);
    border-radius: 3px;
    font-family: 'MontserratBold';
    font-size: clamp(16px, 2.5vw, 20px);
    color: #000000;
    background-color: #E6E6E6;
    border: none;
    transition: 0.5s;
    margin: 20px auto;
    display: block;
}

.btnPrima:hover {

    background-color: #ffffff;
    transform: scale(1.1);
}

.btnSegu {
    width: 300px;
    height: 80px;
    border-radius: 3px;
    font-family: 'MontserratBold';
    font-size: 20px;
    color: #ffffff;
    background-color: #1a3b81;
    border: none;
    transition: 0.5s;
    margin: 20px auto;
    display: block;
}

.btnSegu:hover {

    transform: scale(1.1);
}

span {color:  #1a3b81;}


.logoML {
    position: relative;
    height: 90px;
    opacity: 0;
    transform: translateY(-100px);
    transition: 1s;
    margin: 20px auto 0 auto;
    display: block;
    
}

.logoML.show {

opacity: 1;
transform: translateY(0px);
}

.SeguImg {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.TerciImg {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.Trabalho {

    font-size: clamp(40px, 5vw, 70px);
    font-family: 'Arial';
    text-align: center;
    margin-bottom: 100px;
}

.Allogos img {
    width: clamp(150px, 20vw, 230px);
    transition: 1s;
    padding: 10px;
    max-width: 100%;
    height: auto;
}

.Allogos img:hover {transform: scale(1.2);}


.FundoAva{

    width: 100%;
    background-color: #d4d4d4;

}
.Feedb{

    text-align: center; 
    font-family: 'MontserratBold'; 
    font-size: clamp(18px, 5vw, 40px);
    
    
}

.EMuito{
    text-align: center; 
    font-family: "MontserratBold"; 
    font-size: clamp(10px, 5vw, 30px); 
    color: #202a81;

}

/*carrosel*/

.FundoCarrossel{

    background-color: #1e293b;
}

.carousel-container {
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

.carousel-track {
  display: flex;
  align-items: stretch; /* <-- força mesma altura */
  transition: transform 0.6s ease-in-out;
}

.review {
  flex: 0 0 50%; /* 2 por tela */
  padding: 20px;
  box-sizing: border-box;
  display: flex;    
}

.review-card {
  background: #E6E6E6;
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  border: 2px solid #1e293b;
  flex: 1;              
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.stars {
  color: #f8c22e;
  font-size: 1.2rem;
  margin-bottom: 12px;
}

.review-card h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 12px 0;
  color: #202a81;
}

.review-card p {
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
  flex-grow: 1;
}

/* Mobile: apenas 1 por tela */
@media (max-width: 768px) {
  .review {
    flex: 0 0 100%;
  }
}

/*Tamanhos de Tela*/

.TamanhosIni {
    max-width: 25%;
    flex: 0 0 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
}
@media (max-width: 1450px) {

    .Empresa {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }

}

@media (max-width:1400px) {

    .TerciImg {
        object-position: 80% 50%;
    }

}

@media (max-width:1200px) {

    .SeguImg, .TerciImg {
        height: 500px;
    }

    h3 {
        font-size: 50px;
        margin-bottom: 30px;
    }

    .container h4 {

        font-size: 22px;
        margin-bottom: 20px;
    }

    h5  {
        font-size: 50px;
        margin-bottom: 30px;
    }

    h6  {

        font-size: 22px;
        margin-top: 50px;
        margin-bottom: 80px;
    }

    .TerciImg {
        object-position: 100% 50%;
    }

}

@media (max-width: 1280px) or (max-height: 760px) {

    .ImgComeco {height: 800px;}

}

@media (max-width:1170px) {

    .TamanhosIni {
    max-width: 33%;
    flex: 0 0 33%;
    }

    .empresa-texto {
        right: 0;
    }

}

@media (max-width: 1100px) or (max-height: 800px) {

    .empresa-row {
    min-height: 400px;
    height: auto;
    }

    .empresa-img {
    min-height: 300px;
    height: auto;
    }

    h1 {font-size: 2rem;}

    h2 {font-size: 1.2rem; margin-bottom: 20px;}

}

@media (max-width: 991px) {
  
    .Allogos img {
    width: 200px;
    padding-left: 0px;
    }

    .SeguImg, .TerciImg {
        height: 400px;
    }

    .TerciImg {
        object-position: 80% 50%;
    }

    h3 {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .container h4 {

        font-size: 18px;
        margin-bottom: 20px;
    }

    h5  {
        font-size: 30px;
        margin-bottom: 30px;
    }

    h6  {

        font-size: 19px;
        margin-top: 30px;
        margin-bottom: 50px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .btnSegu{

        width: 250px;
        height: 70px;
        font-size: 20px;
    }
}

@media (max-width: 991px) or (max-height: 650px) {

    .ImgComeco {
    padding-top: 60px;    
    height: 700px;
    }

}

@media (max-width:895px) {

    .empresa-img {
    height: 450px;
    }
    .btnPrima {
     display: none;
    }
    h2 a {
     display: inline-block;
    }
    .empresa-row {
    height: 450px;
    }
    .empresa-texto {
        padding-top: 70px;
    }
   
}

@media (max-width:862px) {

    .TamanhosIni {
        max-width: 50%;
        flex: 0 0 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: clamp(120px, 20vw, 180px); /* Altura responsiva opcional */
    }
    .TamanhosIni img {
        margin: 0 auto;
        display: block;
        max-width: 80%;
        max-height: 80%;
    }
    
    .TamanhosIni:nth-child(n+11) {display: none !important;}

    .Trabalho {margin-bottom: 50px;}

    .ImgComeco {height: 600px;}
}

@media (max-width: 767px) {

    .hidden {transform: translateX(0px) scale(0.7);}

    .hidden2 {transform: translateX(0px) scale(0.7);}

    .ImgComeco {height: 500px;}

    .btnSegu {
        width: 90%;
        font-size: clamp(1rem, 4vw, 1.3rem);
        left: 0;
    }

    .btnPrima {
        margin: 20px auto 20px auto;
        border-radius: 0px;
    }
    
    .Empresa {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
    }
    
    .empresa-row {
        flex-direction: column;
        min-height: auto;
        margin: 10px;
        height: auto;
    }
    
    .empresa-texto {
        order: 2;
        right: 0;
        padding: 20px;
        text-align: center;
    }
    
    .empresa-img {display: none;}

    h1 {text-align: left;}

    h2 {text-align: left; margin-bottom: 0; font-size: 1.3rem;}
    
    .Principais {
        padding: 20px 15px;
    }
    
    h3 {
        font-size: clamp(35px, 8vw, 50px);
        margin-bottom: 20px;
    }
    
    .container h4 {
        font-size: clamp(16px, 4vw, 20px);
        line-height: 1.6;
        padding: 0 15px;
        text-align: center;
        margin-bottom: 20px;

    }
    
    h5 {
        font-size: clamp(35px, 8vw, 50px);
        margin-bottom: 20px;
    }
    
    h6 {
        font-size: clamp(16px, 4vw, 20px);
        line-height: 1.6;
        padding: 0 15px;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    
    .logoML {
        height: clamp(60px, 15vw, 80px);
        margin-bottom: 10px;
        margin: 0 auto;

    }

    .SeguImg {
        height: 400px;
        object-fit: cover;
    }
    
    .TerciImg {
        height: 350px;
        object-fit: cover;
    }

    .btnPrima {display: block;}

    h2 a {display: none;}

    .btnSegu:hover {transform: scale(1.05);}
}

@media (max-width: 550px) {

    .Trabalho {
        font-size: clamp(25px, 6vw, 40px);
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;

    }

    .ImgComeco {height: 400px;}

}

@media (max-width: 400px) {

    .review-card {padding: 10px;}
}

/* Responsividade dos ícones flutuantes */

/* Desktop 1920x1080+ */
@media (min-width: 1920px) {
    body {
        background-position: 50px 1200px, 2200px 1500px, 20px 2100px, 1950px 2800px, 100px 3500px, 2150px 4000px;
        background-size: 180px, 180px, 180px, 180px, 180px, 180px;
    }
    @keyframes ImagensAumentando {
        0%, 100% { background-size: 180px, 180px, 180px, 180px, 180px, 180px; }
        50% { background-size: 190px, 190px, 190px, 190px, 190px, 190px; }
    }
}

/* Desktop 1366x768 */
@media (min-width: 1200px) and (max-width: 1919px) {
    body {
        background-position: 2% 1000px, 94% 1500px, 1% 1800px, 97% 2300px, 7% 2800px, 90% 3300px;
        background-size: 140px, 140px, 140px, 140px, 140px, 140px;
    }
    @keyframes ImagensAumentando {
        0%, 100% { background-size: 140px, 140px, 140px, 140px, 140px, 140px; }
        50% { background-size: 150px, 150px, 150px, 150px, 150px, 150px; }
    }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1199px) {
    body {
        background-position: 5% 800px, 82% 1400px, 3% 2000px, 89% 2600px, 8% 3000px, 95% 3300px;
        background-size: 100px, 100px, 100px, 100px, 100px, 100px;
    }
    @keyframes ImagensAumentando {
        0%, 100% { background-size: 100px, 100px, 100px, 100px, 100px, 100px; }
        50% { background-size: 110px, 110px, 110px, 110px, 110px, 110px; }
    }
}

@media (max-width: 767px) {
    body {
        background-image: none;
        animation: none;
    }
}

@media (max-width: 350px) {

    .Feedb {padding: 10px;}

    .ImgComeco {height: 400px;}

    .TamanhosIni img {
        max-width: 80%;
        max-height: 80%;
    }

    .Trabalho {margin-bottom: 20px;}
}