@import url('https://fonts.googleapis.com/css2?family=Lato: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');
p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
a,
figcaption,
li {
    font-family: 'Lato', sans-serif;
}

body {
   
    /* background: linear-gradient( #fff, #ccc7); Gradiente */
    /* background: #ccc; Cor uniforme */
}

h1 {
    font-weight: 600;
    color: #000;
}

h3 {
    color: #000;
}
strong {
    color: #8b1230;
    font-weight: 900;
}

footer { padding: 1rem;background-color: #440615;}

.sec2 p,
.sec2 li {
    color: #000;
}

.brands-footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: .7rem;
    padding: 1rem;
    
  }
  
  .brand {

    display: flex;
    justify-content: center;
    align-items: center;
   padding: 1rem;
    background-color: white; 
    border: 1px solid #ddd;  
    box-sizing: border-box;
border-radius: 8px;
  }
  
  .brand-size1 {
 
    height: 100px;
   
  }

  .brand-size2 {

           height: 100px;
          
         }
.brand img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

.sec2 h3,
.sec2 h5 {
    color: #8b1230;
    font-weight: 800;
}

.box-icon {
    position: relative;
    height: 100px;
    margin: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contato h6 {
    color: #000;
}

.contato h5 {
    color: #000;
    line-height: .3rem;
}

.contato label {
    color: #000;
}

.contato a {
    color: #000;
}

.hr-esq {
    margin-top: 80px;
    border-bottom: 5px solid #8b1230;
    margin-right: 10px;
}

.hr-dir {
    margin-top: 80px;
    border-bottom: 5px solid #8b1230;
    margin-left: 10px;
}

.losango {
    position: absolute;
    top: 0;
    height: 100px;
    width: 100px;
    border: solid 5px #8b1230;
    border-radius: 10px;
}

.icon {
    position: absolute;
    top: 3px;
}

.sec3 h5 {
    font-weight: 600;
    
   
    
}

.sec2 h6 {
    color: #000;
    padding: 0 2rem;
}


.sec3 p {
    color: #000;
}



.sec4 h4 {
    font-weight: 600;
    font-style: italic;
    color: #006B71;
}

.sec4 .box {
    padding: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: white;
    border-top-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

.sec4 p {
    color: #000;
}

.feature_y {
    padding: 3rem 0;
}

.accordion {
    background: transparent;
}

.accordion-item {
    margin: 1rem 0;
}

.accordion-title {
    background: #8b1230;
    color: white;
    font-size: 1.2rem;
    font-weight: 600;
    border: 0;
    border-radius: 15px;
    padding-right: 30%;
    padding-left: 3rem;
}

.accordion-title:hover,
.accordion-title:focus {
    background: #000;
    color: white;
}

.accordion-title::before {
    content: '▼';
    font-size: .6rem;
    top: 55%;
    right: 2rem;
}

.is-active > .accordion-title::before {
    content: '▲';
}

.accordion-item:first-child >:first-child,
:last-child:not(.is-active) > .accordion-title {
    border-radius: 15px;
    border: 0;
}

.accordion-content {
    margin: 0 3rem;
}


/* Grow  */

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}


/* Muda somente no mobile */

.bg {
    background: url(../img/bg.png) top center no-repeat;
    background-size: cover;
}



.logo {
    width: 00px;
}
.bg-content {
    background: #c3c6c5;
}
.bg-content img {
    padding: 2rem;
}
.meumenu {
    position: absolute;
    width: 100%;
}
.sticky {
    padding: 1rem 0;
    background: #8b1230;
}
.menu li a {
    color: white;
    font-weight: 600;
}
.menu li a:hover {
    color: #8b1230;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #4B5F64 transparent transparent
}
.sticky.is-stuck .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #F0F0F0 transparent transparent
}
.dropdown.menu > li.is-active > a {
    color: #8b1230;
}
.is-dropdown-submenu {
    min-width: 220px;
    background: #F0F0F0;
}
.sticky.is-stuck .is-dropdown-submenu {
    min-width: 220px;
    background: #4B5F64;
}
.biog {
    transform: rotate(3deg);
}
.bts {
    margin-top: -4rem;
}

.button {
    background: #8b1230;
    color: #fff;
    border-radius: 10px;
}
.button:hover,
.button:focus {
    background: #000;
}
footer p {
    font-size: .9rem;
    color: white;
    margin: 1rem 0;
}
input {
    word-spacing: -3px;
}
.sec4 hr {
    margin: 1.25rem auto;
    max-width: 5rem;
    border-bottom: 10px solid #69797d;
}
.title-bar {
    background: #8b1230;
    position: fixed;
}
.menu-icon::after {
    background: #fff;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff
}
.position-left.is-transition-push {
    box-shadow: none;
}
.off-canvas {
    background: #8b1230;
}
.menumob li a {
    color: #DCD7C8;
}
.bt-lang {
    position: fixed;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1000;
}
.bt-lang a {
    font-weight: 800;
    color: #fff;
    background: #000;
    padding: 1rem;
    border-radius: 50%;
}
.bt-lang a:hover {
    background: #000;
}
@media only screen and (max-width: 40em) {
    .bt-lang {
        position: fixed;
        bottom: 2rem;
        right: 1.5rem;
        z-index: 1000;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    .whats {
        width: 40px;
    }
    
    .brand-size1 {
 width: 140px;
        height: 100px;
       
      }
    .brand-size2 {
 width: 230px;
        height: 100px;
       
      }
    
    
    .biocartao {
        padding-top: 3rem;
    }
    
    .biocartao h3 {
        font-weight: 700;
        color: #8b1230;
    }
    
    .biocartao p {
        font-size: .8rem;
        color: #DCD7C8;
    }
    
    .btbio {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
        width: 50px;
    }
    
    .seccartao {
        margin-top: 3rem;
    }
    
    .seccartao .foto {
        border-radius: 50%;
        border: solid 5px #DCD7C8;
        margin-top: -2rem;
    }
    
    .seccartao .qr {
        padding: 0 2rem;
    }
    
    .cartao .box {
        background: #4B5F64;
        border-radius: 20px;
        padding: 0 2rem;
    }
    
    .seccartao p,
    .seccartao h3 {
        color: #DCD7C8;
    }
    
    .seccartao h3 {
        margin-top: .5rem;
    }
    
    .seccartao a {
        color: #DCD7C8;
        text-decoration: underline;
    }
}