:root {
    --cor1: #012AF8;    
    --font1: 'Plus Jakarta Sans', sans-serif;
}

.bgRule { background-position: center; background-repeat: no-repeat; background-size: cover;}

html { scroll-behavior: smooth}
body { margin:0; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-family: var(--font1) }
a { text-decoration:none; transition: all .25s ease}
img { border:0; vertical-align:top; }
p { font-size: 18px; line-height: 150%; }
ul li { font-size: 18px; line-height: 150%; }

h1 { font-weight: 700; font-size: 40px; line-height: 120%; text-decoration: underline; text-decoration-color: var(--cor1); text-underline-offset: 5px; text-decoration-thickness: 2px;}
h2 { font-weight: 700; font-size: 36px; line-height: 120%; border-left: 5px solid var(--cor1); padding-left: 15px; }
h3 { font-weight: 700; display: inline-table; font-size: 24px; line-height: 120%; background: linear-gradient(transparent 60%, var(--apoio1) 60%, var(--apoio1) calc(60% + 40px), transparent calc(60% + 40px)); background-size: 100% 1.2em; background-repeat: repeat-y;}
h4 { font-weight: 700; font-size: 20px; line-height: 120%; }

        .valorizzeIndex { padding: 130px 0 0 0; }
        .headerV { width: 100%; padding: 30px 0; position: absolute; top: 0; left: 0; z-index: 99}
        .centraMenuv { width: 90%; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
        .logoV { width: 190px;}
        .hambV { height: 40px; padding: 0 25px 0 5px; margin: 0 0 0 -2vw; font-size: 29px; display: none; align-items: center; justify-content: center; } 
        .kMenu { width: fit-content; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
        .kMenu li { list-style: none; margin: 0 0 0 1px; padding: 0;}
        .kMenu li a {font-size: 15px; border: 2px solid rgba(255,255,255,.0); padding: 8px 24px; border-radius: 6px; font-weight: 700; color: #000; }
        .kMenu li a:hover { color: var(--cor1); background-color: #EEE;}
        .menuV { transition: all .15s ease;}
        .menu2V li:first-child a { border: 2px solid var(--cor1); color: var(--cor1)}
        .menu2V li:first-child a:hover { color: #FFF; background-color: var(--cor1)}
        .menu2V li:last-child a:hover { background-color: #FFF;}
        .centraSta { width: 90%; max-width: 1200px; min-height: 600px; margin: 0 auto; }
        .infoSt { width: calc(50% - 10px); max-width: 460px; padding: 80px 0 0 0; position: relative; }
        .infoSt h1 { font-size: 70px; max-width: 460px; margin: 0; color: var(--cor1); text-decoration: none; }
        .infoSt p { font-size: 15px; max-width: 400px; }
        .saibaV { background-color: var(--cor1); display: table; min-width: 240px; text-align: center; box-sizing: border-box; font-size: 15px; margin: 20px 0 0 0; padding: 17px 30px; border-radius: 8px; color: #FFF;}
        .saibaV:hover { background-color: var(--cor2)}
        .infoSt:before { content: ''; width: 3px; height: 0px; background-color: var(--cor1); position: absolute; bottom: 0; left: -4vw;
            -webkit-animation-duration: 5s; -webkit-animation-name: animar;
            -webkit-animation-delay: 0s; -webkit-animation-fill-mode: forwards;
            -webkit-animation-iteration-count: infinite;
        }
        @-webkit-keyframes animar {
            0% { height: 0px; bottom: 0; } 
            10% { height: calc(100% + 105px); } 
            90% { height: calc(100% + 105px); }
            100% { bottom: 700px; }
        }
        .stageV { position: relative; }
        .mac { width: 55vw; max-width: 800px; position: absolute; top: 0; right: 0;}
        .organizzei { width: 160px; opacity: .6; display: block; margin: 20px 0; filter: grayscale(100); }
        .footV { margin: 0 auto; width: 90%; position: relative; max-width: 1200px; border-top: 1px solid #DDD; display: flex; align-items: flex-end; justify-content: space-between; padding: 40px 0 0 0; }
        .footV p { font-size: 12px; color: #777; margin: 0; padding: 0;}
        .footV ul { margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-start; }
        .footV ul li { list-style: none; margin: 0; padding: 0}
        .footV ul li a { font-size: 12px; color: #777; position: relative; }
        .footV ul li:nth-of-type(2) a { padding: 0 20px;}
        .footV ul li:nth-of-type(2) a:before, .footV ul li:nth-of-type(2) a:after { content: '|'; position: absolute; top: -6px; }
        .footV ul li:nth-of-type(2) a:before { left: 9px;}
        .footV ul li:nth-of-type(2) a:after { right: 9px;}
        .footV ul li a:hover { text-decoration: underline; color: var(--cor1); }
        .irOrganizzei { font-size: 50px; height: 50px; color: var(--cor1); transition: all .15s ease; position: absolute; bottom: 0; right: 50px;}
        .irOrganizzei i { transform: rotate(45deg); position: absolute; top: 0; left: 0;}
        .infoOrganizzei { width: calc(100% - 100px)}
        .fecharV { display: none; position: absolute; top: 20px; right: 20px; padding: 5px 20px; font-weight: 700; border-radius: 5px; color: #FFF; background-color: var(--cor1);}
        .internasV { padding: 20px 0 40px 0; }
        .centraV { width: 90%; max-width: 1100px; margin: 0 auto; }
        .internasV h2 { font-size: 35px; display: block; margin: 0 0 20px 0; }
        .internasV h3 { margin: 10px 0 0 0; background: #FFF;}
        .internasV a { color: var(--cor1); font-weight: 700;}
        .internasV a:hover { text-decoration: underline; }
        .parceiros { width: 100%; margin: 40px 0 0 0; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
        .umParceiro { width: calc(33.33% - 20px); margin: 0 0 20px 0; min-height: 220px; box-shadow: 1px 1px 14px -11px #333; border-radius: 10px; display: flex; align-items: center; justify-content: center}
        .umParceiro img { width: 70%; max-width: 230px; filter: grayscale(100); opacity: .7; transition: all .15s ease;}
        .umParceiro:hover img { opacity: 1; filter: grayscale(0);}
        .solucoes { margin: 30px 0 40px 0; display: flex; align-items:stretch; justify-content: space-between; flex-wrap: wrap; }
        .umaSolucao { width: calc(33.33% - 20px); border-radius: 5px; box-shadow: 1px 1px 14px -11px #333; margin: 0 0 20px 0; text-align: center; box-sizing: border-box; padding: 20px; }
        .umaSolucao i { width: 100%; display: block; font-size: 40px; color: #333;}
        .umaSolucao b { display: block; font-size: 18px; color: var(--cor1);  }
        .caracteristicas { margin: 30px 0 40px 0; display: flex; align-items:stretch; justify-content: flex-start; flex-wrap: wrap; }
        .umaCaracteristica  { width: calc(25% - 20px); margin: 0 26px 20px 0; box-shadow: 1px 1px 14px -11px #333; border-radius: 5px; box-sizing: border-box; text-align: center; box-sizing: border-box; padding: 20px 20px 10px 20px; }
        .umaCaracteristica:nth-of-type(4n) { margin-right: 0;}
        .umaCaracteristica i { width: 100%; display: block; font-size: 40px; color: #333;}
        .umaCaracteristica b { display: block; font-size: 18px; color: var(--cor1);  }
        .miniV { max-width: 650px;}
        .centraV p { font-size: 15px; color: #444;}
        .centraV ul li { line-height: 150%; font-size: 15px; margin: 0 0 15px 0; color: #444;}
        .mock { width: 100%; margin: 10px 0; display: block; border-radius: 10px;}
        
        /* Estilos para a página de pessoas */
        .pessoas { width: 100%; margin: 40px 0 0 0; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; }
        .umaPessoa { width: calc(25% - 20px); margin: 0 0 30px 0; box-shadow: 1px 1px 14px -11px #333; border-radius: 10px; overflow: hidden; text-align: center; background-color: #FFF; transition: all .15s ease; }
        .umaPessoa:hover { transform: translateY(-5px); box-shadow: 2px 4px 20px -8px #333; }
        .fotoPessoa { width: 100%; height: 250px; overflow: hidden; }
        .fotoPessoa img { width: 100%; height: 100%; object-fit: cover; }
        .infoPessoa { padding: 20px; }
        .infoPessoa h4 { font-size: 18px; color: var(--cor1); margin: 0 0 8px 0; font-weight: 700; }
        .infoPessoa p { font-size: 14px; font-weight: 700; color: #666; margin: 0; }
        .infoPessoa b { font-size: 12px; font-weight: normal; color: #666; margin: 0; }
        
        @media screen and (min-width: 1150px) {.irOrganizzei:hover { transform: scale(1.2); right: 60px; bottom: 5px;}}
        @media screen and (max-width: 1150px)
        {   
            .umaSolucao { width: 100%; margin: 0 0 10px 0;}
            .caracteristicas { justify-content: space-between; }
            .umaCaracteristica { width: calc(50% - 6px); padding: 15px 10px 10px 10px; margin: 0 0 10px 0; }
            .umaCaracteristica b {font-size: 15px;}
            .valorizzeIndex { padding: 0;}
            .headerV { padding: 20px 0 30px 0; position: relative; }
            .menu2V {  width: 100%; order: 1; margin: 0 0 30px 0;}
            .hambV { order: 2}
            .logoVA { order: 3}
            .stageV { overflow: hidden; width: 100%; }
            .hambV { display: flex; }
            .menuAberto { left: 0!important}
            .centraMenuv { max-width: 450px; justify-content: flex-start}
            .centraSta { max-width: 450px; padding: 0; min-height: inherit; flex-wrap: wrap; }
            .centraSta { position: relative; }
            .centraSta:before { content: ''; width: 3px; height: 100%; background-color: var(--cor1); position: absolute; top: 0; left: 0;}
            .mac { width: calc(100% + 4vw); max-width: 400px; margin: 0 0 30px 1vw; position: relative; top: auto; right: auto; }
            .infoSt { width: 100%; padding: 0 0 0 55px;}
            .infoSt:before { display: none; }
            .infoSt h1 { font-size: 36px; max-width: 240px;}
            .infoSt p {max-width: 280px;}
            .menuV { position: absolute; background-color: rgba(255,255,255,.98); top: 0; left: -450px; box-shadow: 1px 1px 24px -10px #333; box-sizing: border-box; padding: 65px 24px 0 20px; width: calc(100% - 50px); max-width: 400px; height: 100vh; align-items: flex-start; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; }
            .menuV li { width: 100%; border: 2px solid var(--cor1); margin: 0 0 -2px 0; }
            .menuV li a { width: 100%; padding: 15px 20px; display: block; box-sizing: border-box; }
            .menuV li:nth-of-type(1) { border-radius: 10px 10px 0 0;}
            .menuV li:last-child { border-radius: 0 0 10px 10px;}
            .fecharV { display: block; }
            .saibaV { min-width: 200px; }
            .footV { max-width: 450px; margin: 50px auto 0 auto; text-align: center; flex-wrap: wrap; }
            .organizzei { margin: 4px auto 20px auto; }
            .infoOrganizzei { width: 100%;}
            .irOrganizzei { right: calc(50% + 20px); bottom: -60px; }
            .footV ul { justify-content: center}
            .centraV { max-width: 450px;}
            .umParceiro { width: calc(50% - 12px); min-height: 170px; }
            
            /* Responsive para pessoas */
            .umaPessoa { width: calc(50% - 12px); }
        }
        
        @media screen and (max-width: 768px) {
            .umaPessoa { width: 100%; margin: 0 0 20px 0; }
        }