/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_TODAS AS PÁGINAS_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    font-size: 62.5%;
}
header{
    position: sticky;
    top: 0px;
    z-index: 1;
}
li {
    list-style-type: none;
  }

a{
    text-decoration: none;
    text-decoration-color: black;
}
nav ul li a:link{
    color: #000;
}
nav ul li a:visited{
    color: #000;
}
nav ul li a:hover{
    color: #feb633;
}
nav ul li a:active{
    color: #feb633;
}

/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_FONT FAMILY_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */

@font-face {
    font-family: HelveticaExBold;
    src: url(font/HelveticaNowDisplayExtraBold.ttf);
}

@font-face {
    font-family: HelveticaRegular;
    src: url(font/HelveticaNowDisplayRegular.ttf);
}

@font-face {
    font-family: HelveticaMedium;
    src: url(font/HelveticaNowDisplayMedium.ttf);
}
@font-face {
    font-family: HelveticaLight;
    src: url(font/HelveticaNowDisplayLight.ttf);
}

/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_NAV_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */
nav li{
    display: inline-block;
    position: relative;
    padding-left: 2.3vw;
}
nav ul{
    float: right;
    margin: auto 3vw;
    position: relative;
}
#barraSuperior{
    background-color: #fff;
    height: 6.8vh;
    display: flex;
    justify-content: end;
    -webkit-justify-content:flex-end;
}

/*-----FONT-----*/

.font-nav-menu{
    font-family: HelveticaLight;
    font-size: clamp(.7rem, .8vw, 2.5rem);
    color: #000;
}

/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_INDEX_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */

.lampada-inicio{
    position: relative;
    width: 100vw;
}
#texto-novaAG{
    margin-top: 6vw;
}
#logos-novaAG{
    position: absolute;
    top: 10vh;
    left: 6vw;
}
#img-logos .logoSP{
    width: 8.5vw;
    margin-right: 3vw;
}

#texto-novaAG .uma-nova-agencia{
    font-size: clamp(3rem, 10vw, 24rem);
    font-family: helveticaExBold;
    line-height: .8;
    letter-spacing: -.2vw;
}
#texto-novaAG .ideias-inteligentes{
    font-size: clamp(.6rem, 1.8vw, 4.2rem);
    font-family: helveticaLight;
    color: grey;
    line-height: 2;
}

#viabiliza-ideias{
    display: inline-flex;
    justify-content: end;
    align-items: center;
    position: relative;
}

#viabiliza-ideias img{
    width: 100vw;
}
#viabiliza-ideias .texto-ideias{
    position: absolute;
    text-align: right;
    text-align: -webkit-right;
    margin-right: 6vw;
}
.texto-ideias :nth-child(1){
    font-size: clamp(.9rem, 6vw, 14.3rem);
    font-family: helveticaExBold;
    color: #fff;
    line-height: .8;
}
.texto-ideias :nth-child(2){
    font-size: clamp(.4rem, 2.5vw, 6rem);
    font-family: helveticaLight;
    color: #fff;
}

#sobre-nos{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#sobre-nos img{
    width: 100vw;
}
#sobre-nos .texto-sobrenos{
    position: absolute;
    text-align: center;
    margin-right: 6vw;
}
.texto-sobrenos :nth-child(1){
    font-size: clamp(.9rem, 6vw, 14.3rem);
    font-family: helveticaExBold;
    color: #fff;
    line-height: 1;
}
.texto-sobrenos :nth-child(2){
    font-size: clamp(.4rem, 2vw, 6rem);
    font-family: helveticaLight;
    color: #fff;
}
#sobre-nos{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#nossa-visao{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#nossa-visao img{
    width: 100vw;
}
#nossa-visao .texto-visao{
    position: absolute;
    text-align: center;
    margin-right: 6vw;
}
.texto-visao :nth-child(1){
    font-size: clamp(.9rem, 6vw, 14.3rem);
    font-family: helveticaExBold;
    color: #000;
    line-height: 1;
}
.texto-visao :nth-child(2){
    font-size: clamp(.4rem, 2vw, 6rem);
    font-family: helveticaLight;
    color: #000;
}

#nossos-valores{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#nossos-valores img{
    width: 100vw;
}
#nossos-valores .texto-valores{
    position: absolute;
    text-align: center;
    margin-right: 6vw;
}
.texto-valores :nth-child(1){
    font-size: clamp(.9rem, 6vw, 14.3rem);
    font-family: helveticaExBold;
    color: #fff;
    line-height: 1;
}
.texto-valores :nth-child(2){
    font-size: clamp(.4rem, 2vw, 6rem);
    font-family: helveticaLight;
    color: #fff;
}
/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_SOMOS_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */

#all-footer ::before{
    background-color: aqua;
}
#imagem-somos img{
    width: 100vw;
}
#somos{
    position: relative;
}
#somos .img1-somos{
    width: 100vw;
    display: block;
}
#somos .img2-somos{
    width: 100vw;
    display: none;
}

.somos-titulo{
    position: absolute;
    top: 4vw;
    left: 7vw;
    font-family: helveticaExBold;
    font-size: clamp(4rem, 15vw, 50rem);
}
.texto-somos{
    position: absolute;
    font-family: helveticaLight;
    font-size: clamp(.5rem, 2vw, 6rem);
    color: #000;
    text-align: justify;
    width: 55vw;
}
/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_FAZEMOS_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */

#titulo-fazemos{
    display: flex;
    justify-content: space-between;
}
.solucoes-inteligentes{
    display: flex;
}
.solucoes-inteligentes img{
    width: 40vw;
}
#menu-solucoes{
    background-color: #1b365d;
    display: flex;
    justify-content: right;
}
#menu-solucoes ul li{
    display: inline-block;
    font-family: helveticaExBold;
    font-size: clamp(.7rem, 1.4vw, 5.5rem);
    color: #fff;
    border-right: 2px solid #fff;
    text-align: end;
    line-height: 1.1;
    margin-right: 1vw;
    padding: 0 2vw 0 2vw;
}
#menu-solucoes ul{
    align-self: center;
}
#menu-solucoes ul :nth-child(5){
    border: none;
}
.especial-hidden{
    visibility: hidden;
}

#imagem-luminaria :nth-child(1){
    width: 100vw;
    display: block;
}
#imagem-luminaria :nth-child(2){
    width: 100vw;
    display: none;
}

#container-fazemos{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 3vw;
}
#container-fazemos #textos-fazemos{
    position: absolute;
    left: 30vw;
    right: 5vw;
}
#tabela-fazemos{
    border-spacing: 0 1vw;
}
table tr td img{
    width: 6vw;
    padding: 1.1vw;
}
table tr td h2{
    font-size: clamp(3rem, 2vw, 8rem);
    font-family: HelveticaMedium;
    text-align: end;
}
table tr td p{
    font-size: clamp(.4rem, 1.6vw, 7rem);
    font-family: HelveticaRegular;
}

/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_CASES_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */

#sup-cases{
    position: relative;
}
#sup-cases img{
    width: 100vw;
}
#sup-cases #case-texto{
    position: absolute;
    top: 10px;
    left: 3vw;
}
#case-texto{
    font-size: clamp(.45rem, 12vw, 45rem);
    font-family: helveticaExBold;
}
#container-a{
    display: flex;
    justify-content: center;
    gap: 1vw;
}
.bar-title{
    background-color: #1b365d;
    text-align: center;
    margin: 2vh 0;
    padding: .5vw;
}
.bar-title p{
    font-family: helveticaRegular;
    font-size: clamp(1rem, 1vw, 10rem);
    color: #fff;
}
#container-slider{
    overflow: hidden;
}
#slider{
    width: 48.5vw;
    display: flex;
    overflow-x: hidden;
}
#slider img{
    width: 48.5vw;
    display: flex;
}
.box-miniatura{
    display: flex;
    justify-content: flex-start;
    width: 48.5vw;
    align-items: center;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.box-miniatura::-webkit-scrollbar{
    display: none;
}
#miniatura{
    display: flex;
}
#miniatura img{
    width: 6vw;
    display: flex;
    border-left: .5px solid #000;
    border-top: .5px solid #000;
    border-bottom: .5px solid #000;
}

.lightbox{
    visibility: hidden;
    opacity: 0;
    display: none;
}
.lightbox:target{
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(10, 10, 10, .7);
    position: fixed;
    display: flex;
    z-index: 1;
}
.lightbox-imgs{
    width: 70vw;
    border: 0.2vw solid #fff;
}
.box-img-light{
    margin: auto;
}
.btn{
    color: #fff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
}
#prev{
    left: 5%;
    top: 45%;
    font-size: 5rem;
}
#next{
    right: 5%;
    top: 45%;
    font-size: 5rem;
}
#close{
    right: 0.5vw;
    top: 2vh;
    font-size: 3rem;
}
.section-cliente{
    display: flex;
    justify-content: space-around;
    margin: 2vw 0;
}
.box-clientes{
    display: flex;
    justify-content: center;
    width: 48.5vw;
    align-items: center;
}
#clientes-logo{
    display: flex;
    align-items: center;
}
#clientes-logo img{
    width: 5vw;
    display: flex;
    margin: 0vw 1.5vw;
}

/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_CONTATO_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */

#sup-contato img{
    width: 100vw;
}
#container-contato{
    position: relative;
}
#logos-contato{
    position: absolute;
    top: 4vw;
    left: 5vw;
}
#logos-contato .logoSP{
    width: 7vw;
}
#texto-faleConosco .faleConosco{
    font-size: clamp(3rem, 10vw, 24rem);
    font-family: helveticaExBold;
    line-height: .8;
    letter-spacing: -.2vw;
}
#texto-faleConosco{
    position: absolute;
    top: 5vw;
    right: 7vw;
}
#endereco{
    border-left: 2px solid;
    border-color: #feb633;
    margin-top: 7vw;
    padding-left: 2vw;
}
#endereco :nth-child(1){
    font-family: helveticaMedium;
    font-size: clamp(.5rem, 1vw, 3rem);
}
#endereco :nth-child(3){
    font-family: HelveticaLight;
    font-size: clamp(.5rem, 1vw, 3rem);
}
#endereco :nth-child(4){
    font-family: HelveticaLight;
    font-size: clamp(.5rem, 1vw, 3rem);
}
#endereco :nth-child(5){
    font-family: HelveticaLight;
    font-size: clamp(.5rem, 1vw, 3rem);
}
#endereco :nth-child(6){
    font-family: HelveticaLight;
    font-size: clamp(.5rem, 1vw, 3rem);
}
#endereco :nth-child(7){
    font-family: HelveticaLight;
    font-size: clamp(.5rem, 1vw, 3rem);
}
#endereco p img{
    width: 1vw;
}

#container-maps{
    display: flex;
    justify-content: center;
    gap: 5vw;
    margin-top: 1vw;
}
#container-maps iframe{
    height:50vh;
    width:40vw;
}
.googlemaps{
    /*position:relative;
    text-align:right;*/
    height:50vh;
    width:40vw;
}
.gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:50vh;
    width:40vw;
}
#form-contato{
    display: block;
}
#form-contato form input{
    width: 45.3vw;
    margin-bottom: 1.5vh;
    padding: 0.4vw;
}
#form-contato form textarea{
    width: 45.3vw;
    margin-bottom: 1.5vh;
    padding: 0.4vw;
}
#form-contato form{
    width: 45.5vw;
}
#form-contato form button{
    margin-right: 3vw;
    background-color: #1b365d;
    border: none;
    border-radius: 5px;
    width: 10vw;
    min-height: 4vh;
    color: #fff;
}


#email-enviado{
    position: relative;
    display: flex;
    justify-content: center;
}
#email-enviado img{
    width: 100vw;
}
#botao-retorno{
    position: absolute;
    bottom: 5vw;
}
#botao-retorno a button{
    background-color: #feb633;
    border: none;
    border-radius: 5px;
    width: 20vw;
    height: 7vh;
    color: #fff;
    font-family: helveticaMedium;
    font-size: clamp(.8rem, 1.5vw, 3rem);
}

/* ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ_RODAPÉ_ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ */


#container-footer{
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0vw 1vw;
    justify-content: space-between;
    height: 4vw;
}
.imgft2{
    width: 4.5vw;
}
.footer-center{
    position: relative;
    margin-left: 12vw;
    align-self: end;
}
.footer-center p{
    font-family: helveticaLight;
    font-size: clamp(.1rem, 1vw, 2rem);
    color: grey;
}
.img-grupo{
    width: 5vw;
}
.footer-icones{
    display: inline-block;
    float: none;
    /*margin-right: 3vw;*/
}
.footer-icones ul li{
    display: inline-block;
    padding-left: 2vw
}
.footer-icones ul li img{
    width: clamp(.5rem, 1.8vw, 6rem);
}


/*--------------------------------------------------------------------------------
********************************** RESPONSIVIDADE ********************************
--------------------------------------------------------------------------------*/

@media (max-width:480px){
    #container-a{
        display: block;
        justify-content: center;
        gap: 0vw;
    }
    #slider {
        width: 100vw;
        display: flex;
        overflow-x: hidden;
    }
    #slider img {
        width: 100vw;
        display: flex;
    }
    .box-miniatura {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100vw;
        overflow-x: scroll;
    }
    #miniatura a img{
        width: 13vw;
    }
    #next {
        right: 2%;
        top: 45%;
        font-size: 3rem;
    }
    #prev {
        left: 2%;
        top: 45%;
        font-size: 3rem;
    }
    #endereco {
        border-left: 2px solid;
        border-color: #feb633;
        margin-top: 3vw;
        padding-left: 2vw;
    }

}

@media (max-width:900px){
    /********************************** SOMOS ********************************/
    #somos .img1-somos{
        width: 100vw;
        display: none;
    }
    #somos .img2-somos{
        width: 100vw;
        display: block;
    }
    .texto-somos{
        position: absolute;
        font-family: helveticaLight;
        font-size: clamp(1rem, 3vw, 5rem);
        color: #000;
        text-align: justify;
        width: 55vw;
        margin-top: 7vw;
    }
    /********************************** FAZEMOS ********************************/
    #titulo-fazemos{
        display: block;
        justify-content: start;
    }
    #menu-solucoes{
        background-color: #feb633;
        display: flex;
        justify-content: center;
    }
    #menu-solucoes ul li{
        display: inline-block;
        font-family: helveticaExBold;
        font-size: clamp(.6rem, 3vw, 5.5rem);
        color: #fff;
        border-right: 2px solid #fff;
        text-align: end;
        line-height: 1.1;
        margin-right: 0;
        padding: 0 2vw;
        margin: 2vw 0;
    }
    #imagem-luminaria :nth-child(1){
        width: 100vw;
        display: none;
    }
    #imagem-luminaria :nth-child(2){
        width: 100vw;
        display: block;
    }
    table tr td img {
        width: 9vw;
        padding: 1.4vw;
    }
    table tr td h2 {
        font-size: clamp(1rem, 5vw, 8rem);
        font-family: HelveticaMedium;
        text-align: end;
    }
    table tr td p {
        font-size: clamp(.7rem, 2.7vw, 5rem);
        font-family: HelveticaRegular;
    }
    #container-fazemos #textos-fazemos {
        position: absolute;
        left: 20vw;
        right: 5vw;
    }
    #tabela-fazemos {
        border-spacing: 0 6vw;
    }
    /********************************** CONTATO ********************************/
    #container-maps{
        display: block;
        gap: 0;
        margin-top: 0;
    }
    #container-maps iframe{
        height: 31vh;
        width:90vw;
        margin-top: 4vh;
        margin-bottom: 4vh;
    }
    .googlemaps{
        /*position:relative;
        text-align:right;*/
        height:35vh;
        width:90vw;
        margin-left: 5vw;
        margin-bottom: 2vh;
    }
    .gmap_canvas {
        overflow:hidden;
        background:none!important;
        height: 35vh;
        width:90vw;
    }

    #form-contato form input{
        width: 90vw;
        margin-bottom: 1.5vh;
        padding: 0.4vw;
    }
    #form-contato form textarea{
        width: 90vw;
        margin-bottom: 1.5vh;
        padding: 0.4vw;
    }
    #form-contato form{
        width: 95vw;
        text-align: center;
        margin-left: 2.5vw;
    }
    #form-contato form button{
        margin-bottom: 3vh;
        margin-right: 0;
        background-color: #feb633;
        border: none;
        border-radius: 5px;
        min-width: 40vw;
        min-height: 4vh;
        color: #fff;
    }

    #botao-retorno a button{
        background-color: #feb633;
        border: none;
        border-radius: 5px;
        width: 20vw;
        height: 2.5vh;
        color: #fff;
        font-family: helveticaMedium;
        font-size: clamp(.8rem, 1.5vw, 3rem);
    }
    
}