/* reset */
* { margin: 0; padding: 0; box-sizing: border-box; font-weight: normal; font-size: 100%; line-height: 1; list-style: none; outline: 0px; }

/* root */
:root { --white: #FFF; --black: #000; --ocean-blue: #28D0F7; --ocean-blue-2: #089FD7; --dark-blue: #00173D; --dark-blue-2: #003C5C; --gray: #bdbdbd8e; --green: #288959; --green-2: #69ec69; --green-3: #80bf26; --green-4:#8ee100; }

/* fonts */
@font-face { font-family: 'Montserrat Light'; src: url('../fonts/Montserrat/static/Montserrat-Light.ttf'); }
@font-face { font-family: 'Montserrat Regular'; src: url('../fonts/Montserrat/static/Montserrat-Regular.ttf'); }
@font-face { font-family: 'Montserrat Medium'; src: url('../fonts/Montserrat/static/Montserrat-Medium.ttf'); }
@font-face { font-family: 'Montserrat Semibold'; src: url('../fonts/Montserrat/static/Montserrat-SemiBold.ttf'); }
@font-face { font-family: 'Montserrat Bold'; src: url('../fonts/Montserrat/static/Montserrat-Bold.ttf'); }
@font-face { font-family: 'Axiforma'; src: url('../fonts/Axiforma-Bold.otf'); }

/* global class */
.container { display: block; width: auto; max-width: 1100px; height: auto; margin: 0px auto; }

/* general config */
button { all: unset; display: inline-block; }
a { text-decoration: none; cursor: pointer; }
p { font-size: 16px; color: var(--white); }
img { display: block; }
html { background-color: var(--black); scroll-behavior: smooth; }
body { background-color: var(--dark-blue); font-family: 'Montserrat Light', sans-serif; }

/* area-banner */
#area-banner { background: url("../img/contact_images/banner_contact.jpg") no-repeat center; background-size: cover; height: 80vh; width: 100%; }

/* area-banner -> header */
#area-banner .container .area-banner-header { display: flex; align-items: center; height: 160px; position: relative; }
#area-banner .container .area-banner-header .area-banner-list { display: flex; align-items: center; gap: 40px; position: absolute; left: 42%; transform: translateX(-50%);width: auto; }
#area-banner .container .area-banner-header .area-banner-list li a { color: var(--white); font-family: 'Montserrat Semibold', sans-serif; font-size: 17px; text-wrap: nowrap; }
#area-banner .container .area-banner-header .whatsapp-button { position: relative; right: 0px; }

/* area-banner -> area-banner-texts */
#area-banner .container .area-banner-texts { height: calc(100vh - 160px) ; position: relative; }
#area-banner .container .area-banner-texts .text { width: 540px; position: absolute; top: 35%; transform: translateY(-75%); }
#area-banner .container .area-banner-texts .text h2 { font-family: 'Axiforma','Montserrat Semibold', sans-serif; color: #ffffff; font-size: 36px; margin-bottom: 8px; }
#area-banner .container .area-banner-texts .text p:nth-of-type(1) { font-family: 'Axiforma', sans-serif; color: #75d7ff; font-size: 24px; margin-bottom: 25px; }
#area-banner .container .area-banner-texts .text p:nth-of-type(2) { font-family: 'Axiforma','Montserrat Semibold', sans-serif; font-size: 18px;}


/* fale-conosco (a partir daqui css da nathor) */
#fale-conosco { background-color: var(--white); }
#fale-conosco .container { padding: 120px 30px; display: flex; align-items: flex-start; gap: 200px; }
@media screen and (max-width: 786px) {#fale-conosco .container{flex-direction:column;gap: 20px;}}


/* fale-conosco -> fale */
@media screen and (max-width: 786px) {
    #fale-conosco .container .fale {
        width: 100%;
    }
}
@media screen and (min-width: 787px) {
    #fale-conosco .container .fale {
        width: 532px;
    }
}
#fale-conosco .container .fale > p { line-height: 1.5; color: var(--blue); font-size: 16px; font-family: 'Montserrat regular', sans-serif; margin-top: 10px;}
#fale-conosco .container .fale > p > strong { font-family: 'Montserrat Semibold', sans-serif; }
#fale-conosco .container .fale h2 { font-family: 'Axiforma','Montserrat Semibold', sans-serif; font-size: 24px; color: #41c0f4; margin: 25px 0px; }
#fale-conosco .container .fale h2::before {content: url("../img/contact_icons/whatsapp-1.png"); height: 30px; width: 30px; padding-right: 5px;}


/* fale-conosco -> enderecos -> siga */
#fale-conosco .container .enderecos { height: 220px; }
#fale-conosco .container .enderecos .siga h4 { font-family: 'Axiforma','Montserrat Semibold', sans-serif; font-size: 28px; line-height: 1.2; padding-bottom: 10px; }
#fale-conosco .container .enderecos .siga figure { display: flex; align-items: center; gap: 10px; margin-top: 5px; }

/* fale-conosco -> enderecos -> endereco */
@media screen and (max-width: 786px) {
    #fale-conosco .container .enderecos {
        width: 100%;
    }
}
@media screen and (min-width: 787px) {
    #fale-conosco .container .enderecos {
        width: auto;
    }
}
#fale-conosco .container .enderecos .endereco { margin-top: 35px; }
#fale-conosco .container .enderecos .endereco h4 { font-family: 'Montserrat Semibold', sans-serif; font-size: 25px; line-height: 1.2; padding-bottom: 5px;}
#fale-conosco .container .enderecos .endereco p { font-family: 'Montserrat Regular', sans-serif; color: var(--blue); line-height: 1.7; }

/* map acaba aqui o CSS nathor */
#map {
     height: 500px; overflow: hidden; background-color: #FFF;
    }
    
#map iframe {
    width: 100%; height: 100%; border: none; 
}


/* footer */
#footer { background-color: var(--dark-blue); padding: 110px 0px 80px 0px; }
#footer .container { display: flex; flex-direction: column; }
#footer .container .informations { display: flex; align-items: center; position: relative; }
#footer .container .informations .address { font-family: 'Montserrat Regular', sans-serif; line-height: 1.5; margin: 10px 0px 0px 100px; }
#footer .container .informations .links { position: absolute; right: 0; }
#footer .container .informations .links li { padding: 5px 0px; }
#footer .container .informations .links li a { font-family: 'Montserrat Semibold', sans-serif; color: var(--white); }
#footer .container .lmx-rights { font-family: 'Montserrat Medium', sans-serif; margin-top: 40px; text-align: center; line-height: 1.4; }