/* section CONTENT PRODUCT 1 */
section#section-content-product1 {
    padding: 7rem 0rem 5rem 0;
    /*background: url(../../dist/images/home/banner-section-product1.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;*/
    position: relative;
}
img.img-section-product1{
    width: 100%;
    max-width: 140%;
}
.box-section-content-product1 {
    padding: 0rem 3rem 0rem 0;
    position: relative;
    z-index: 2;
    display: grid;
    align-items: center;
    justify-items: start;
    justify-content: center;
    align-content: center;
}
.box2-section-content-product1 {
    padding: 0rem 0rem 0rem 0;
    position: relative;
    z-index: 2;
    display: grid;
    align-items: center;
    justify-items: end;
    justify-content: center;
    align-content: center;
}
h1.section-content-product1 {
    font-size: clamp(2.5rem, 3.8vw, 4.2rem);
    line-height: 110%;
    margin: 0;
}
p.section-content-product1 {
    font-size: clamp(0.875rem, 2vw + 0.5rem, 1.125rem);
    line-height: 150%;
    padding: 1.5rem 0 0rem 0;
    margin: 0;
}
.box-img-section-content-product1 {
    border-radius: 3.125rem;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}
img.arrow-section-product1 {
    position: absolute;
    margin: 0rem 0rem -7rem -9rem;
    z-index: 2;
    left: 0;
    bottom: 0;
}

/* section CONTENT PRODUCT 1 */

/* section CONTENT PRODUCT 2 */
section#section-content-product2 {
    padding: 3rem 0rem 0rem 0;
    position: relative;
}
.box-slider-section-content-product2 {
    border-radius: 3.125rem;
    overflow: hidden;
    position: relative;
}
img.brand-zenfi-section-product2 {
    position: absolute;
    bottom: 1.7rem;
    right: 2rem;
    max-width: 100%;
}
img.img-testimonial-section-product2 {
    width: 100%;
    object-fit: cover;
}
.infos-testimonials {
    padding: 1rem;
    display: grid;
    align-content: center;
    align-items: center;
}
.infos-testimonials span {
    font-weight: 700;
    padding-right: 1rem;
    font-size: 1.5rem;
}

.box-title-section-content-product2 {
    text-align: center;
    max-width: 850px;
    margin: 3rem auto 3rem;
    display: grid;
    gap: 3rem;
}
h2.section-content-product2 {
    font-size: clamp(2rem, 4vw, 4.375rem);
    line-height: 110%;
    margin: 0;
}
.box1-section-content-product2 h2.section-content-product2 {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 1rem;
}
h3.section-content-product2 {
    font-size: clamp(2.0rem, 2.5vw, 2.5rem);
    line-height: 110%;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}
h3.section-content-product2.center{
    justify-content: center;
}
p.section-content-product2 {
    margin: 0;
}
.box1-section-content-product2 {
    background: url(../../dist/images/home/bg-box-section-home3.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 3.125rem;
    padding: 3rem 4rem;
    border: 2px solid #ebebeb;
    height: 100%;
    display: grid;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 2rem;
}
.box2-section-content-product2 {
    background: url(../../dist/images/about-us/bg-section-content-home2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 3.125rem;
    padding: 3rem 4rem;
    border: 2px solid #ebebeb;
    height: 100%;
    display: grid;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 2rem;
}

.line-separator-section-content-product2 {
    background: url(../../dist/images/product/line-separator.svg);
    background-repeat: no-repeat;
    background-position: 60.5% 0rem;
    background-size: auto;
    padding: 4rem 0 5rem 0;
    position: relative;
}
img.img-icons {
    max-width: 4rem;
}
.box-section-content-product2 {
    display: grid;
    align-items: center;
    align-content: center;
    gap: 1rem;
}
.box-separator-section-content-product2 {
    display: grid;
    align-items: center;
    justify-content: center;
    justify-items: center;
    align-content: center;
}
.tag-section-content-product2 {
    background: #fff;
    width: fit-content;
    padding: 1rem 1.2rem;
    border-radius: 50rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    line-height: 120%;
}
.box-tags-section-content-product2 {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}
img.img-section-product {
    width: auto;
    max-width: 130%;
}
.box-img-section-content-product2 {
    display: grid;
    align-items: center;
    justify-content: center;
    align-content: center;
    min-height: 35rem;
}
a p.section-content-product2{
    color: #1E1E1E;
}
.box2-section-content-product2:hover {
    background: #807d31;
    transition: 1s;
}
.box2-section-content-product2 {
    transition: 1s;
}
.box2-section-content-product2:hover h3.section-content-product2 {
    color: #fff;
    transition: 1s;
}
p.section-content-product2 {
    transition: color 1s; /* Garante que a transição aconteça na entrada e saída do hover */
}

.box2-section-content-product2:hover p.section-content-product2 {
    color: #fff;
}
/* section CONTENT PRODUCT 2 */

/* section CONTENT PRODUCT 3 */
section#section-content-product3 {
    padding: 5rem 0rem 3rem 0;
    background: url(../../dist/images/home/bg-section-home2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 3;
    position: relative;
    text-align: center;
}
h2.section-content-product3 {
    font-size: clamp(2.5rem, 4vw, 4.375rem);
    line-height: 110%;
}
img.line-section-product3{
    margin: 0 auto;
}
h5.section-content-product3 {
    font-size: clamp(2.5rem, 1.5vw, 2.5rem);
    line-height: 110%;
}
.box-title-section-content-product3 {
    display: grid;
    align-items: center;
    padding-bottom: 3rem;
    justify-content: center;
}

.row.space-box-cases-section-content-product3 {
    --bs-gutter-x: 4.5rem;
    --bs-gutter-y: 1.5rem;
}
.row.box-content-section-content-product3 {
    z-index: 2;
    position: relative;
    padding-bottom: 2rem;
}
img.bg-section-product3 {
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: 0.5s;
}
img.img-logo-section-product3 {
    padding-bottom: 1rem;
    position: relative;
}
.box-section-content-product3 {
    padding: 0rem 20rem 2rem;
    position: relative;
}
.box-info-section-content-product3 {
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 4.5rem 1rem 4.5rem 1rem;
    border-radius: 3.125rem;
    position: absolute;
    z-index: 2;
    bottom: 0;
    width: 100%;
}
h6.title-section-content-product3 {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 0rem;
    display: grid;
    align-items: center;
    color: #fff;
}
p.text-section-content-product3 {
    opacity: 1;
    color: #fff;
    padding-top: 1rem;
    margin: 0;
}
.box-cases-section-content-product3 {
    overflow: hidden;
    position: relative;
    border-radius: 3.125rem;
    transition: 0.5s;
    margin-bottom: 1.5rem;
    max-height: 600px;
    min-height: 600px;
    height: 100%;
}
.box-cases-section-content-product3:hover img.bg-section-product3{
    transform: scale(1.0);
    transition: 0.5s;
}
.box-img-section-product3 {
    position: absolute;
    bottom: -5rem;
    margin: 0 auto;
    width: -webkit-fill-available;
    padding: 0 1rem;
}
img.img-section-product3 {
    width: auto;
    max-width: 100%;
}
img.img-cases {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    object-fit: cover;
    height: 100%;
}
.gradient-shadow1 {
    background: rgb(49,40,31);
    background: -moz-linear-gradient(180deg, rgba(26, 21, 16, 0.00) 38.18%, rgba(26, 21, 16, 0.90) 77.58%);
    background: -webkit-linear-gradient(180deg, rgba(26, 21, 16, 0.00) 38.18%, rgba(26, 21, 16, 0.90) 77.58%);
    background: linear-gradient(180deg, rgba(26, 21, 16, 0.00) 38.18%, rgba(26, 21, 16, 0.90) 77.58%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#31281f",endColorstr="#1a1510",GradientType=1);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    transition: 0.5s;
    opacity: 1;
}
img.brand-zenfi-section-product3 {
    position: absolute;
    top: 1.7rem;
    right: 2rem;
    max-width: 100%;
    z-index: 2;
}
.box-stats-section-content-product3 {
    display: flex;
    justify-content: center;
    gap: 2rem;
    padding: 3rem 0 0;
}
.box-btn.centered {
    margin: -4rem auto 0;
    z-index: 2;
}
.description-section-content-product3 {
    display: grid;
    gap: 2rem;
    padding: 2rem 1rem;
    width: 100%;
}
img.separator-section-product3 {
    width: 100%;
}

/* Inicialmente, defina os elementos como invisíveis */
.tab-small .box-info-section-content-product3,
.tab-small .gradient-shadow1,
.tab-small .gradient-shadow2,
.tab-small .description-section-content-product3,
.tab-small .btn-1 {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0s ease 0.5s;
}

/* Estilo para manter o último elemento tocado como ativo */
.box-cases-section-content-product3.active .box-info-section-content-product3,
.box-cases-section-content-product3.active .gradient-shadow1,
.box-cases-section-content-product3.active .gradient-shadow2,
.box-cases-section-content-product3.active .description-section-content-product3,
.box-cases-section-content-product3.active .btn-1,
.box-cases-section-content-product3.active + .tab-small .description-section-content-product3,
.box-cases-section-content-product3.active + .tab-small .btn-1 {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease;
}

/* Remova o grayscale da imagem para o estado ativo */
.box-cases-section-content-product3.active .bg-section-product3 {
    filter: grayscale(0);
    transition: filter 0.5s ease;
}


/* Transição suave para as mudanças de tamanho */
.tab-small, .tab-full {
    transition: width 0.5s ease;
}


/* section CONTENT PRODUCT 3 */

/* section CONTENT PRODUCT 5 */
#section-content-product5 {
    padding: 0rem 0rem 5rem 0;
    position: relative;
    text-align: center;
}
.box-section-content-product5 {
    background: url(../../dist/images/home/bg-box-section-home3.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    border-radius: 6.25rem;
}
.box-title-section-content-product5{
    display: grid;
    align-items: center;
    align-content: center;
    justify-items: center;
    padding: 5rem;
}
h2.section-content-product5 {
    font-size: clamp(2.5rem, 6vw, 4.3rem);
    line-height: 110%;
}
p.text-section-content-product5 {
    max-width: 1080px;
}
img.img-section-product5 {
    position: absolute;
    right: 0rem;
    top: 3rem;
    width: 110%;
}
.box-form-contact {
    max-width: 1080px;
}
/* section CONTENT PRODUCT 5 */