/*logo*/
#header .header-logo img {
  max-height: 250px;
}
/*<########>*/

/*header*/
@media (min-width: 992px) {
    #header .header-nav.header-nav-links nav>ul li:hover>a {
        color: #0099cf;
    }
}

li#menu_pro_calculadora {
    display: none;
}
/*<########>*/

/*slide*/
#slideshow-1 {
    display: none;
}
/*<######>*/

/*sec-html-01*/
#section-html-modulo_1 .titulo-html {
    display: none;
}

#section-html-modulo_1 .container-fluid {
    padding: 0;
}
/*<########>*/

/*sec-empresa*/
.about-experience {
    text-align: center;
}

.about-experience img {
    width: 50%;
}
/*<#######>*/

/*sec-servicos*/
.custom-icon-style-1 {
    transform: unset;
    height: 100%;
    width: 100%;
    border-radius: 15px;
}

.custom-icon-style-1:before {
    border: none;
    background: linear-gradient(0deg, #ff7400b5 5%, transparent);
    opacity: 1;
}

.custom-icon-style-1 img {
    transform: unset;
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    border: none;
}

#section-servicos p {
    display: none;
}

#section-servicos h3 {
    bottom: 40px;
    position: absolute;
    width: 100%;
    z-index: 1;
    color: #fff !important;
}

#section-servicos {
    position: relative;
}

.custom-icon-box-style-1:hover .custom-icon-style-1:before {
    background: linear-gradient(0deg, #0094d0, transparent);
}
/*<###########>*/

/*sec-modulo-2*/
#section-html-modulo_2 {
    padding: 5em 0;
}

#section-html-modulo_2 h2 {
    text-align: center;
}

#section-html-modulo_2 hr {
    margin: auto;
}

#section-html-modulo_2 .titulo-html {
    margin-bottom: 5em;
}

.card-vantagem-icon img {
    width: 60px;
    filter: invert(1);
}

.card-vantagem-icon {
    padding-bottom: 20px;
    padding-top: 20px;
}

.card-vantagem {
    height: 43%;
    padding: 10px;
    background: linear-gradient(45deg, #ff5500, #fba233, #ff7907);
    border-radius: 15px;
    transition: .6s ease-in-out;
}

.ordem-card p {
    position: absolute;
    font-size: 12em;
    font-weight: 700;
    top: 170px;
    color: #ffffff26;
}

.ordem-card {
    position: relative;
}

.card-vantagem-content {
    position: relative;
}

.card-vantagem-content h4 {
    color: #fff;
    font-size: 1.2em;
    line-height: 1;
}

.card-vantagem-content p {
    color: #fff;
}

.card-vantagem:hover .card-vantagem-icon img {
    animation: fadeInPulse 6s ease-in-out infinite;
}

.card-vantagem:hover {
    height: 95%;
    transition: .6s ease-in-out;
}
/*<#########>*/

/*sec-depoimentos*/
.testimonial.testimonial-style-2 blockquote {
    font-family: 'Poppins';
    height: 110px;
    overflow: auto;
    padding: 20px !important;
}

.testimonial.testimonial-with-quotes blockquote:before {
    left: 6px;
    top: 0px;
}
/*<#########>*/

/*page-galeria*/
.page-header.page-header-modern.page-header-lg {
    margin: 0;
}
/*<######>*/

/*sec-cta*/
#section-html-modulo_3 hr {
    display: none;
}

#section-html-modulo_3 .titulo-html {
    display: none;
}

#section-html-modulo_3 {
    padding: 40px 0;
}

span.fa-3x.fa-whatsapp.fab {
    font-size: 20px;
}

.text-cta {
    position: relative;
    background: #ff7400;
    padding: 30px;
    border-radius: 20px 0 0 20px;
    height: 100%;
}

.btn-cta a {
    position: relative;
    color: #fff;
    text-decoration: none;
    background: #11c30e;
    padding: 15px 25px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    transition: .3s ease-in-out;
}

.btn-cta {
    margin-top: 30px;
}

.chamada h1 {
    margin-bottom: 10px;
}

.desc-cta p {
    font-size: 17px;
    color: #fff;
    position: relative;
}

.chamada h1 {
    font-weight: 800;
    font-size: 3em;
    color: #fff;
    position: relative;
}

#section-html-modulo_3 .col-md-6 {
    padding: 0;
}

.bg-cta img {
    border-radius: 0 20px 20px 0;
}

.btn-cta a:hover {
    background: #10f50c;
}

.text-cta:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/arquivos/marca-d-agua.webp);
    background-size: contain;
    filter: brightness(11) grayscale(1);
    background-repeat: no-repeat;
    background-position: center;
    opacity: .2;
}
/*<######>*/

section.page-header:before {
    background: linear-gradient(90deg, #ff7400 33%, transparent 50%);
    opacity: 1;
}

.page-header.page-header-lg {
  padding: 40px 0 !important;
}

@keyframes fadeInPulse {
  0% {
    opacity: .3;
    transform: scale(1);
  }
  20% {
    opacity: 1;
    transform: scale(1.05); /* Slight enlargement for pulse start */
  }
  50% {
    opacity:.3;
    transform: scale(1); /* Return to original size */
  }
  80% {
    opacity:1;
    transform: scale(1.05); /* Slight enlargement again */
  }
  100% {
    opacity: .3;
    transform: scale(1); /* Return to original size and full opacity */
  }
}

/*page-a-empresa*/
/* layout: texto à esquerda, mosaico à direita */
#page_a_empresa #section-empresa .container {
    max-width: 1080px;
}

#page_a_empresa #section-empresa .row {
    align-items: flex-start !important;
}

#page_a_empresa #section-empresa .row > .col-md-6:first-child {
    flex: 0 0 62%;
    max-width: 62%;
}

#page_a_empresa #section-empresa .row > .col-md-6:last-child {
    flex: 0 0 38%;
    max-width: 38%;
    opacity: 1 !important;
    animation: none !important;
}

/* desliga o efeito de flutuar do tema, que brigaria com o mosaico */
#page_a_empresa #section-empresa [data-plugin-float-element] {
    transform: none !important;
}

/* em telas altas o mosaico acompanha a leitura */
@media (min-height: 780px) {
    #page_a_empresa #section-empresa .row > .col-md-6:last-child {
        position: sticky;
        top: 90px;
    }
}

/* mosaico */
.emp-mosaico {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 52px;
    gap: 10px;
}

.emp-mosaico img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
    transition: transform .4s ease-in-out, box-shadow .4s ease-in-out;
}

.emp-mosaico img:hover {
    transform: translateY(-5px);
    box-shadow: 0 14px 28px rgba(255, 116, 0, .3);
}

.emp-mosaico .m1 { grid-column: 1 / -1; grid-row: 1 / span 3; }
.emp-mosaico .m2 { grid-column: 1; grid-row: 4 / span 4; }
.emp-mosaico .m3 { grid-column: 2; grid-row: 4 / span 2; }
.emp-mosaico .m4 { grid-column: 2; grid-row: 6 / span 2; }
.emp-mosaico .m5 { grid-column: 1; grid-row: 8 / span 4; }
.emp-mosaico .m6 { grid-column: 2; grid-row: 8 / span 4; }

/* home usa o mesmo campo: versão compacta em quadrados */
#page_home .emp-mosaico {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
}

#page_home .emp-mosaico img {
    grid-column: auto !important;
    grid-row: auto !important;
    aspect-ratio: 1;
    height: auto;
}

@media (max-width: 991px) {
    #page_a_empresa #section-empresa .row > .col-md-6 {
        position: static;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #page_a_empresa #section-empresa .row > .col-md-6:last-child {
        order: -1;
        margin-bottom: 2rem;
    }

    .emp-mosaico {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: auto;
    }

    .emp-mosaico img {
        grid-column: auto !important;
        grid-row: auto !important;
        aspect-ratio: 1;
        height: auto;
    }

    .emp-mosaico .m1 {
        grid-column: 1 / -1 !important;
        aspect-ratio: 2.3;
    }
}

@media (max-width: 575px) {
    .emp-mosaico {
        grid-template-columns: repeat(2, 1fr);
    }
}


#page_a_empresa .text-empresa {
    font-size: 15px;
    line-height: 1.85;
    color: #555;
}

#page_a_empresa .text-empresa p {
    margin-bottom: 1.1rem;
}

#page_a_empresa .emp-lead {
    margin-bottom: 1.6rem;
    color: #ff7400;
    font-size: 1.45em;
    font-weight: 600;
    line-height: 1.35;
}

#page_a_empresa .emp-titulo {
    position: relative;
    margin: 2.8rem 0 1.1rem;
    padding-left: 16px;
    color: #2b2b2b;
    font-size: 1.35em;
    font-weight: 700;
    line-height: 1.3;
}

#page_a_empresa .emp-titulo:before {
    content: "";
    position: absolute;
    left: 0;
    top: .1em;
    bottom: .1em;
    width: 5px;
    border-radius: 3px;
    background: linear-gradient(180deg, #ff5500, #fba233);
}

#page_a_empresa .emp-etapas {
    counter-reset: etapa;
    list-style: none;
    margin: 0 0 1.4rem;
    padding: 0;
}

#page_a_empresa .emp-etapas li {
    counter-increment: etapa;
    position: relative;
    min-height: 30px;
    margin-bottom: .9rem;
    padding-left: 44px;
}

#page_a_empresa .emp-etapas li:before {
    content: counter(etapa);
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: linear-gradient(45deg, #ff5500, #fba233);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
}

#page_a_empresa .emp-diferenciais {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .6rem 2rem;
    list-style: none;
    margin: 0 0 1.4rem;
    padding: 0;
}

#page_a_empresa .emp-diferenciais li {
    position: relative;
    padding-left: 28px;
}

#page_a_empresa .emp-diferenciais li:before {
    content: "\2713";
    position: absolute;
    left: 0;
    top: 0;
    color: #ff7400;
    font-weight: 700;
}

#page_a_empresa .emp-destaque {
    margin: 2.8rem 0;
    padding: 30px 32px;
    border-radius: 15px;
    background: linear-gradient(45deg, #ff5500, #fba233, #ff7907);
}

#page_a_empresa .emp-destaque p {
    color: #fff;
}

#page_a_empresa .emp-destaque .emp-titulo {
    margin-top: 0;
    padding-left: 0;
    color: #fff;
}

#page_a_empresa .emp-destaque .emp-titulo:before {
    display: none;
}

#page_a_empresa .emp-btn {
    display: inline-block;
    margin-top: .8rem;
    padding: 14px 32px;
    border-radius: 30px;
    background: #fff;
    color: #ff5500;
    font-weight: 700;
    text-decoration: none;
    transition: .3s ease-in-out;
}

#page_a_empresa .emp-btn:hover {
    background: #2b2b2b;
    color: #fff;
}

#page_a_empresa .emp-fecho {
    margin-top: 1.2rem;
    padding: 18px 22px;
    border-left: 5px solid #ff7400;
    border-radius: 0 10px 10px 0;
    background: #faf7f4;
    color: #3a3a3a;
    font-size: 1.05em;
}

@media (max-width: 767px) {
    #page_a_empresa .emp-diferenciais {
        grid-template-columns: 1fr;
    }

    #page_a_empresa .emp-destaque {
        padding: 24px 20px;
    }
}
/*<######>*/


.av-vantagens{max-width:1140px;margin:0 auto;padding:0 15px;}
.av-vantagens *{box-sizing:border-box;}
.av-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;}
.av-card{position:relative;overflow:hidden;padding:24px;border-radius:15px;background:linear-gradient(45deg,#ff5500,#fba233,#ff7907);transition:box-shadow .3s ease;}
.av-card:hover{box-shadow:0 12px 28px rgba(255,116,0,.35);}
.av-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;}
.av-icon{width:56px;height:56px;display:block;filter:invert(1);}
.av-num{font-size:76px;font-weight:700;line-height:.8;color:rgba(255,255,255,.16);pointer-events:none;}
.av-title{display:flex;align-items:flex-end;min-height:2.6em;margin:0;color:#fff;font-size:19px;font-weight:700;line-height:1.3;}
.av-text{max-height:0 !important;margin:0 !important;opacity:0 !important;overflow:hidden;color:#fff;font-size:14px;line-height:1.55;transition:max-height .5s ease,opacity .35s ease,margin-top .5s ease;}
.av-card:hover .av-text{max-height:320px !important;margin-top:14px !important;opacity:1 !important;}
.av-card:hover .av-icon{animation:avPulse 6s ease-in-out infinite;}
@keyframes avPulse{0%{opacity:.3;transform:scale(1);}20%{opacity:1;transform:scale(1.05);}50%{opacity:.3;transform:scale(1);}80%{opacity:1;transform:scale(1.05);}100%{opacity:.3;transform:scale(1);}}
@media(max-width:991px){
.av-grid{grid-template-columns:repeat(2,1fr);}
.av-text{max-height:none !important;margin-top:14px !important;opacity:1 !important;}
}
@media(max-width:575px){.av-grid{grid-template-columns:1fr;}}