/* ===== estilos.css ===== */ @font-face { font-family: 'Barlow'; src: url('fontes/subset-Barlow-Regular.eot'); src: url('fontes/subset-Barlow-Regular.eot?#iefix') format('embedded-opentype'), url('fontes/subset-Barlow-Regular.woff2') format('woff2'), url('fontes/subset-Barlow-Regular.woff') format('woff'), url('fontes/subset-Barlow-Regular.ttf') format('truetype'), url('fontes/subset-Barlow-Regular.svg#Barlow-Regular') format('svg'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Barlow'; src: url('fontes/subset-Barlow-Bold.eot'); src: url('fontes/subset-Barlow-Bold.eot?#iefix') format('embedded-opentype'), url('fontes/subset-Barlow-Bold.woff2') format('woff2'), url('fontes/subset-Barlow-Bold.woff') format('woff'), url('fontes/subset-Barlow-Bold.ttf') format('truetype'), url('fontes/subset-Barlow-Bold.svg#Barlow-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } /* reset css */ * { box-sizing: border-box; } html { --cor-primaria: #152039; /* azul menos escuro */ --cor-secundaria: #131b2f; /* azul mais escuro */ --cor-terciaria: #ff0150; /* rosa */ --cor-quartenaria: #a3978e; /* laranja opaco mais fraco */ --cor-quinaria: #f4f3f0; /* amarelo opaco */ --cor-linha: #e8e3e0; /* laranja opaco mais forte */ --cor-texto-breve: #807973; /* cinza */ --cor-branco: #ffffff; /* branco */ --cor-preto: #000000; /* preto */ --gap-lista: 20px; --column-count-lista: 1; } html, body { margin: 0px; padding: 0px; font: 400 18px/1.5 'Barlow', sans-serif; text-size-adjust: none; color: var(--cor-primaria); } header, main, section, div, article, aside, form, fieldset, footer { display: block; margin: 0px; padding: 0px; border: none; } h1, h2, h3, h4, h5, h6, p { margin: 0px; padding: 0px; } ul, ol { margin: 0px 0px 0px 17px; padding: 0px; list-style-position: outside; } img, figure, iframe, embed, object, video { display: block; margin: 0px; padding: 0px; max-width: 100%; border: none; } input[type="submit"], [type="button"], input[type="file"] { cursor: pointer; } input, button, select, option, optgroup, textarea { display: block; margin: 0px; padding: 0px; font: 400 18px/1 'Barlow', sans-serif; text-size-adjust: none; color: var(--cor-primaria); outline: none; border: none; } input:focus::placeholder { opacity: 0 !important; } textarea:focus::placeholder { opacity: 0 !important; } ::placeholder { opacity: 1 !important; color: var(--cor-branco) !important; } img { height: auto; } a { text-decoration: none; color: var(--cor-primaria); } a:hover { text-decoration: underline; } /* geral */ .fancybox-container * { position: static; } .fancybox-button { color: var(--cor-terciaria) !important; background-color: var(--cor-primaria) !important; } .fancybox-navigation .fancybox-button--arrow_left { padding-left: 0px !important; } .fancybox-navigation .fancybox-button--arrow_right { padding-right: 0px !important; } .esconde-paragrafo-vazio { display: none; } .cycle-slideshow { z-index: 1; } .central { margin: 0px auto; padding: 0px 40px; width: 100%; max-width: 1800px; } .central.menor { padding: 0px 40px; max-width: 1620px } .central.sem-padding-mobile { padding: 0px; } .sem-central { margin-left: 40px; } .sem-central.desktop { margin-left: 0px; } .clear { clear: both; } .editor { --ck-image-style-spacing: 1.5em; & .image { margin-left: auto; margin-right: auto; text-align: center; &.image-style-block-align-left, &.image-style-block-align-right { max-width: calc(100% - var(--ck-image-style-spacing)); } &.image-style-align-left, &.image-style-align-right { clear: none; } &.image-style-side { margin-left: var(--ck-image-style-spacing); max-width: 50%; float: right; } &.image-style-align-left { margin-right: var(--ck-image-style-spacing); float: left; } &.image-style-align-right { margin-left: var(--ck-image-style-spacing); float: right; } &.image-style-block-align-right { margin-left: auto; margin-right: 0px; text-align: right; } &.image-style-block-align-left { margin-left: 0px; margin-right: auto; text-align: left; } } & .image-style-align-center { margin-left: auto; margin-right: auto; text-align: center; } & .image-style-align-left { margin-right: var(--ck-image-style-spacing); text-align: left; float: left; } & .image-style-align-right { margin-left: var(--ck-image-style-spacing); text-align: right; float: right; } & p + .image.image-style-align-left, & p + .image.image-style-align-right, & p + .image.image-style-side { margin-top: 0px; } & .image-inline { &.image-style-align-left, &.image-style-align-right { margin-top: var(--ck-inline-image-style-spacing); margin-bottom: var(--ck-inline-image-style-spacing); } &.image-style-align-left { margin-right: var(--ck-inline-image-style-spacing); } &.image-style-align-right { margin-left: var(--ck-inline-image-style-spacing); } } } .editor * { margin: 0px !important; padding-inline-start: 0px !important; font-family: 'Barlow', sans-serif !important; font-size: 18px !important; line-height: 1.5 !important; } .editor > * { padding-top: 20px; } .editor > :first-child { margin-top: 0px !important; padding-top: 0px !important; } .editor :is(h1, h2, h3, h4, h5, h6), .editor :is(h1, h2, h3, h4, h5, h6) * { font-size: 20px !important; line-height: 1.5 !important; font-weight: 400 !important; } .editor figure.media { padding: 40px 0px 20px; } .editor table { margin-top: 20px !important; padding-top: 0px !important; } .editor time { display: block; } .editor a { text-decoration: underline; } .editor ul { margin-left: 17px !important; } .editor ul li + li { padding-top: 5px; } .editor img { display: inline-block !important; vertical-align: top !important; max-width: 100%; } .editor blockquote { margin-top: 20px !important; padding: 0px 0px 0px 10px !important; font-style: italic; color: inherit; border-left: 3px solid var(--cor-primaria); } .editor hr { display: block; margin-top: 20px !important; padding-top: 0px !important; height: 1px; border: 0px; background-color: var(--cor-primaria); } .editor .table { display: table; & table { width: 100%; height: 100%; border: 1px double hsl(0, 0%, 70%); border-collapse: collapse; border-spacing: 0px; & td, & th { padding: .4em; min-width: 2em; border: 1px solid hsl(0, 0%, 75%); } & th { font-weight: 700; background: hsla(0, 0%, 0%, 5%); } } } .texto.claro.editor, .texto.claro.editor a { color: var(--cor-branco); } .titulo h1, .titulo h2 { font-size: 30px; line-height: 1.2; font-weight: 400; } .titulo h3 { margin-bottom: 30px; font-size: 20px; line-height: 1.2; letter-spacing: 2px; font-weight: 400; } .titulo.menor h1, .titulo.menor h2 { font-size: 25px; } .titulo.com-linha { padding-bottom: 30px; border-bottom: 2px solid var(--cor-linha); } .titulo.com-fundo { position: relative; margin: -104px 0px 30px; padding: 134px 0px 30px; background-color: var(--cor-primaria); } .titulo.com-fundo:before { content: ""; display: block; position: absolute; top: -104px; left: -100vh; padding-top: 104px; width: 100vh; height: 100%; background-color: var(--cor-primaria); } .titulo.com-fundo:after { content: ""; display: block; position: absolute; top: -104px; right: -100vh; padding-top: 104px; width: 100vh; height: 100%; background-color: var(--cor-primaria); } .titulo.centro { text-align: center; } .titulo.claro, .titulo.claro a { color: var(--cor-branco); } .titulo-caixa-alta { padding-bottom: 30px; text-align: center; border-bottom: 2px solid var(--cor-linha); } .titulo-caixa-alta h2 { font-size: 15px; line-height: 1.2; letter-spacing: 5px; font-weight: 400; text-transform: uppercase; } .titulo-detalhes { margin-bottom: 30px; text-align: center; } .titulo-detalhes h2 { font-size: 20px; line-height: 1.2; font-weight: 400; } .botao a { display: inline-block; vertical-align: middle; padding: 17px 0px; width: 100%; max-width: 180px; font-size: 16px; line-height: 1; white-space: nowrap; text-align: center; color: var(--cor-branco); overflow: hidden; transform: perspective(1px) translateZ(0); transition: all .60s linear; } .botao a:hover { text-decoration: none; transform: scale(1.1); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .botao.com-margem { margin-top: 30px; } .botao.botao-fale-conosco a { background-color: var(--cor-primaria); } .botao.botao-tracar-rota a { background-color: var(--cor-quartenaria); } .botao.botao-carregar-noticias { text-align: center; } .botao.botao-carregar-noticias a { width: calc(100% - 80px); max-width: none; background-color: var(--cor-primaria); } .margem-esquerda { margin-left: 40px; } .margem-direita { margin-right: 40px; } .video-mp4 .container, .video-iframe .container { aspect-ratio: 16 / 9; } .video-mp4 .container video, .video-iframe .container iframe { width: 100%; height: 100%; object-fit: cover; } .idiomas { flex: none; width: auto; position: relative; padding-left: 39px; height: 44px; line-height: 34px; cursor: pointer; } .idiomas:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 25px; height: 100%; mask-image: url('../img/ico-idiomas.svg'); mask-repeat: no-repeat; mask-position: center left; mask-size: 25px; background-color: var(--cor-branco); } .idiomas span { padding-right: 20px; height: 44px; font-size: 15px; line-height: 44px; text-transform: uppercase; } .idiomas span:after { content: ""; display: block; position: absolute; top: 0px; right: 0px; width: 11px; height: 100%; mask-image: url('../img/ico-seletor.svg'); mask-repeat: no-repeat; mask-position: center right; mask-size: 11px 5px; background-color: var(--cor-branco); } .idiomas .submenu-idiomas { display: none; } .idiomas:hover .submenu-idiomas, .idiomas.idiomas-clicado .submenu-idiomas { position: absolute; display: block; top: 44px; left: 19px; padding: 10px 0px; width: 60px; text-align: center; background-color: var(--cor-primaria); } .idiomas .submenu-idiomas a { display: block; font-size: 15px; line-height: 34px !important; text-transform: uppercase; } .idiomas .submenu-idiomas a:hover { text-decoration: none !important; color: var(--cor-primaria); background-color: var(--cor-branco); } .fonte-email { font-size: 12px; } /* abre menu sanduiche */ .sanduiche-aberto header .menu .desktop { display: flex; flex-wrap: wrap; align-items: center; flex-direction: column; justify-content: center; overflow-x: hidden; overflow-y: auto; transform: translateY(0px); transition: all .30s linear; z-index: 2; } .sanduiche-aberto { overflow: hidden; } /* validacao formulario */ .sucesso { padding-top: 15px; line-height: 1.5; font-weight: 700; color: #66b34e; } .retorno { padding-top: 15px; line-height: 1.5; font-weight: 700; color: #cc0000; } .retorno.erro { color: #cc0000 !important; } .retorno.sucesso { color: #66b34e !important; } .retorno:empty { display: none !important; } .erro:focus { border-bottom: 2px solid #cc0000 !important; } /* formulario */ .formulario * { color: var(--cor-branco); } .formulario form .mais-colunas { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .formulario form .mais-colunas > div { flex: auto; width: 100%; } .formulario form .mais-colunas + .mais-colunas, .formulario form .mais-colunas + .campo { margin-top: 20px; } .formulario form .campo input[type="text"] { padding-bottom: 20px; width: 100%; height: 40px; font-size: 16px; line-height: 1; border-bottom: 1px solid var(--cor-branco); background-color: transparent; overflow: hidden; } .formulario form .campo input[type="text"]:focus { border-color: var(--cor-terciaria); } .formulario form .campo select { padding-bottom: 20px; width: 100%; height: 40px; font-size: 16px; line-height: 1; border-bottom: 1px solid var(--cor-branco); appearance: none; background: var(--cor-primaria) url('../img/ico-seletor.svg') top 6px right no-repeat; background-size: 12px 7px; cursor: pointer; overflow: hidden; } .formulario form .campo select:focus { border-color: var(--cor-terciaria); } .formulario form .campo textarea { padding-bottom: 20px; width: 100%; height: 40px; font-size: 16px; border-bottom: 1px solid var(--cor-branco); background-color: transparent; resize: vertical; overflow: hidden; } .formulario form .campo textarea:focus { color: var(--cor-terciaria); border-color: var(--cor-terciaria); } .formulario form .campo label { display: block; } .formulario form .campo + .campo, .formulario form .campo + .mais-colunas { margin-top: 20px; } .formulario form .campo.concordo input[type="checkbox"] { display: none; } .formulario form .campo.concordo input[type="checkbox"] + label { position: relative; padding: 0px 0px 0px 39px; font-size: 16px; } .formulario form .campo.concordo input[type="checkbox"] + label a { text-decoration: underline; } .formulario form .campo.concordo input[type="checkbox"] + label:before { content: '\00a0'; position: absolute; display: block; top: 0px; left: 0px; width: 22px; height: 22px; border: 1px solid var(--cor-branco); cursor: pointer; overflow: hidden; } .formulario form .campo.concordo input[type="checkbox"]:checked + label:before { content: '\2713'; line-height: 22px; font-weight: 700; text-align: center; color: var(--cor-branco); border-color: var(--cor-terciaria); background-color: var(--cor-terciaria); } .formulario form .campo:is(.enviar, .download) { text-align: right; } .formulario form .campo:is(.enviar, .download) input[type="submit"] { display: inline-block; vertical-align: middle; padding: 12px 41px; font-size: 16px; line-height: 1; background-color: var(--cor-terciaria); overflow: hidden; transform: perspective(1px) translateZ(0); transition: all .60s linear; } .formulario form .campo:is(.enviar, .download) input[type="submit"]:hover { text-decoration: none; transform: scale(1.1); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } .formulario form.loading .campo:is(.enviar, .download) input[type="submit"] { padding: 0px; width: 40px; height: 40px; margin: 0px auto; font-size: 0px; mask-image: url('../img/loading.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 40px; background-color: var(--cor-branco); } /* internas */ /* .internas:not(.pagina-contato, .pagina-blog) header { background-color: var(--cor-primaria); } .internas:not(.pagina-contato, .pagina-blog) header .logo { position: relative; background: var(--cor-primaria); } .internas:not(.pagina-contato, .pagina-blog) header .logo:before { content: ""; display: block; position: absolute; top: 0px; left: -100vh; width: 100vh; height: 100%; background-color: var(--cor-primaria); } */ .internas:not(.pagina-contato, .pagina-blog) main { padding-top: 104px; } .internas #empreendimentos { margin: 0px; } .pagina-blog header .logo figure { padding-left: 30px; } .pagina-blog header .logo figure a { position: relative; } .pagina-blog header .logo figure .logo-blog { position: absolute; display: block; top: 0px; left: 0px; width: 185px; height: auto; opacity: 1; } .pagina-blog header .menu .mobile .mais span { background-color: var(--cor-primaria); } .pagina-blog header.topo-reduzido .logo figure .logo-blog { width: 160px; opacity: 0; } .pagina-blog header.topo-reduzido .menu .mobile .mais span { background-color: var(--cor-branco); } main { overflow: hidden; } section:not(#contato, #a-neoprime) .conteudo-internas { margin: 40px 0px; } /* topo */ header { position: fixed; top: 0px; left: 0px; width: 100%; height: auto; transition: all .30s linear; z-index: 5; } header * { color: var(--cor-branco); } header .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 40px; } header .logo { flex: 1; padding: 30px 0px; transition: all .30s linear; } header .logo figure { padding-left: 30px; } header .logo figure img { width: 185px; transition: all .30s linear; } header .logo figure .logo-blog { display: none; } header .logo figure a { display: inline-block; vertical-align: top; } header .menu { flex: none; min-width: 32px; } header .menu .mobile { position: fixed; top: 42px; right: 30px; z-index: 3; transition: all .30s linear; } header .menu .mobile .mais { display: block; position: relative; width: 32px; height: 20px; cursor: pointer; } header .menu .mobile .mais span { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 2px; border-radius: 10px; background-color: var(--cor-branco); opacity: 1; transition: all .30s linear; } header .menu .mobile .mais.fechado span:nth-child(1) { transform: rotate(0deg); } header .menu .mobile .mais.fechado span:nth-child(2) { top: 6px; } header .menu .mobile .mais.fechado span:nth-child(3) { top: 12px; } header .menu .mobile .mais.fechado span:nth-child(4) { top: 18px; transform: rotate(0deg); } header .menu .mobile .mais.aberto { height: 25px; } header .menu .mobile .mais.aberto span { background-color: var(--cor-branco); } header .menu .mobile .mais.aberto span:nth-child(1) { top: 0px; left: auto; right: 5px; transform: rotate(-45deg); transform-origin: right center; } header .menu .mobile .mais.aberto span:nth-child(2), header .menu .mobile .mais.aberto span:nth-child(3) { display: none; } header .menu .mobile .mais.aberto span:nth-child(4) { top: 23px; left: auto; right: 5px; transform: rotate(45deg); transform-origin: right center; } header .menu .desktop { position: fixed; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 30px; top: 0px; right: 0px; padding: 0px 20px; width: 100%; height: 100vh; transform: translateY(-100%); background-color: var(--cor-primaria); overflow: auto; transition: all .30s linear; } header .menu .desktop nav { flex: none; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 30px; text-align: center; } header .menu .desktop nav a { flex: none; width: 100%; display: block; font-size: 15px; line-height: 1.2; white-space: nowrap; text-transform: uppercase; text-decoration: none; } header .menu .desktop nav a:hover, header .menu .desktop nav .ativo { text-decoration: underline; } header .menu .desktop nav .telefone { position: relative; padding-left: 27px; } header .menu .desktop nav .telefone:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 100%; mask-image: url('../img/ico-telefone.svg'); mask-repeat: no-repeat; mask-position: left center; mask-size: 17px; background-color: var(--cor-branco); } /* topo reduzido */ header.topo-reduzido { background-color: var(--cor-primaria); transition: all .30s linear; } header.topo-reduzido .container { opacity: 1 !important; } header.topo-reduzido .logo { padding: 15px 0px; transition: all .30s linear; } header.topo-reduzido .logo figure img { width: 160px; transition: all .30s linear; } header.topo-reduzido .menu .mobile { top: 24px; transition: all .30s linear; } /* index */ #slides { position: relative; overflow: hidden; z-index: 2; } #slides .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 4; } #slides .video { position: relative; height: 90vh; z-index: 1; } #slides .video .lista-videos { position: relative; height: 90vh; z-index: 1; } #slides .video .lista-videos .container { position: relative; width: 100%; height: 90vh; z-index: 0; } #slides .video .lista-videos .container:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../img/sombra-topo-index.webp') top center no-repeat; background-size: 100%; z-index: 3; } #slides .video .lista-videos .container:after { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--cor-preto); opacity: 0.5; z-index: 1; } #slides .video .lista-videos .container:first-child { z-index: 2; } #slides .video .lista-videos > div:hover .container .conteudo .botao a { transform: scale(1.1); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } #slides .imagem { position: relative; height: 90vh; z-index: 1; } #slides .imagem picture { position: relative; display: block; width: 100%; height: 90vh; object-fit: cover; z-index: 2; } #slides .imagem picture:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../img/sombra-topo-index.webp') top center no-repeat; background-size: 100%; z-index: 3; } #slides .imagem picture:after { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--cor-preto); opacity: 0.5; z-index: 1; } #slides .imagem picture > img { position: absolute; top: 0px; left: 0px; width: 100%; height: 90vh; object-fit: cover; } #slides .imagem picture:hover .conteudo .botao a { transform: scale(1.1); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } #slides .conteudo { position: absolute; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; top: 0px; left: 0px; padding: 124px 0px 30px; width: 100%; height: 100%; z-index: 2; } #slides .conteudo .central { padding: 0px 43px; flex: none; max-width: 640px; } #slides .conteudo .logo figure img { max-width: 170px; max-height: 130px; object-fit: contain; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(135deg) brightness(112%) contrast(101%); } #slides .conteudo .texto { margin-top: 30px; color: var(--cor-branco); } #slides .conteudo.esquerda { text-align: left; } #slides .conteudo.esquerda .logo { margin: 0px; } #slides .conteudo.esquerda .logo figure img { margin: 0px; } #slides .conteudo.centro { text-align: center; } #slides .conteudo.centro .logo { margin: 0px auto; } #slides .conteudo.centro .logo figure img { margin: 0px auto; } #slides .conteudo.direita { text-align: right; } #slides .conteudo.direita .logo { margin: 0px 0px 0px auto; } #slides .conteudo.direita .logo figure img { margin: 0px 0px 0px auto; } #slides .paginacao { position: absolute; top: 104px; left: 0px; right: 0px; margin: 0px auto; padding: 0px 20px; width: 100%; max-width: 1800px; height: 10px; text-align: center; z-index: 4; } #slides .paginacao span { display: inline-block; vertical-align: top; margin: 2px 10px 0px 10px; width: 6px; height: 6px; font-size: 0px; background-color: var(--cor-branco); opacity: 0.5; cursor: pointer; overflow: hidden; } #slides .paginacao .cycle-pager-active, #slides .paginacao .ativo { margin-top: 0px; width: 10px; height: 10px; background-color: var(--cor-branco); opacity: 1; cursor: default; } #slides .setas > div { position: absolute; display: block; top: 50%; margin-top: 8px; width: 19px; height: 30px; cursor: pointer; z-index: 4; } #slides .setas > div figure { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: 30px; } #slides .setas > div figure img { max-height: 21px; margin: 0px auto; } #slides .setas .anterior { left: 10px; } #slides .setas .proximo { right: 10px; } #chamada { position: relative; margin-top: -30px; overflow: hidden; z-index: 2; } #chamada .chamada-um { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; margin-top: 30px; } #chamada .chamada-um * { color: var(--cor-branco); } #chamada .chamada-um .bloco { position: relative; flex: none; width: 100%; z-index: 1; } #chamada .chamada-um .bloco:after { content: ""; position: absolute; top: -30px; right: 0px; width: 60px; height: calc(100% + 30px); background-color: var(--cor-primaria); z-index: 2; } #chamada .chamada-um .bloco.imagem { position: relative; padding: 50px 100px 190px 40px; z-index: 1; } #chamada .chamada-um .bloco.imagem:before { content: ""; position: absolute; top: 0px; right: 0px; width: 100%; height: 100%; background-color: var(--cor-preto); opacity: 0.1; z-index: 1; } #chamada .chamada-um .bloco.imagem .titulo { position: relative; margin: 0px auto; width: 100%; max-width: 250px; z-index: 2; } #chamada .chamada-um .bloco.imagem .titulo h1 { text-transform: uppercase; font-weight: 700; } #chamada .chamada-um .bloco.imagem .breve { position: relative; margin: 30px auto 0px; width: 100%; max-width: 250px; z-index: 2; } #chamada .chamada-um .bloco.conteudo { position: relative; z-index: 1; } #chamada .chamada-um .bloco.conteudo:after { content: ""; position: absolute; top: 0px; right: 0px; width: 60px; height: 100%; background-color: var(--cor-quinaria); z-index: 1; } #chamada .chamada-um .bloco.conteudo .breve { display: none; } #chamada .chamada-um .bloco.conteudo figure { position: relative; margin: -140px auto 0px; right: -10px; width: 100%; max-width: 430px; z-index: 2; } #chamada .chamada-um .bloco.conteudo figure img { width: 100%; min-width: 430px; } #chamada .chamada-dois { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; z-index: 1; } #chamada .chamada-dois .bloco { position: relative; flex: none; width: 100%; } #chamada .chamada-dois .bloco:after { content: ""; position: absolute; top: 0px; right: 0px; width: 60px; height: 100%; background-color: var(--cor-quinaria); } #chamada .chamada-dois .bloco.conteudo-um { padding: 60px 100px 30px 40px; } #chamada .chamada-dois .bloco.conteudo-dois { padding: 30px 100px 60px 40px; } #chamada .chamada-dois .bloco.conteudo-dois .fundo .breve { font-size: 20px; } #chamada .chamada-dois .linha-divisora { position: relative; margin-left: 40px; width: 100%; height: 2px; background-color: var(--cor-linha); z-index: 2; } #video-destaque { position: relative; margin-top: -20px; z-index: 2; } #video-destaque:before { content: ""; position: absolute; display: block; top: 20px; right: 0px; width: 50%; height: 50%; background-color: var(--cor-quinaria); } #video-destaque .video-mp4 { position: relative; padding: 20px 0px; } #video-destaque .video-mp4:after { content: ""; position: absolute; display: block; bottom: 0px; right: 20px; width: 100%; height: 100%; background: url('../img/ico-barras-paralelas-video-destaque.svg') top right no-repeat; z-index: 1; } #video-destaque .video-mp4 .container { position: relative; width: 100%; height: auto; overflow: hidden; z-index: 1; } #video-destaque .video-mp4 .container:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--cor-preto); opacity: 0.6; z-index: 2; } #video-destaque .video-mp4 .container:after { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; mask-image: url('../img/ico-play-video.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 34px; background-color: var(--cor-branco); z-index: 3; } #video-destaque .video-mp4 .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; } #banners { padding: 40px 0px; background-color: var(--cor-primaria); overflow: hidden; } #banners .bloco { position: relative; z-index: 1; } #banners .bloco .imagem { position: relative; height: 330px; z-index: 1; } #banners .bloco .imagem:after { content: ""; position: absolute; display: block; bottom: 0px; left: 0px; width: 100%; height: 60%; background: linear-gradient(to bottom, rgba(19, 27, 47, 0) 6%, rgba(19, 27, 47, 1) 94%); z-index: 2; } #banners .bloco .imagem picture { position: relative; display: block; width: 100%; height: 330px; } #banners .bloco .imagem picture img { position: absolute; top: 0px; width: auto; max-width: 768px; height: 330px; } #banners .bloco .conteudo { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 0px 40px 40px 40px; background-color: var(--cor-secundaria); } #banners .bloco .conteudo .texto { margin-top: 20px; } #banners .bloco .alinha { width: 100%; max-width: 260px; } #banners .bloco.direita .imagem picture img { left: 0px; } #banners .bloco.esquerda .imagem picture img { right: 0px; } #banners .bloco.esquerda .conteudo { text-align: right; } #banners .bloco.esquerda .alinha { margin: 0px 0px 0px auto; } #banners .bloco + .bloco { margin-top: 40px; } #numeros { background-color: var(--cor-primaria); overflow: hidden; } #numeros .central.menor { padding: 0px 20px; } #numeros .lista-numeros { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 30px var(--gap-lista); --gap-lista: 0px; --column-count-lista: 1; } #numeros .lista-numeros .bloco { flex: none; width: calc((100% - (var(--gap-lista) * (var(--column-count-lista) - 1))) / var(--column-count-lista)); display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } #numeros .lista-numeros .bloco .numero {flex: 1; width: 100%; max-width: 140px; text-align: right; } #numeros .lista-numeros .bloco .numero h3 { font-size: 38px; line-height: 1; font-weight: 400; color: var(--cor-terciaria); } #numeros .lista-numeros .bloco .numero .mais { text-transform: uppercase; } #numeros .lista-numeros .bloco .breve { position: relative; flex: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 28px 0px 0px -5px; padding-left: 26px; width: 150px; height: 49px; background: url('../img/ico-barras-paralelas-numeros.svg') top left no-repeat; background-size: 21px 49px; } #numeros .lista-numeros .bloco .breve .rotulo { position: absolute; display: block; top: -38px; left: 0px; padding-left: 10px; width: 100%; height: auto; font-size: 20px; line-height: 1; color: var(--cor-terciaria); } #numeros .lista-numeros .bloco .breve p { flex: none; width: 100%; font-size: 12px; line-height: 1.2; text-transform: uppercase; color: var(--cor-branco); } #selos { padding: 40px 0px; background-color: var(--cor-primaria); overflow: hidden; } #selos .conteudo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; } #selos .conteudo > div { flex: none; width: 100%; } #selos .lista-selos { position: relative; padding: 40px 0px 73px; background-color: var(--cor-secundaria); } #selos .lista-selos:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; padding-top: 27px; width: 100%; height: 3px; border-bottom: 3px solid var(--cor-terciaria); background-color: var(--cor-primaria); } #selos .lista-selos .alinha { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 40px var(--gap-lista); --column-count-lista: 2; padding: 0px 40px; } #selos .lista-selos .selo { flex: none; width: calc((100% - (var(--gap-lista) * (var(--column-count-lista) - 1))) / var(--column-count-lista)); } #selos .lista-selos .selo figure img { margin: 0px auto; max-width: 88px; max-height: 95px; object-fit: contain; } #social { padding: 40px 0px; background-color: var(--cor-primaria); overflow: hidden; } #social .owl-carousel { margin-top: 30px; } #social .owl-carousel .bloco figure { position: relative; } #social .owl-carousel .bloco figure a:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--cor-preto); opacity: 0.3; z-index: 2; } #social .owl-carousel .bloco figure img { width: 100%; } #social .owl-carousel .owl-nav { position: absolute; top: -57px; left: 115px; width: 100%; max-width: 75px; height: 21px; } #social .owl-carousel .owl-nav button { position: absolute; display: block; top: 0px; width: 10px; height: 21px; font-size: 0px; cursor: pointer; } #social .owl-carousel .owl-nav .owl-prev { left: 0px; background: url('../img/ico-seta-anterior.svg') center no-repeat; background-size: 10px 21px; } #social .owl-carousel .owl-nav .owl-next { right: 0px; background: url('../img/ico-seta-proximo.svg') center no-repeat; background-size: 10px 21px; } #social .owl-carousel .owl-nav .owl-prev.disabled, #social .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; cursor: default; } #contato-home { margin: 40px 0px; } #contato-home .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; } #contato-home .container > div { flex: none; width: 100%; } #contato-home .conteudo { padding: 0px 20px; } #contato-home .conteudo .botoes { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; margin-top: 30px; text-align: center; } #contato-home .conteudo .botoes .botao { flex: none; width: 100%; } #contato-home .conteudo .informacoes { margin-top: 30px; } #contato-home .conteudo .informacoes .bloco { font-size: 16px; text-align: center; } #contato-home .conteudo .informacoes .bloco * { line-height: 1; color: var(--cor-quartenaria); } #contato-home .conteudo .informacoes .bloco > * { margin-top: 15px; } #contato-home .conteudo .informacoes .bloco > :first-child { margin-top: 0px; } #contato-home .conteudo .informacoes .bloco a { display: block; white-space: nowrap; text-decoration: none; } #contato-home .conteudo .informacoes .bloco a:hover { text-decoration: underline; } #contato-home .conteudo .informacoes .bloco .telefone { position: relative; padding-left: 27px; font-size: 18px; line-height: 22px; } #contato-home .conteudo .informacoes .bloco .telefone:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 100%; mask-image: url('../img/ico-telefone.svg'); mask-repeat: no-repeat; mask-position: left center; mask-size: 17px; background-color: var(--cor-quartenaria); } #contato-home .conteudo .informacoes .bloco .whatsapp { position: relative; padding-left: 27px; font-size: 18px; line-height: 22px; } #contato-home .conteudo .informacoes .bloco .whatsapp:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 100%; mask-image: url('../img/ico-whatsapp.svg'); mask-repeat: no-repeat; mask-position: left center; mask-size: 17px; background-color: var(--cor-quartenaria); } #contato-home .conteudo .informacoes .bloco .endereco { margin-top: 8px; } #contato-home .conteudo .informacoes .bloco .endereco p { line-height: 2; } #contato-home .conteudo .informacoes .bloco + .bloco { margin-top: 15px; } #contato-home .mapa iframe { width: 100%; height: 530px; } #destaque-blog { margin: 40px 0px; } #destaque-blog .owl-carousel { margin-top: 30px; } #destaque-blog .owl-carousel .bloco figure { overflow: hidden; } #destaque-blog .owl-carousel .bloco figure img { transform: scale(1); width: 100%; transition: all .30s linear; } #destaque-blog .owl-carousel .bloco:hover figure img { transform: scale(1.1); transition: all .30s linear; } #destaque-blog .owl-carousel .bloco .data-categoria { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; margin-top: 30px; padding: 25px 0px 20px; line-height: 1; text-align: center; border-top: 3px solid var(--cor-terciaria); } #destaque-blog .owl-carousel .bloco .data-categoria span { flex: none; width: auto; display: block; font-size: 12px; line-height: 1.2; letter-spacing: 4px; text-transform: uppercase; } #destaque-blog .owl-carousel .bloco .data-categoria .categoria a { color: var(--cor-terciaria); } #destaque-blog .owl-carousel .bloco { text-align: center; } #destaque-blog .owl-carousel .bloco .breve { position: relative; font-size: 16px; } #destaque-blog .owl-carousel .bloco .breve h3 { padding-bottom: 10px; font-size: 20px; font-weight: 400; } #destaque-blog .owl-carousel .bloco .breve p { color: var(--cor-texto-breve); } #destaque-blog .owl-carousel .bloco .breve .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; } #destaque-blog .owl-carousel .bloco .leia-mais { display: inline-block; vertical-align: top; margin-top: 25px; padding-bottom: 10px; font-size: 13px; line-height: 1; letter-spacing: 5px; text-transform: uppercase; border-bottom: 1px solid var(--cor-primaria); } #destaque-blog .owl-carousel .bloco:hover .leia-mais { text-decoration: none; color: var(--cor-terciaria); border-color: var(--cor-terciaria); } #destaque-blog .owl-carousel .owl-nav button { position: absolute; display: block; top: 0px; width: 10px; height: 100%; font-size: 0px; cursor: pointer; } #destaque-blog .owl-carousel .owl-nav .owl-prev { left: -26px; background: url('../img/ico-seta-anterior-azul.svg') center no-repeat; background-size: 10px 21px; } #destaque-blog .owl-carousel .owl-nav .owl-next { right: -26px; background: url('../img/ico-seta-proximo-azul.svg') center no-repeat; background-size: 10px 21px; } #destaque-blog .owl-carousel .owl-nav .owl-prev.disabled, #destaque-blog .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; cursor: default; } /* empreendimentos */ #empreendimentos { margin: 40px 0px; } #empreendimentos .central { padding: 0px 40px; } #empreendimentos .owl-carousel { margin: 40px 0px; } #empreendimentos .owl-carousel .bloco { position: relative; } #empreendimentos .owl-carousel .bloco figure { position: relative; overflow: hidden; z-index: 1; } #empreendimentos .owl-carousel .bloco figure img { transform: scale(1); width: 100%; transition: all .30s linear; } #empreendimentos .owl-carousel .bloco:hover figure img { transform: scale(1.1); transition: all .30s linear; } #empreendimentos .owl-carousel .bloco { text-align: center; } #empreendimentos .owl-carousel .bloco .breve { position: relative; margin-top: 30px; padding: 25px 0px 20px; border-top: 3px solid var(--cor-terciaria); z-index: 1; } #empreendimentos .owl-carousel .bloco .breve h3 { padding-bottom: 15px; font-size: 20px; font-weight: 400; } #empreendimentos .owl-carousel .bloco .breve .status { font-size: 15px; line-height: 1; letter-spacing: 5px; text-transform: uppercase; } #empreendimentos .owl-carousel .bloco .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; } #empreendimentos .owl-carousel .owl-nav button { position: absolute; display: block; top: 0px; width: 10px; height: 100%; font-size: 0px; cursor: pointer; } #empreendimentos .owl-carousel .owl-nav .owl-prev { left: -25px; background: url('../img/ico-seta-anterior-azul.svg') center no-repeat; background-size: 10px 21px; } #empreendimentos .owl-carousel .owl-nav .owl-next { right: -25px; background: url('../img/ico-seta-proximo-azul.svg') center no-repeat; background-size: 10px 21px; } #empreendimentos .owl-carousel .owl-nav .owl-prev.disabled, #empreendimentos .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; cursor: default; } /* empreendimento detalhes */ #empreendimento-detalhes .topo { position: relative; padding-top: 104px; } #empreendimento-detalhes .topo:after { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../img/sombra-empreendimento-detalhes.webp') bottom 100px center no-repeat; background-size: cover; } #empreendimento-detalhes .topo .slogan { margin-top: 20px; padding: 0px 40px; text-align: center; } #empreendimento-detalhes .topo .slogan h1 { font-size: 15px; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; font-weight: 400; } #empreendimento-detalhes .topo .video-destaque { position: relative; margin-top: 30px; z-index: 1; } #empreendimento-detalhes .topo .video-destaque:after { content: ""; position: absolute; display: block; bottom: 0px; left: 0px; right: 0px; margin: 0px auto 30px; width: 24px; height: 24px; mask-image: url('../img/ico-seta-descer.svg'); mask-repeat: no-repeat; mask-size: 24px; z-index: 2; } #empreendimento-detalhes .topo .video-destaque :is(.video-mp4, .video-iframe) { position: relative; z-index: 1; } #empreendimento-detalhes .topo .video-destaque :is(.video-mp4, .video-iframe) .container { position: relative; width: 100%; height: auto; overflow: hidden; z-index: 1; } #empreendimento-detalhes .topo .video-destaque :is(.video-mp4, .video-iframe) .container:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--cor-preto); opacity: 0.6; z-index: 2; } #empreendimento-detalhes .topo .video-destaque :is(.video-mp4, .video-iframe) .container:after { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; mask-image: url('../img/ico-play-video.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 34px; z-index: 3; } #empreendimento-detalhes .topo .video-destaque :is(.video-mp4, .video-iframe) .container .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 4; } #empreendimento-detalhes .topo .imagem-destaque { position: relative; margin-top: 30px; } #empreendimento-detalhes .topo .imagem-destaque:after { content: ""; position: absolute; display: block; bottom: 0px; left: 0px; right: 0px; margin: 0px auto 30px; width: 24px; height: 24px; mask-image: url('../img/ico-seta-descer.svg'); mask-repeat: no-repeat; mask-size: 24px; z-index: 2; } #empreendimento-detalhes .topo .imagem-destaque figure { aspect-ratio: 16 / 9; width: 100%; height: 60vh; } #empreendimento-detalhes .topo .imagem-destaque figure img { width: 100%; height: 100%; object-fit: cover; } #empreendimento-detalhes .logo { margin-top: 10px; padding: 0px 40px; } #empreendimento-detalhes .logo figure img { margin: 0px auto; max-width: 170px; max-height: 130px; object-fit: contain; } #empreendimento-detalhes .contato-detalhes { position: relative; padding: 40px; z-index: 2; } #empreendimento-detalhes .contato-detalhes .formulario .sucesso, #empreendimento-detalhes .contato-detalhes .formulario .retorno { padding-top: 15px; font-size: 16px; } #empreendimento-detalhes .contato-detalhes .formulario form fieldset { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #empreendimento-detalhes .contato-detalhes .formulario form fieldset > div { flex: none; width: 100%; } #empreendimento-detalhes .contato-detalhes .formulario form .mais-colunas + .mais-colunas, #empreendimento-detalhes .contato-detalhes .formulario form .mais-colunas + .campo { margin-top: 20px; } #empreendimento-detalhes .contato-detalhes .formulario form .campo input[type="text"] { padding-bottom: 20px; font-size: 16px; } #empreendimento-detalhes .contato-detalhes .formulario form .campo + .campo, #empreendimento-detalhes .contato-detalhes .formulario form .campo + .mais-colunas { margin-top: 20px; } #empreendimento-detalhes .contato-detalhes .formulario form .campo.concordo input[type="checkbox"] + label { padding: 0px 0px 0px 39px; font-size: 16px; } #empreendimento-detalhes .contato-detalhes .formulario form .campo.concordo input[type="checkbox"] + label:before { width: 22px; height: 22px; } #empreendimento-detalhes .contato-detalhes .formulario form .campo.concordo input[type="checkbox"]:checked + label:before { line-height: 22px; } #empreendimento-detalhes .contato-detalhes .formulario form .campo.enviar input[type="submit"] { padding: 12px 41px; font-size: 16px; width: auto; max-width: none; } #empreendimento-detalhes .contato-detalhes .formulario form.loading .campo.enviar input[type="submit"] { width: 40px; height: 40px; mask-size: 40px; } #empreendimento-detalhes .o-empreendimento { position: relative; margin-top: -100px; padding: 180px 0px 150px; z-index: 1; } #empreendimento-detalhes .o-empreendimento .central { padding: 0px 40px; max-width: 640px; } #empreendimento-detalhes .o-empreendimento:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--cor-preto); opacity: 0.6; z-index: 1; } #empreendimento-detalhes .o-empreendimento:after { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: url('../img/sombra-empreendimento-detalhes.webp') bottom center no-repeat; background-size: cover; z-index: 2; } #empreendimento-detalhes .o-empreendimento .conteudo { position: relative; z-index: 3; } #empreendimento-detalhes .o-empreendimento .conteudo.esquerda { text-align: left; } #empreendimento-detalhes .o-empreendimento .conteudo.esquerda .texto:after { margin: 30px 0px 0px 0px; } #empreendimento-detalhes .o-empreendimento .conteudo.centro { text-align: center; } #empreendimento-detalhes .o-empreendimento .conteudo.centro .texto:after { margin: 30px auto 0px; } #empreendimento-detalhes .o-empreendimento .conteudo.direita { text-align: right; } #empreendimento-detalhes .o-empreendimento .conteudo.direita .texto:after { margin: 30px 0px 0px auto; } #empreendimento-detalhes .o-empreendimento .texto { position: relative; margin: 30px 0px; } #empreendimento-detalhes .o-empreendimento .texto:after { content: ""; display: block; margin: 30px auto 0px; width: 80%; height: 2px; } #empreendimento-detalhes .caracteristicas { position: relative; margin-top: -100px; z-index: 2; } #empreendimento-detalhes .caracteristicas .conteudo { padding: 40px; } #empreendimento-detalhes .caracteristicas .conteudo .texto * { font-size: 16px !important; } #empreendimento-detalhes .caracteristicas .conteudo .texto ul { margin-left: 0px !important; list-style: none; } #empreendimento-detalhes .caracteristicas .conteudo .texto ul li { padding: 5px 0px 10px; } #empreendimento-detalhes .caracteristicas .conteudo .texto ul li:after { content: ""; display: block; margin-top: 10px; width: 100%; height: 1px; opacity: 0.1; } #empreendimento-detalhes .caracteristicas .conteudo .texto ul li + li { padding-top: 5px; } #empreendimento-detalhes .galeria { margin-bottom: 40px; } #empreendimento-detalhes .galeria .ampliacao { position: relative; z-index: 1; } #empreendimento-detalhes .galeria .ampliacao .imagem { position: relative; z-index: 1; } #empreendimento-detalhes .galeria .ampliacao .imagem figure { text-align: center; } #empreendimento-detalhes .galeria .ampliacao .imagem figure a { position: relative; } #empreendimento-detalhes .galeria .ampliacao .imagem figure a:before { content: "" ; display: block; position: absolute; bottom: 20px; left: 0px; width: 24px; height: 26px; mask-image: url('../img/ico-ampliar.svg'); mask-repeat: no-repeat; mask-position: top center; mask-size: 24px 26px; } #empreendimento-detalhes .galeria .ampliacao .imagem figure img { width: 100%; } #empreendimento-detalhes .galeria .ampliacao .imagem figure figcaption { margin-bottom: 25px; padding: 20px 0px; min-height: 60px; font-size: 15px; line-height: 1.2; letter-spacing: 5px; text-transform: uppercase; border-bottom: 2px solid transparent; } #empreendimento-detalhes .galeria .ampliacao .seta { position: absolute; top: 0px; width: 10px; height: 100%; cursor: pointer; z-index: 3; } #empreendimento-detalhes .galeria .ampliacao .seta.anterior { left: 25px; mask-image: url('../img/ico-seta-anterior.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 10px 21px; } #empreendimento-detalhes .galeria .ampliacao .seta.proximo { right: 25px; mask-image: url('../img/ico-seta-proximo.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 10px 21px; } #empreendimento-detalhes .galeria .ampliacao .seta.anterior.disabled, #empreendimento-detalhes .galeria .ampliacao .seta.proximo.disabled { opacity: 0.5; cursor: default; } #empreendimento-detalhes .galeria .ampliacao .fundo-seta { position: absolute; top: 0px; width: 29px; height: 33px; border-radius: 50%; z-index: 2; } #empreendimento-detalhes .galeria .ampliacao .fundo-seta.anterior { left: 15px; } #empreendimento-detalhes .galeria .ampliacao .fundo-seta.proximo { right: 15px; } #empreendimento-detalhes .galeria .owl-carousel { margin: 0px auto; padding: 0px 38px; width: 100%; max-width: 768px; } #empreendimento-detalhes .galeria .owl-carousel figure { position: relative; overflow: hidden; } #empreendimento-detalhes .galeria .owl-carousel figure img { transform: scale(1); transition: all .30s linear; } #empreendimento-detalhes .galeria .owl-carousel figure:hover img { transform: scale(1.1); transition: all .30s linear; } #empreendimento-detalhes .galeria .owl-carousel .owl-item:has(.ativo):after { content: "" ;display: block; margin-top: 10px; width: 100%; height: 2px; transition: all .30s linear; } #empreendimento-detalhes .galeria .owl-carousel .owl-item:has(a:hover):after, #empreendimento-detalhes .galeria .owl-carousel .owl-item:has(.ativo):after { transition: all .30s linear; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav button { position: absolute; display: block; top: 0px; width: 8px; height: 100%; font-size: 0px; cursor: pointer; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav .owl-prev { left: 15px; mask-image: url('../img/ico-seta-anterior.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 8px 17px; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav .owl-next { right: 15px; mask-image: url('../img/ico-seta-proximo.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 8px 17px; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav .owl-prev.disabled, #empreendimento-detalhes .galeria .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; cursor: default; } #empreendimento-detalhes .os-apartamentos { margin: 40px 0px; } #empreendimento-detalhes .os-apartamentos .descricao { text-align: center; } #empreendimento-detalhes .os-apartamentos .descricao .central { max-width: 600px; } #empreendimento-detalhes .os-apartamentos .descricao .texto { margin-top: 30px; } #empreendimento-detalhes .os-apartamentos .container { margin: 40px 0px; padding: 40px 0px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 40px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco > div { flex: none; width: 100%; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .imagem { position: relative; z-index: 1; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .imagem figure { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-bottom: 56px; z-index: 2; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .imagem figure img { width: auto; max-height: 435px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .imagem .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .imagem:after { content: "" ; display: block; position: absolute; bottom: 0px; right: 0px; width: 24px; height: 26px; mask-image: url('../img/ico-ampliar.svg'); mask-repeat: no-repeat; mask-position: top center; mask-size: 24px 26px; z-index: 1; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .conteudo { text-align: center; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .conteudo .titulo h3 { margin-bottom: 0px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .conteudo .breve { margin-top: 30px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .conteudo .breve p { line-height: 2; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .owl-nav button { position: absolute; display: block; top: 0px; width: 10px; height: 100%; font-size: 0px; cursor: pointer; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .owl-nav .owl-prev { left: -26px; mask-image: url('../img/ico-seta-anterior.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 10px 21px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .owl-nav .owl-next { right: -26px; mask-image: url('../img/ico-seta-proximo.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 10px 21px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .owl-nav .owl-prev.disabled, #empreendimento-detalhes .os-apartamentos .container .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; cursor: default; } #empreendimento-detalhes .slogan-rodape { margin: 40px 0px; } #empreendimento-detalhes .slogan-rodape .titulo { padding: 60px 0px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; } #empreendimento-detalhes .localizacao { position: relative; margin-top: 40px; padding-top: 50px; } #empreendimento-detalhes .localizacao:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; right: 0px; margin: 0px auto; width: 21px; height: 10px; mask-image: url('../img/ico-seta-descer-rodape.svg'); mask-repeat: no-repeat; mask-size: 21px 10px; } #empreendimento-detalhes .localizacao .mapa iframe { width: 100%; height: 530px; } #empreendimento-detalhes .localizacao .container { padding: 40px 0px; } #empreendimento-detalhes .localizacao .container .endereco { text-align: center; } #empreendimento-detalhes .localizacao .container .endereco p { font-size: 20px; line-height: 2; } #empreendimento-detalhes .localizacao .container .logo { margin: 30px 0px; } /* blog */ #blog .topo { padding-top: 104px; background-image: linear-gradient(to bottom, #fbfcfd, #f5f6f8, #eff0f2, #e9ebed, #e3e5e8); } #blog .topo .container { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; } #blog .topo .container > div { flex: none; width: 100%; } #blog .topo .data-categoria { margin-top: 0px; padding: 0px 0px 20px 0px; border-top: 0px; } #blog .topo .titulo { padding-bottom: 80px; } #blog .conteudo-internas { margin-top: 0px !important; } #blog .destaque .lista { display: block; } #blog .destaque .lista .bloco { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 30px; width: 100%; } #blog .destaque .lista .bloco > div { flex: none; width: 100%; } #blog .destaque .lista .bloco .imagem { padding-bottom: 30px; border-bottom: 3px solid var(--cor-terciaria); } #blog .destaque .lista .bloco .imagem figure { margin-top: -50px; } #blog .destaque .lista .bloco .data-categoria { margin-top: 0px; padding-top: 0px; border-top: 0px; } #blog .categorias { margin: 30px 0px; padding-bottom: 10px; border-bottom: 2px solid var(--cor-linha); } #blog .categorias nav * { margin-right: 40px; padding-bottom: 20px; font-size: 16px; line-height: 1; color: var(--cor-texto-breve); } #blog .categorias nav a { display: inline-block; vertical-align: middle; } #blog .categorias nav a:hover, #blog .categorias nav .ativo { text-decoration: none; color: var(--cor-terciaria); } #blog .categorias nav p { font-size: 16px; letter-spacing: 2px; text-transform: uppercase; } #blog .lista { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 40px var(--gap-lista); } #blog .lista .bloco { flex: none; width: calc((100% - (var(--gap-lista) * (var(--column-count-lista) - 1))) / var(--column-count-lista)); } #blog .lista .bloco figure { overflow: hidden; } #blog .lista .bloco figure img { transform: scale(1); width: 100%; transition: all .30s linear; } #blog .lista .bloco:hover figure img { transform: scale(1.1); transition: all .30s linear; } #blog .data-categoria { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 15px; margin-top: 30px; text-align: center; padding: 25px 0px 20px; line-height: 1; text-align: center; border-top: 3px solid var(--cor-terciaria); } #blog .data-categoria span { flex: none; width: auto; display: block; font-size: 12px; line-height: 1.2; letter-spacing: 4px; text-transform: uppercase; } #blog .data-categoria .categoria a { color: var(--cor-terciaria); } #blog .lista .bloco { text-align: center; } #blog .lista .bloco .breve { position: relative; font-size: 16px; } #blog .lista .bloco .breve h2, #blog .lista .bloco .breve h3 { padding-bottom: 10px; font-size: 20px; font-weight: 400; } #blog .lista .bloco .breve p { color: var(--cor-texto-breve); } #blog .lista .bloco .breve .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; } #blog .lista .bloco .leia-mais { display: inline-block; vertical-align: top; margin-top: 25px; padding-bottom: 10px; font-size: 13px; line-height: 1; letter-spacing: 5px; text-transform: uppercase; border-bottom: 1px solid var(--cor-primaria); } #blog .lista .bloco:hover .leia-mais { text-decoration: none; color: var(--cor-terciaria); border-color: var(--cor-terciaria); } /* blog detalhes */ #blog.detalhes .topo .titulo { padding-bottom: 30px; text-align: center; } #blog.detalhes .topo .compartilhe { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 20px; padding-bottom: 80px; } #blog.detalhes .topo .compartilhe p { flex: none; } #blog.detalhes .topo .compartilhe .shareaholic { flex: 1; } #blog.detalhes .topo .compartilhe .shareaholic .shareaholic-share-buttons-container.shareaholic-left-align { height: 20px !important; line-height: 1 !important; } #blog.detalhes .topo .compartilhe .shareaholic .shareaholic-share-buttons-container li.shareaholic-share-button { padding: 0px !important; } #blog.detalhes .topo .compartilhe .shareaholic .shareaholic-share-buttons-container.shareaholic-mini:not(.shareaholic-mobile.shareaholic-bottom-align) li.shareaholic-share-button { width: 30px !important; } #blog.detalhes .lista .bloco .breve h2 { padding-bottom: 0px; } #blog.detalhes .conteudo-blog { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 40px; margin: 30px 0px; } #blog.detalhes .conteudo-blog .conteudo { flex: none; width: 100%; } #blog.detalhes .conteudo-blog aside { flex: none; width: 100%; } #blog.detalhes .conteudo-blog aside h2 { font-size: 20px; font-weight: 400; } #blog.detalhes .conteudo-blog aside a { display: block; margin-top: 30px; padding-bottom: 10px; font-size: 16px; color: var(--cor-texto-breve); border-bottom: 2px solid var(--cor-linha); } #blog.detalhes .conteudo-blog aside a:hover { text-decoration: none; color: var(--cor-terciaria); } #blog.detalhes .galeria { margin: 30px 0px 40px; width: auto; } #blog.detalhes .galeria .owl-carousel figure img { width: 100%; } #blog.detalhes .galeria .owl-carousel .owl-nav button { position: absolute; display: block; top: 0px; width: 10px; height: 100%; font-size: 0px; cursor: pointer; } #blog.detalhes .galeria .owl-carousel .owl-nav .owl-prev { left: -26px; mask-image: url('../img/ico-seta-anterior.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 10px 21px; background-color: var(--cor-primaria); } #blog.detalhes .galeria .owl-carousel .owl-nav .owl-next { right: -26px; mask-image: url('../img/ico-seta-proximo.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 10px 21px; background-color: var(--cor-primaria); } #blog.detalhes .galeria .owl-carousel .owl-nav .owl-prev.disabled, #blog.detalhes .galeria .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.5; cursor: default; } #blog.detalhes .downloads { position: relative; margin-top: 30px; padding: 30px 0px 40px; background-color: var(--cor-quinaria); } #blog.detalhes .downloads:before { content: ""; position: absolute; display: block; top: 0px; left: -40px; width: 40px; height: 100%; background-color: var(--cor-quinaria); z-index: -1; } #blog.detalhes .downloads:after { content: ""; position: absolute; display: block; top: 0px; right: -40px; width: 40px; height: 100%; background-color: var(--cor-quinaria); z-index: -1; } #blog.detalhes .downloads .formulario { position: relative; z-index: 2; } #blog.detalhes .downloads .formulario * { color: var(--cor-texto-breve); } #blog.detalhes .downloads .formulario ::placeholder { color: var(--cor-texto-breve) !important; } #blog.detalhes .downloads .formulario h2 { padding-bottom: 30px; font-size: 20px; font-weight: 400; color: var(--cor-primaria); } #blog.detalhes .downloads .formulario form .campo input[type="text"] { color: var(--cor-texto-breve); border-color: var(--cor-texto-breve); } #blog.detalhes .downloads .formulario form .campo.concordo input[type="checkbox"] + label:before { border-color: var(--cor-texto-breve); } #blog.detalhes .downloads .formulario form .campo.concordo input[type="checkbox"]:checked + label:before { background-color: var(--cor-texto-breve); } #blog.detalhes .downloads .formulario form .campo.download input[type="submit"] { color: var(--cor-branco); background-color: var(--cor-primaria); } /* contato */ #contato .contato { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; justify-content: space-between; } #contato .contato > div { flex: none; width: 100%; } #contato .contato .imagem-destaque figure img { width: 100%; } #contato .contato .conteudo .titulo { margin-top: 40px; margin-bottom: 40px; padding: 0px 40px; } #contato .contato .conteudo .formulario { padding: 40px; background-color: var(--cor-primaria); } #contato .informacoes { margin: 40px 0px; } #contato .informacoes .alinha > div { margin-right: 40px; padding-left: 40px; } #contato .informacoes .bloco * { line-height: 1; } #contato .informacoes .bloco > * { margin-top: 30px; } #contato .informacoes .bloco > :first-child { margin-top: 0px; } #contato .informacoes .bloco a { display: block; white-space: nowrap; text-decoration: none; } #contato .informacoes .bloco a:hover { text-decoration: underline; } #contato .informacoes .bloco:first-child a { padding-bottom: 10px; border-bottom: 2px solid var(--cor-linha); } #contato .informacoes .bloco .telefone { position: relative; padding-left: 27px; line-height: 22px; } #contato .informacoes .bloco .telefone:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 100%; mask-image: url('../img/ico-telefone.svg'); mask-repeat: no-repeat; mask-position: left center; mask-size: 17px; background-color: var(--cor-primaria); } #contato .informacoes .bloco .whatsapp { position: relative; padding-left: 27px; line-height: 22px; } #contato .informacoes .bloco .whatsapp:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 100%; mask-image: url('../img/ico-whatsapp.svg'); mask-repeat: no-repeat; mask-position: left center; mask-size: 17px; background-color: var(--cor-primaria); } #contato .informacoes .bloco .endereco { margin-top: 8px; } #contato .informacoes .bloco .endereco p { line-height: 2; } #contato .informacoes .bloco + .bloco { margin-top: 30px; font-size: 16px; } #contato .mapa iframe { width: 100%; height: 530px; } /* a neoprime */ #a-neoprime .titulo.com-fundo { margin-bottom: 0px; text-align: left; padding-left: 40px; } #a-neoprime .sobre { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; justify-content: space-between; } #a-neoprime .sobre > div { flex: none; width: 100%; } #a-neoprime .sobre .cor { display: none; } #a-neoprime .sobre .conteudo .alinha > div { margin-right: 40px; } #a-neoprime .sobre .conteudo .texto { margin-top: 40px; margin-bottom: 40px; padding: 0px 40px; } #a-neoprime .sobre .conteudo .imagem figure img { width: 100%; } #a-neoprime .titulo-experiencia { margin: 40px 40px 20px 0px; padding: 0px 40px; } #a-neoprime .experiencia { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; justify-content: space-between; } #a-neoprime .experiencia > div { flex: none; width: 100%; } #a-neoprime .experiencia .imagem { order: 2; } #a-neoprime .experiencia .imagem figure img { width: 100%; } #a-neoprime .experiencia .conteudo { order: 1; margin-bottom: 40px; } #a-neoprime .experiencia .conteudo .alinha > div { margin-right: 40px; padding: 0px 40px; } #a-neoprime .titulo-nosso-compromisso { position: relative; margin-right: 40px; padding: 40px 40px 30px 40px; background-color: var(--cor-primaria); } #a-neoprime .titulo-nosso-compromisso:after { content: ""; position: absolute; display: block; top: 0px; right: -100vw; width: 100vw; height: 100%; background-color: var(--cor-primaria); } #a-neoprime .nosso-compromisso { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; justify-content: space-between; margin-bottom: 40px; } #a-neoprime .nosso-compromisso > div { flex: none; width: 100%; } #a-neoprime .nosso-compromisso .imagem { order: 2; margin-left: 40px; } #a-neoprime .nosso-compromisso .imagem figure img { width: 100%; } #a-neoprime .nosso-compromisso .conteudo { order: 1; position: relative; margin-bottom: 72px; } #a-neoprime .nosso-compromisso .conteudo:before { content: ""; position: absolute; display: block; top: 0px; right: 40px; width: 3px; height: 100%; background-color: var(--cor-terciaria); z-index: 2; } #a-neoprime .nosso-compromisso .conteudo .alinha { position: relative; } #a-neoprime .nosso-compromisso .conteudo .alinha:first-child { padding-bottom: 30px; background-color: var(--cor-primaria); } #a-neoprime .nosso-compromisso .conteudo .alinha:first-child .texto.editor * { color: var(--cor-branco); } #a-neoprime .nosso-compromisso .conteudo .alinha:last-child { margin: 30px 0px 40px; } #a-neoprime .nosso-compromisso .conteudo .alinha:last-child:after { content: ""; opacity: 0; position: absolute; display: block; bottom: -92px; right: 20px; width: 40px; height: 32px; background: url('../img/ico-neoprime.svg') top left no-repeat; background-size: 40px 32px; transform: rotate(180deg); transition: all .60s linear; } #a-neoprime .nosso-compromisso .conteudo .alinha.revela-favicon:last-child:after { opacity: 1; transform: rotate(0deg); } #a-neoprime .nosso-compromisso .conteudo .alinha > div { margin-right: 40px; padding: 0px 40px; } #a-neoprime .nosso-compromisso .conteudo .titulo { margin: 30px 0px; } #a-neoprime .nosso-compromisso .conteudo .titulo h2 { text-transform: uppercase; color: var(--cor-terciaria); } #a-neoprime .video { margin-top: 40px; } #a-neoprime .video .video-mp4 { position: relative; z-index: 2; } #a-neoprime .video .video-mp4 .container { position: relative; width: 100%; height: auto; overflow: hidden; z-index: 1; } #a-neoprime .video .video-mp4 .container:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--cor-preto); opacity: 0.6; z-index: 2; } #a-neoprime .video .video-mp4 .container:after { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; mask-image: url('../img/ico-play-video.svg'); mask-repeat: no-repeat; mask-position: center; mask-size: 34px; background-color: var(--cor-branco); z-index: 3; } #a-neoprime .video .video-mp4 .container .link { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 4; } #a-neoprime .apresentacao { position: relative; padding-top: 40px; margin-bottom: 40px; z-index: 1; } #a-neoprime .apresentacao:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 50%; background-color: var(--cor-primaria); z-index: 1; } #a-neoprime .apresentacao .imagem { position: relative; z-index: 2; } #a-neoprime .apresentacao .imagem figure img { width: 100%; } #a-neoprime .apresentacao .legenda { position: relative; margin-top: 20px; padding: 0px 60px; text-align: center; z-index: 1; } #a-neoprime .apresentacao .legenda p { line-height: 1.5; } #a-neoprime .depoimentos { margin: 40px 0px; } #a-neoprime .depoimentos .lista { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 40px var(--gap-lista); } #a-neoprime .depoimentos .lista .bloco { position: relative; flex: none; padding: 26px 0px 0px 26px; width: calc((100% - (var(--gap-lista) * (var(--column-count-lista) - 1))) / var(--column-count-lista)); } #a-neoprime .depoimentos .lista .bloco:before { content: ""; position: absolute; display: block; top: 0px; left: 0px; width: 26px; height: 16px; background: url('../img/ico-aspas.svg') top left no-repeat; background-size: 26px 16px; } #a-neoprime .depoimentos .lista .bloco .nome-cargo { padding: 30px 0px; border-bottom: 3px solid var(--cor-terciaria); } /* erro 404 */ #erro-404 .erro-404 .breve { margin-top: 20px; text-align: center; } /* politicas */ #politicas .politicas .texto { word-break: break-all; } /* rodape */ footer { position: relative; bottom: -1px; outline: 1px solid var(--cor-primaria); background-color: var(--cor-primaria); } footer * { color: var(--cor-branco); } footer .superior { padding: 50px 0px; } footer .superior .conteudo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 30px; } footer .superior .conteudo > div { flex: none; width: 100%; } footer .superior .logo figure { text-align: center; } footer .superior .logo figure img { width: 190px; } footer .superior .logo figure a { display: inline-block; vertical-align: top; } footer .superior .redes-sociais figure { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 20px; } footer .superior .redes-sociais figure a { flex: 1; max-width: 22px; max-height: 22px; } footer .superior .redes-sociais figure svg { max-width: 22px; max-height: 22px; object-fit: contain; } footer .superior .redes-sociais figure svg path { fill: var(--cor-terciaria) !important; transition: all .30s linear; } footer .superior .redes-sociais figure svg:hover path { fill: var(--cor-branco) !important; transition: all .30s linear; } footer .linha-divisora { width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.1); } footer .menu-rodape { margin: 50px 0px; } footer .menu-rodape .desktop { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 30px; } footer .menu-rodape .desktop nav { flex: none; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 30px; text-align: center; } footer .menu-rodape .desktop nav a { flex: none; width: 100%; display: block; font-size: 15px; line-height: 1.2; white-space: nowrap; text-transform: uppercase; text-decoration: none; } footer .menu-rodape .desktop nav a:hover, footer .menu-rodape .desktop nav .ativo { text-decoration: underline; } footer .inferior .bloco { text-align: center; } footer .inferior .bloco * { line-height: 1; } footer .inferior .bloco > * { margin-top: 15px; } footer .inferior .bloco > :first-child { margin-top: 0px; } footer .inferior .bloco a { display: block; white-space: nowrap; text-decoration: none; } footer .inferior .bloco a:hover { text-decoration: underline; } footer .inferior .bloco .telefone { position: relative; padding-left: 27px; line-height: 22px; } footer .inferior .bloco .telefone:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 100%; mask-image: url('../img/ico-telefone.svg'); mask-repeat: no-repeat; mask-position: left center; mask-size: 17px; background-color: var(--cor-branco); } footer .inferior .bloco .whatsapp { position: relative; padding-left: 27px; line-height: 22px; } footer .inferior .bloco .whatsapp:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 17px; height: 100%; mask-image: url('../img/ico-whatsapp.svg'); mask-repeat: no-repeat; mask-position: left center; mask-size: 17px; background-color: var(--cor-branco); } footer .inferior .bloco .endereco { margin-top: 8px; } footer .inferior .bloco .endereco p { line-height: 2; } footer .inferior .bloco + .bloco { margin-top: 30px; font-size: 16px; } footer .copyright { padding: 50px 0px; } footer .copyright .conteudo { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; } footer .copyright .conteudo > div { flex: none; width: 100%; } footer .copyright .politicas { font-size: 16px; text-align: center; } footer .copyright .logo { margin: 0px auto; width: 100%; max-width: 90px; } footer .copyright .logo figure svg { width: 100%; } footer .copyright .logo figure svg path, footer .copyright .logo figure svg rect { fill: var(--cor-branco) !important; } footer .whatsapp-fixo { position: fixed; bottom: 30px; right: 10px; z-index: 999; } footer .whatsapp-fixo figure img { width: 40px; } @keyframes spin { 100% { transform: rotate(180deg); } } @media screen and (min-width:375px){ /* geral */ .fonte-email { font-size: 15px; } /* index */ #numeros .lista-numeros .bloco .numero { max-width: 170px; } #numeros .lista-numeros .bloco .numero h3 { font-size: 44px; } #numeros .lista-numeros .bloco .breve { margin-top: 34px; width: 180px; } #numeros .lista-numeros .bloco .breve .rotulo { top: -44px; font-size: 22px; } #numeros .lista-numeros .bloco .breve p { font-size: 14px; } #selos .lista-selos .alinha { gap: 50px var(--gap-lista); } #selos .lista-selos .selo figure img { max-height: 105px; } } /* aplica visibility hidden nos elementos onde tem scroll reveal para melhorar o efeito de entrada ao carregar a pagina, diminuindo a "piscada" ao carregar */ .reveal-hidden { visibility: hidden; } @media screen and (max-width:1279px){ .internas .titulo.com-fundo { visibility: hidden; } } @media screen and (min-width:1280px){ .internas header .container .logo figure, .internas header .menu, .internas .titulo.com-fundo, #a-neoprime .sobre .cor { visibility: hidden; } } /* ===== media-queries.css ===== */ @media screen and (min-width:600px){ /* reset css */ html { --column-count-lista: 2; } /* geral */ .titulo-caixa-alta { text-align: right; } .botao.botao-carregar-noticias a { width: calc(50% - 10px); } .fonte-email { font-size: 16px; } /* index */ #banners .bloco .imagem { height: 430px; } #banners .bloco .imagem picture { height: 430px; } #banners .bloco .imagem picture img { height: 430px; } #selos .lista-selos .alinha { --column-count-lista: 3; } #contato-home .conteudo .botoes { margin: 30px auto 0px; width: 100%; max-width: 380px; } #contato-home .conteudo .botoes .botao { flex: 1; } #contato-home .conteudo .informacoes .bloco a { display: inline-block; vertical-align: middle; margin-right: 15px; } #contato-home .conteudo .informacoes .bloco a + a { margin-top: 0px; } /* a neoprime */ #a-neoprime .depoimentos .lista { gap: 80px var(--gap-lista); --gap-lista: 64px; } /* rodape */ footer { overflow: hidden; } footer .superior .conteudo .logo { width: auto; } footer .superior .conteudo .redes-sociais { flex: 1; } footer .superior .logo figure { text-align: left; } footer .superior .redes-sociais figure { justify-content: flex-end; } footer .menu-rodape .desktop { justify-content: flex-end; gap: 0px; margin: 0px 0px 0px auto; width: 100%; max-width: 575px; } footer .menu-rodape .desktop nav { flex: 1; justify-content: space-between; gap: 0px; text-align: left; } footer .menu-rodape .desktop nav a { width: auto; } footer .inferior .bloco { text-align: left; } footer .copyright .politicas { text-align: left; } footer .copyright .logo { margin: 0px; } } @media screen and (min-width:768px){ /* formulario */ .formulario form .mais-colunas { gap: 20px; } .formulario form .mais-colunas > div { flex: 1; } .formulario form .mais-colunas .campo + .campo { margin-top: 0px; } /* index */ #chamada { margin-top: -60px; } #chamada .chamada-um { position: relative; margin-top: 60px; z-index: 2; } #chamada .chamada-um .bloco { flex: 1; } #chamada .chamada-um .bloco:after { display: none; } #chamada .chamada-um .bloco.imagem { padding: 0px; min-width: 60%; width: 100%; } #chamada .chamada-um .bloco.imagem .titulo { margin: 0px 0px 0px calc((100vw - 710px) / 2); padding: 60px 0px; width: auto; max-width: none; } #chamada .chamada-um .bloco.imagem .breve { display: none; } #chamada .chamada-um .bloco.conteudo { margin-top: -60px; min-width: 40%; width: 100%; z-index: 1; background-color: var(--cor-primaria); } #chamada .chamada-um .bloco.conteudo:after { display: none; } #chamada .chamada-um .bloco.conteudo .breve { display: block; position: relative; margin: 0px 0px 0px auto; padding: 120px 40px 350px 0px; width: 100%; max-width: 300px; height: 100%; } #chamada .chamada-um .bloco.conteudo .breve:before { content: ''; display: block; position: absolute; top: -60px; left: -60px; width: 60px; height: calc(100% + 60px); background-color: var(--cor-primaria); } #chamada .chamada-um .bloco.conteudo figure { margin: 0px; right: 0px; max-width: 740px; } #chamada .chamada-um .bloco.conteudo figure img { position: absolute; top: -290px; right: -70px; min-width: 540px; } #chamada .chamada-dois { position: relative; z-index: 1; } #chamada .chamada-dois .bloco:after { display: none; } #chamada .chamada-dois .bloco.conteudo-um { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; padding: 0px; } #chamada .chamada-dois .bloco.conteudo-um > div { flex: 1; } #chamada .chamada-dois .bloco.conteudo-um .titulo { padding: 60px 0px 50px 170px; min-width: 60%; width: 100%; } #chamada .chamada-dois .bloco.conteudo-um .fundo { padding: 0px; min-width: 40%; width: 100%; background-color: var(--cor-quinaria); } #chamada .chamada-dois .bloco.conteudo-um .fundo .alinha { position: relative; margin: 0px 0px 0px auto; width: 100%; max-width: 300px; height: 100%; } #chamada .chamada-dois .bloco.conteudo-um .fundo .alinha:before { content: ''; display: block; position: absolute; top: 0px; left: -60px; width: 110px; height: 100%; background-color: var(--cor-quinaria); } #chamada .chamada-dois .bloco.conteudo-dois { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: space-between; padding: 0px; } #chamada .chamada-dois .bloco.conteudo-dois > div { flex: 1; } #chamada .chamada-dois .bloco.conteudo-dois .alinha { min-width: 60%; width: 100%; } #chamada .chamada-dois .bloco.conteudo-dois .fundo { min-width: 40%; width: 100%; background-color: var(--cor-quinaria); } #chamada .chamada-dois .bloco.conteudo-dois .fundo .breve { position: relative; padding: 50px 40px 60px 0px; margin: 0px 0px 0px auto; width: 100%; max-width: 300px; height: 100%; } #chamada .chamada-dois .bloco.conteudo-dois .fundo .breve:before { content: ''; display: block; position: absolute; top: 0px; left: -60px; width: 60px; height: 100%; background-color: var(--cor-quinaria); } #chamada .chamada-dois .linha-divisora { margin-left: 80px; } #video-destaque .video-mp4 .container { height: auto; } #banners .bloco .imagem { z-index: 2; } #banners .bloco .conteudo { position: absolute; top: 0px; width: 100%; height: 100%; padding: 0px; background-color: transparent; z-index: 3; } #banners .bloco.direita:after { content: ''; display: block; position: absolute; top: 0px; left: 40px; width: 100vw; height: 100%; background-color: var(--cor-secundaria); z-index: 1; } #banners .bloco.direita .imagem:after { top: 0px; bottom: auto; left: auto; right: 0px; height: 100%; background: linear-gradient(to right, rgba(19, 27, 47, 0) 6%, rgba(19, 27, 47, 1) 64%); } #banners .bloco.direita .conteudo { right: 40px; } #banners .bloco.direita .alinha { margin: 0px 0px 0px auto; } #banners .bloco.esquerda:before { content: ''; display: block; position: absolute; top: 0px; right: 40px; width: 100vw; height: 100%; background-color: var(--cor-secundaria); z-index: 1; } #banners .bloco.esquerda .imagem:after { display: none; } #banners .bloco.esquerda .imagem:before { content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 50%; height: 100%; background: linear-gradient(to left, rgba(19, 27, 47, 0) 6%, rgba(19, 27, 47, 1) 64%); z-index: 2; } #banners .bloco.esquerda .conteudo { left: 40px; text-align: left; } #banners .bloco.esquerda .alinha { margin: 0px; } #numeros .central.menor { padding: 0px 40px; } #numeros .lista-numeros { --column-count-lista: 2; } #numeros .lista-numeros .bloco { justify-content: flex-end; } #numeros .lista-numeros .bloco:nth-child(even) { justify-content: flex-start; } #numeros .lista-numeros .bloco:nth-child(even) .numero { max-width: 140px; } #numeros .lista-numeros .bloco:nth-child(even) .breve { width: 180px; } #selos .lista-selos .alinha { --column-count-lista: 4; } /* empreendimento detalhes */ #empreendimento-detalhes .topo .video-destaque :is(.video-mp4, .video-iframe) .container { height: auto; } #empreendimento-detalhes .topo .imagem-destaque figure { height: auto; } #empreendimento-detalhes .contato-detalhes .formulario form fieldset { gap: 0px 20px; } #empreendimento-detalhes .contato-detalhes .formulario form fieldset > div { width: auto; } #empreendimento-detalhes .contato-detalhes .formulario form .mais-colunas { order: 1; flex: 1; } #empreendimento-detalhes .contato-detalhes .formulario form .campo.concordo { order: 3; width: 100%; } #empreendimento-detalhes .contato-detalhes .formulario form .campo.enviar { order: 2; } } @media screen and (min-width:900px){ /* index */ #chamada .chamada-um .bloco.imagem { min-width: 66%; } #chamada .chamada-um .bloco.conteudo { min-width: 34%; } #chamada .chamada-dois .bloco.conteudo-um .titulo { min-width: 66%; } #chamada .chamada-dois .bloco.conteudo-um .fundo { min-width: 34%; } #chamada .chamada-dois .bloco.conteudo-dois .alinha { min-width: 66%; } #chamada .chamada-dois .bloco.conteudo-dois .fundo { min-width: 34%; } } @media screen and (min-width:960px){ /* reset css */ html { --column-count-lista: 3; } /* geral */ .titulo.com-fundo { padding-right: 50px; width: calc(38% - 40px); } .titulo.com-fundo:after { display: none; } .titulo.com-fundo.centro { text-align: right; } .botao.botao-carregar-noticias a { width: calc(33.33% - 13.29px); } /* internas */ /* .internas:not(.pagina-contato, .pagina-blog) header { background-color: transparent; } .internas:not(.pagina-contato, .pagina-blog) header.topo-reduzido { background-color: var(--cor-primaria); } */ .internas header:not(.topo-reduzido) .menu .mobile .mais span { background-color: var(--cor-primaria); } .pagina-blog header .logo figure { padding-left: 40px; } /* header */ header .logo figure { padding-left: 40px; } header .menu .mobile { right: 40px; } body:not(.pagina-empreendimento-detalhes) header .logo { width: 38%; } body:not(.pagina-empreendimento-detalhes) header .menu { flex: none; width: 62%; } /* index */ #banners .bloco .imagem { height: 530px; overflow: hidden; } #banners .bloco .imagem picture { height: 530px; } #banners .bloco .imagem picture img { max-width: 1280px; height: 530px; } #banners .bloco.direita .imagem picture img { margin-left: -260px; } #banners .bloco.esquerda .imagem picture img { margin-right: -130px; } #selos .lista-selos .alinha { --column-count-lista: 5; } /* empreendimento detalhes */ #empreendimento-detalhes .caracteristicas .conteudo .texto ul { column-gap: normal; column-count: 2; column-gap: 20px; } #empreendimento-detalhes .caracteristicas .conteudo .texto ul li { break-inside: avoid; } #empreendimento-detalhes .galeria .owl-carousel { padding: 0px; } #empreendimento-detalhes .galeria .owl-carousel .owl-item:has(.ativo):after { margin-top: 20px; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav button { width: 10px; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav .owl-prev { left: -35px; mask-size: 10px 21px; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav .owl-next { right: -35px; mask-size: 10px 21px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .imagem { flex: 1.2; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .conteudo { flex: 1; padding-bottom: 56px; text-align: left; } /* blog */ #blog .topo .data-categoria { justify-content: left; text-align: left; } #blog .destaque .lista .bloco { gap: 40px; text-align: left; } #blog .destaque .lista .bloco .imagem { flex: 1.54; } #blog .destaque .lista .bloco .conteudo { flex: 1; padding-top: 30px; } #blog .destaque .lista .bloco .data-categoria { justify-content: left; text-align: left; } #blog .destaque .lista .bloco .data-categoria span { width: auto; } #blog .categorias nav p { display: inline-block; vertical-align: middle; } /* blog detalhes */ #blog.detalhes .topo .container { align-items: flex-end; gap: 40px; } #blog.detalhes .topo .container .conteudo { flex: 1.54; } #blog.detalhes .topo .container .compartilhe { flex: 1; padding-bottom: 30px; } #blog.detalhes .topo .titulo { padding-bottom: 80px; text-align: left; } #blog.detalhes .conteudo-blog { gap: 40px; } #blog.detalhes .conteudo-blog .conteudo { width: 50%; flex: 1.54; } #blog.detalhes .conteudo-blog aside { width: 50%; flex: 1; } /* contato */ #contato .contato { gap: 40px; } #contato .contato > div { padding-top: 104px; } #contato .contato .imagem-destaque { flex: 1; width: 38%; } #contato .contato .imagem-destaque figure { display: none; } #contato .contato .conteudo { width: 62%; } #contato .contato .conteudo .alinha > div { margin-right: 40px; } #contato .contato .conteudo .titulo { margin-top: 10px; margin-bottom: 40px; padding: 0px; } #contato .contato .conteudo .formulario { position: relative; padding-left: 0px; } #contato .contato .conteudo .formulario:before { content: ""; display: block; position: absolute; top: 0px; left: -40px; width: 40px; height: 100%; background-color: var(--cor-primaria); } #contato .informacoes { margin: 40px 0px 40px auto; width: 62%; } #contato .informacoes .alinha > div { margin-right: 40px; padding-left: 0px; } /* a neoprime */ #a-neoprime .titulo.com-fundo { padding-left: 0px; padding-bottom: 0px; text-align: right; } #a-neoprime .sobre { gap: 40px; } #a-neoprime .sobre .cor { flex: 1; display: block; width: 38%; background-color: var(--cor-primaria); z-index: -1; } #a-neoprime .sobre .conteudo { width: 62%; margin-top: -30px; } #a-neoprime .sobre .conteudo .texto { margin-top: 0px; } #a-neoprime .sobre .conteudo .imagem { margin-left: -40px; } #a-neoprime .titulo-experiencia { margin-left: calc(38% - 40px); padding-left: 80px; } #a-neoprime .experiencia { gap: 40px; } #a-neoprime .experiencia .imagem { flex: 1; order: 1; width: 38%; } #a-neoprime .experiencia .imagem figure { display: none; } #a-neoprime .experiencia .conteudo { order: 2; width: 62%; } #a-neoprime .titulo-nosso-compromisso { margin-left: calc(38% - 40px); padding-left: 80px; } #a-neoprime .nosso-compromisso { gap: 40px; padding-bottom: 52px; } #a-neoprime .nosso-compromisso .imagem { flex: 1; order: 1; width: 38%; } #a-neoprime .nosso-compromisso .imagem figure { display: none; } #a-neoprime .nosso-compromisso .conteudo { order: 2; margin-bottom: 0px; width: 62%; } #a-neoprime .nosso-compromisso .conteudo:before { left: 0px; right: auto; } #a-neoprime .nosso-compromisso .conteudo .alinha:first-child { position: relative; z-index: 1; } #a-neoprime .nosso-compromisso .conteudo .alinha:first-child:before { content: ""; position: absolute; display: block; top: 0px; left: -40px; width: 40px; height: 100%; background-color: var(--cor-primaria); } #a-neoprime .nosso-compromisso .conteudo .alinha:last-child:after { left: -20px; right: auto; } #a-neoprime .apresentacao { padding-top: 80px; margin-bottom: 0px; } #a-neoprime .apresentacao:before { width: calc(38% + 40px); height: 100%; } #a-neoprime .apresentacao:after { content: ""; position: absolute; display: block; bottom: 0px; right: 40px; width: 137px; height: 437px; background: url('../img/ico-barras-paralelas-geral.svg') bottom left no-repeat; background-size: 137px 437px; z-index: 3; } #a-neoprime .apresentacao .imagem figure { padding: 0px 60px; } #a-neoprime .apresentacao .imagem figure img { max-width: 550px; } #a-neoprime .apresentacao .legenda { margin-left: calc(38% + 40px); padding: 0px 197px 40px 40px; text-align: left; } #a-neoprime .depoimentos { margin: 80px 0px; } } @media screen and (min-width:1050px){ /* index */ #chamada .chamada-um .bloco.imagem { min-width: 70%; } #chamada .chamada-um .bloco.conteudo { min-width: 30%; } #chamada .chamada-dois .bloco.conteudo-um .titulo { min-width: 70%; } #chamada .chamada-dois .bloco.conteudo-um .fundo { min-width: 30%; } #chamada .chamada-dois .bloco.conteudo-dois .alinha { min-width: 70%; } #chamada .chamada-dois .bloco.conteudo-dois .fundo { min-width: 30%; } } @media screen and (min-width:1200px){ /* index */ #chamada .chamada-um .bloco.imagem { min-width: 72%; } #chamada .chamada-um .bloco.conteudo { min-width: 28%; } #chamada .chamada-dois .bloco.conteudo-um .titulo { min-width: 72%; } #chamada .chamada-dois .bloco.conteudo-um .fundo { min-width: 28%; } #chamada .chamada-dois .bloco.conteudo-dois .alinha { min-width: 72%; } #chamada .chamada-dois .bloco.conteudo-dois .fundo { min-width: 28%; } } @media screen and (min-width:1280px){ /* reset css */ html, body { font-size: 20px; } input, button, select, option, optgroup, textarea { font-size: 20px; } /* geral */ .central { margin: 0px auto; padding: 0px 80px; } .central.sem-padding-mobile { padding: 0px 80px; } .central.menor, .central.menor.sem-padding-mobile { padding: 0px 170px; } .sem-central, .sem-central.desktop { margin-left: 170px; } .editor * { font-size: 20px !important; } .editor > * { padding-top: 25px; } .editor :is(h1, h2, h3, h4, h5, h6), .editor :is(h1, h2, h3, h4, h5, h6) * { font-size: 25px !important; } .editor figure.media { padding: 50px 0px 25px; } .titulo h1, .titulo h2 { font-size: 42px; } .titulo h3 { font-size: 30px; } .titulo.menor h1, .titulo.menor h2 { font-size: 35px; } .titulo.com-linha { padding-bottom: 50px; } .titulo.com-fundo { margin-top: -139px; padding: 219px 60px 40px 0px; width: calc(42% - 80px); } .titulo.com-fundo:before { top: -139px; padding-top: 139px; } .titulo-caixa-alta h2 { font-size: 20px; } .titulo-detalhes { margin-bottom: 50px; } .titulo-detalhes h2 { font-size: 30px; } .botao a { padding: 22px 0px; max-width: 220px; } .botao.com-margem { margin-top: 50px; } .margem-esquerda, .margem-direita { margin: 0px; } .fonte-email { font-size: 18px; } /* validacao formulario */ .sucesso, .retorno { padding-top: 35px; } /* formulario */ .formulario form .mais-colunas + .mais-colunas, .formulario form .mais-colunas + .campo { margin-top: 40px; } .formulario form .campo input[type="text"], .formulario form .campo select, .formulario form .campo textarea { padding-bottom: 30px; font-size: 20px; height: 50px; } .formulario form .campo + .campo, .formulario form .campo + .mais-colunas { margin-top: 40px; } .formulario form .campo.concordo input[type="checkbox"] + label { padding-left: 43px; font-size: 20px; } .formulario form .campo.concordo input[type="checkbox"] + label:before { width: 28px; height: 28px; } .formulario form .campo.concordo input[type="checkbox"]:checked + label:before { line-height: 28px; } .formulario form .campo:is(.enviar, .download) input[type="submit"] { padding: 22px 0px; width: 100%; max-width: 220px; } .formulario form.loading .campo:is(.enviar, .download) input[type="submit"] { width: 60px; height: 60px; mask-size: 60px; } /* internas */ .internas header:not(.topo-reduzido) * { color: var(--cor-primaria); } .internas header:not(.topo-reduzido) .menu .desktop nav .telefone:before, .internas header:not(.topo-reduzido) .menu .desktop .idiomas:before, .internas header:not(.topo-reduzido) .menu .desktop .idiomas span:after { background-color: var(--cor-primaria); } .internas header:not(.topo-reduzido) .menu .desktop .idiomas .submenu-idiomas a:not(:hover) { color: var(--cor-branco); } .internas:not(.pagina-contato, .pagina-blog) main { padding-top: 139px; } .pagina-empreendimento-detalhes header .menu .mobile { top: 60px; right: 80px; } /* topo reduzido */ .pagina-empreendimento-detalhes header.topo-reduzido .menu .mobile { top: 35px; } .pagina-blog header .logo figure { padding-left: 80px; } .pagina-blog header .logo figure .logo-blog { width: 250px; } .pagina-blog header.topo-reduzido .logo figure .logo-blog { width: 220px; } section:not(#contato, #a-neoprime) .conteudo-internas { margin: 80px 0px; } /* topo */ header .logo { padding: 40px 0px; } header .logo figure { padding-left: 80px; } header .logo figure img { width: 250px; } body:not(.pagina-empreendimento-detalhes) header .container { gap: 80px; } body:not(.pagina-empreendimento-detalhes) header .logo { width: 42%; } body:not(.pagina-empreendimento-detalhes) header .menu { flex: none; width: 58%; } body:not(.pagina-empreendimento-detalhes) header .menu .mobile { display: none; } body:not(.pagina-empreendimento-detalhes) header .menu .desktop { position: relative; justify-content: flex-start; gap: 0px; padding: 0px; height: auto; background-color: transparent; transform: none; overflow: visible; } body:not(.pagina-empreendimento-detalhes) header .menu .desktop nav { flex: 1; justify-content: space-between; gap: 0px; padding-right: 80px; text-align: left; } body:not(.pagina-empreendimento-detalhes) header .menu .desktop nav a { width: auto; } /* topo reduzido */ header.topo-reduzido .logo { padding: 20px 0px; } header.topo-reduzido .logo figure img { width: 220px; } /* index */ #slides .video { height: 100vh; } #slides .video .lista-videos { height: 100vh; } #slides .video .lista-videos .container { height: 100vh; } #slides .imagem { height: 100vh; } #slides .imagem picture { height: 100vh; } #slides .imagem picture > img { height: 100vh; } #slides .conteudo { padding: 100px 0px 60px; } #slides .conteudo .central { padding: 0px; } #slides .conteudo .logo figure img { max-width: 290px; max-height: 160px; } #slides .conteudo .texto { margin-top: 50px; } #slides .paginacao { top: auto; bottom: 90px; padding: 0px 80px; } #slides .paginacao span { margin: 0px 15px; } #slides .setas > div { margin-top: 5px; } #slides .setas > div figure img { max-height: 30px; } #slides .setas .anterior { left: 75px; } #slides .setas .proximo { right: 75px; } #chamada .chamada-um .bloco.imagem { min-width: 60%; } #chamada .chamada-um .bloco.imagem .titulo { padding: 110px 0px; } #chamada .chamada-um .bloco.conteudo { min-width: 40%; } #chamada .chamada-um .bloco.conteudo .breve { margin: 0px 0px 0px auto; padding: 170px 230px 570px 0px; max-width: 560px; } #chamada .chamada-um .bloco.conteudo .breve:before { left: -110px; width: 110px; } #chamada .chamada-um .bloco.conteudo figure img { top: -500px; right: -80px; min-width: 940px; } #chamada .chamada-dois .bloco.conteudo-um .titulo { padding-top: 110px; min-width: 60%; } #chamada .chamada-dois .bloco.conteudo-um .fundo { min-width: 40%; } #chamada .chamada-dois .bloco.conteudo-um .fundo .alinha { max-width: 560px; } #chamada .chamada-dois .bloco.conteudo-um .fundo .alinha:before { left: -110px; width: 110px; } #chamada .chamada-dois .bloco.conteudo-dois .alinha { min-width: 60%; } #chamada .chamada-dois .bloco.conteudo-dois .fundo { min-width: 40%; } #chamada .chamada-dois .bloco.conteudo-dois .fundo .breve { padding: 50px 230px 110px 0px; max-width: 560px; font-size: 25px; } #chamada .chamada-dois .bloco.conteudo-dois .fundo .breve:before { left: -110px; width: 110px; } #video-destaque { margin-top: -40px; } #video-destaque:before { top: 40px; } #video-destaque .video-mp4 { padding: 40px 0px; } #video-destaque .video-mp4:after { right: 40px; } #video-destaque .video-mp4 .container:after { mask-size: 68px; } #banners { padding: 80px 0px; } #banners .bloco .alinha { max-width: 290px; } #banners .bloco.direita:after { left: 0px; } #banners .bloco.direita .imagem picture img { margin-left: 0px; } #banners .bloco.direita .conteudo { right: 100px; } #banners .bloco.esquerda:before { right: 0px; } #banners .bloco.esquerda .imagem picture img { margin-right: 0px; } #banners .bloco.esquerda .conteudo { left: 0px; } #banners .bloco + .bloco { margin-top: 80px; } #numeros .central.menor { padding: 0px 170px; } #numeros .lista-numeros { gap: 80px var(--gap-lista); } #numeros .lista-numeros .bloco:nth-child(even) .numero { max-width: 220px; } #numeros .lista-numeros .bloco:nth-child(even) .breve { width: 260px; } #numeros .lista-numeros .bloco .numero { max-width: 280px; } #numeros .lista-numeros .bloco .numero h3 { font-size: 68px; } #numeros .lista-numeros .bloco .breve { margin-top: 53px; padding-left: 41px; width: 220px; height: 74px; background-size: 31px 74px; } #numeros .lista-numeros .bloco .breve .rotulo { top: -63px; padding-left: 20px; font-size: 34px; } #numeros .lista-numeros .bloco .breve p { font-size: 20px; } #selos { padding: 80px 0px; } #selos .conteudo { gap: 100px; } #selos .conteudo .titulo { width: auto; } #selos .conteudo .lista-selos { flex: 1; } #selos .lista-selos { padding: 80px 0px 113px; } #selos .lista-selos .alinha { padding: 0px 80px 0px 25px; --column-count-lista: 4; } #selos .lista-selos .selo figure img { max-width: 112px; max-height: 135px; } #social { padding: 80px 0px; } #social .owl-carousel { margin-top: 50px; } #social .owl-carousel .owl-nav { top: -90px; left: 195px; max-width: 85px; height: 30px; } #social .owl-carousel .owl-nav button { width: 13px; height: 30px; } #social .owl-carousel .owl-nav .owl-prev { background-size: 13px 30px; } #social .owl-carousel .owl-nav .owl-next { background-size: 13px 30px; } #contato-home { margin: 80px 0px; } #contato-home .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 180px; } #contato-home .container .conteudo { min-width: 460px; width: auto; } #contato-home .container .mapa { flex: 1; } #contato-home .conteudo { padding: 0px; } #contato-home .conteudo .titulo.centro { text-align: left; } #contato-home .conteudo .botoes { margin: 50px 0px 0px 0px; max-width: none; text-align: left; } #contato-home .conteudo .informacoes { margin-top: 50px; } #contato-home .conteudo .informacoes .bloco { font-size: 18px; text-align: left; } #contato-home .conteudo .informacoes .bloco .telefone, #contato-home .conteudo .informacoes .bloco .whatsapp { font-size: 20px; line-height: 24px; } #destaque-blog { margin: 80px 0px; } #destaque-blog .titulo.centro { text-align: left; } #destaque-blog .owl-carousel { margin-top: 50px; } #destaque-blog .owl-carousel .bloco { text-align: left; } #destaque-blog .owl-carousel .bloco .data-categoria { justify-content: left; gap: 30px; text-align: left; } #destaque-blog .owl-carousel .bloco .data-categoria span { width: auto; } #destaque-blog .owl-carousel .bloco .breve { font-size: 18px; } #destaque-blog .owl-carousel .bloco .leia-mais { margin-top: 30px; } #destaque-blog .owl-carousel .owl-nav button { width: 13px; } #destaque-blog .owl-carousel .owl-nav .owl-prev { left: -47px; background-size: 13px 30px; } #destaque-blog .owl-carousel .owl-nav .owl-next { right: -47px; background-size: 13px 30px; } /* empreendimentos */ #empreendimentos { margin: 80px 0px; } #empreendimentos .central { padding: 0px 80px; } #empreendimentos .owl-carousel { margin: 80px 0px; } #empreendimentos .owl-carousel .bloco .breve { padding-right: 10px; } #empreendimentos .owl-carousel .bloco .breve h3 { font-size: 25px; } #empreendimentos .owl-carousel .owl-nav button { width: 13px; } #empreendimentos .owl-carousel .owl-nav .owl-prev { left: -47px; background-size: 13px 30px; } #empreendimentos .owl-carousel .owl-nav .owl-next { right: -47px; background-size: 13px 30px; } /* empreendimento detalhes */ #empreendimento-detalhes .topo { padding-top: 139px; } #empreendimento-detalhes .topo:after { background-position: bottom 150px center; } #empreendimento-detalhes .topo .slogan { padding: 0px; } #empreendimento-detalhes .topo .video-destaque:after { width: 34px; height: 34px; mask-size: 34px; } #empreendimento-detalhes .topo .video-destaque :is(.video-mp4, .video-iframe) .container:after { mask-size: 68px; } #empreendimento-detalhes .topo .imagem-destaque:after { width: 34px; height: 34px; mask-size: 34px; } #empreendimento-detalhes .logo { margin-top: 0px; padding: 0px; } #empreendimento-detalhes .logo figure img { max-width: 290px; max-height: 160px; } #empreendimento-detalhes .contato-detalhes { padding: 80px; } #empreendimento-detalhes .contato-detalhes .formulario form .campo input[type="text"], #empreendimento-detalhes .contato-detalhes .formulario form .campo textarea { height: 40px; } #empreendimento-detalhes .contato-detalhes .formulario form .campo + .campo { margin-top: 0px; } #empreendimento-detalhes .o-empreendimento { margin-top: -150px; padding: 280px 0px 230px; } #empreendimento-detalhes .o-empreendimento .central { max-width: 780px; } #empreendimento-detalhes .o-empreendimento .conteudo.esquerda .texto:after, #empreendimento-detalhes .o-empreendimento .conteudo.centro .texto:after, #empreendimento-detalhes .o-empreendimento .conteudo.direita .texto:after { margin-top: 50px; } #empreendimento-detalhes .o-empreendimento .texto { margin: 50px 0px; } #empreendimento-detalhes .o-empreendimento .texto:after { margin-top: 50px; } #empreendimento-detalhes .caracteristicas { margin-top: -150px; } #empreendimento-detalhes .caracteristicas .conteudo { padding: 80px; } #empreendimento-detalhes .caracteristicas .conteudo .texto * { font-size: 18px !important; } #empreendimento-detalhes .caracteristicas .conteudo .texto ul li { padding: 10px 0px 15px; } #empreendimento-detalhes .caracteristicas .conteudo .texto ul li:after { margin-top: 15px; } #empreendimento-detalhes .caracteristicas .conteudo .texto ul li + li { padding-top: 10px; } #empreendimento-detalhes .galeria { margin-bottom: 80px; } #empreendimento-detalhes .galeria .ampliacao .imagem figure a:before { bottom: 34px; width: 34px; height: 37px; mask-size: 34px 37px; } #empreendimento-detalhes .galeria .ampliacao .imagem figure figcaption { margin-bottom: 40px; padding: 30px 0px; min-height: 86px; font-size: 20px; } #empreendimento-detalhes .galeria .ampliacao .seta { width: 13px; } #empreendimento-detalhes .galeria .ampliacao .seta.anterior { left: -47px; mask-size: 13px 30px; } #empreendimento-detalhes .galeria .ampliacao .seta.proximo { right: -47px; mask-size: 13px 30px; } #empreendimento-detalhes .galeria .ampliacao .fundo-seta { display: none; } #empreendimento-detalhes .os-apartamentos { margin: 80px 0px; } #empreendimento-detalhes .os-apartamentos .descricao .central { max-width: 780px; } #empreendimento-detalhes .os-apartamentos .descricao .texto { margin-top: 50px; } #empreendimento-detalhes .os-apartamentos .container { margin: 80px 0px; padding: 80px 0px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco { gap: 80px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .imagem figure { padding-bottom: 87px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .imagem:after { width: 34px; height: 37px; mask-size: 34px 37px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .bloco .conteudo { padding-bottom: 87px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .owl-nav button { width: 13px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .owl-nav .owl-prev { left: -47px; mask-size: 13px 30px; } #empreendimento-detalhes .os-apartamentos .container .owl-carousel .owl-nav .owl-next { right: -47px; mask-size: 13px 30px; } #empreendimento-detalhes .slogan-rodape { margin: 80px 0px; } #empreendimento-detalhes .slogan-rodape .titulo { padding: 120px 0px; } #empreendimento-detalhes .localizacao { margin-top: 80px; padding-top: 93px; } #empreendimento-detalhes .localizacao:before { width: 30px; height: 13px; mask-size: 30px 13px; } #empreendimento-detalhes .localizacao .container { padding-bottom: 80px; } #empreendimento-detalhes .localizacao .container .endereco p { font-size: 25px; } #empreendimento-detalhes .localizacao .container .logo { margin: 50px 0px; } /* blog */ #blog .topo { position: relative; padding-top: 159px; } #blog .topo:before { content: ""; position: absolute; display: block; bottom: 0px; right: -48px; width: 167px; height: 528px; background: url('../img/ico-barras-paralelas-geral.svg') top right no-repeat; background-size: 167px 528px; } #blog .topo .data-categoria { padding-bottom: 30px; } #blog .topo .titulo { padding-bottom: 140px; } #blog .destaque .lista .bloco { gap: 60px; } #blog .destaque .lista .bloco .imagem figure { margin-top: -100px; } #blog .destaque .lista .bloco .conteudo { padding-top: 50px; } #blog .categorias { margin: 50px 0px; } #blog .categorias nav * { margin-right: 60px; font-size: 18px; } #blog .lista { gap: 60px var(--gap-lista); } #blog .lista .bloco { text-align: left; } #blog .data-categoria { justify-content: left; gap: 30px; text-align: left; } #blog .lista .bloco .breve { font-size: 18px; } #blog .lista .bloco .leia-mais { margin-top: 30px; } /* blog detalhes */ #blog.detalhes .topo .container { gap: 60px; } #blog.detalhes .topo .container .compartilhe { padding-bottom: 50px; } #blog.detalhes .topo .compartilhe { gap: 30px; } #blog.detalhes .topo .compartilhe .shareaholic .shareaholic-share-buttons-container.shareaholic-mini:not(.shareaholic-mobile.shareaholic-bottom-align) li.shareaholic-share-button { width: 50px !important; } #blog.detalhes .topo .titulo { padding-bottom: 140px; } #blog.detalhes .lista .bloco .breve h2 { font-size: 25px; } #blog.detalhes .conteudo-blog { gap: 60px; margin: 50px 0px; } #blog.detalhes .conteudo-blog aside h2 { font-size: 25px; } #blog.detalhes .conteudo-blog aside a { font-size: 18px; } #blog.detalhes .galeria { margin: 70px 0px 80px; } #blog.detalhes .downloads { margin-top: 50px; padding: 50px 0px 60px; } #blog.detalhes .downloads:before { left: -60px; width: 60px; } #blog.detalhes .downloads:after { right: -60px; width: 60px; } #blog.detalhes .downloads .formulario h2 { font-size: 25px; } /* contato */ #contato .contato { gap: 80px; } #contato .contato > div { padding-top: 139px; } #contato .contato .imagem-destaque { width: 42%; } #contato .contato .conteudo { width: 58%; } #contato .contato .conteudo .alinha > div { margin-right: 170px; } #contato .contato .conteudo .titulo { margin-top: 40px; margin-bottom: 80px; } #contato .contato .conteudo .formulario { padding: 80px 80px 80px 0px; } #contato .contato .conteudo .formulario:before { left: -80px; width: 80px; } #contato .informacoes { margin-top: 80px; margin-bottom: 80px; width: 58%; } #contato .informacoes .alinha > div { margin-right: 170px; } #contato .informacoes .bloco .telefone, #contato .informacoes .bloco .whatsapp { line-height: 24px; } #contato .informacoes .bloco + .bloco { font-size: 18px; } /* a neoprime */ #a-neoprime .sobre { gap: 80px; } #a-neoprime .sobre .cor { width: 42%; } #a-neoprime .sobre .conteudo { width: 58%; margin-top: -42px; } #a-neoprime .sobre .conteudo .alinha > div { margin-right: 230px; } #a-neoprime .sobre .conteudo .texto { margin-bottom: 80px; padding: 0px 80px; } #a-neoprime .sobre .conteudo .imagem { margin-left: -80px; } #a-neoprime .titulo-experiencia { margin: 80px 230px 25px calc(42% - 80px); padding: 0px 80px 0px 160px; } #a-neoprime .experiencia { gap: 80px; } #a-neoprime .experiencia .imagem { width: 42%; } #a-neoprime .experiencia .conteudo { margin-bottom: 120px; width: 58%; } #a-neoprime .experiencia .conteudo .alinha > div { margin-right: 230px; padding: 0px 80px; } #a-neoprime .experiencia .conteudo .texto { padding: 0px 80px; } #a-neoprime .titulo-nosso-compromisso { margin-left: calc(42% - 80px); margin-right: 230px; padding: 80px 80px 50px 160px; } #a-neoprime .nosso-compromisso { gap: 80px; margin-bottom: 80px; padding-bottom: 104px; } #a-neoprime .nosso-compromisso .imagem { margin-left: 125px; margin-bottom: 72px; width: 42%; } #a-neoprime .nosso-compromisso .conteudo { width: 58%; } #a-neoprime .nosso-compromisso .conteudo .alinha:first-child { padding-bottom: 50px; } #a-neoprime .nosso-compromisso .conteudo .alinha:first-child:before { left: -80px; width: 80px; } #a-neoprime .nosso-compromisso .conteudo .alinha:last-child { margin: 50px 0px 80px; } #a-neoprime .nosso-compromisso .conteudo .alinha:last-child:after { bottom: -184px; left: -40px; width: 80px; height: 64px; background-size: 80px 64px; } #a-neoprime .nosso-compromisso .conteudo .alinha > div { margin-right: 230px; padding: 0px 0px 0px 80px; } #a-neoprime .nosso-compromisso .conteudo .texto { padding: 0px 80px; } #a-neoprime .nosso-compromisso .conteudo .titulo { margin: 50px 0px; } #a-neoprime .video { position: relative; margin-top: 80px; z-index: 2; } #a-neoprime .video:before { content: ""; position: absolute; display: block; bottom: 0px; left: 0px; width: calc(42% + 80px); height: 50%; background-color: var(--cor-primaria); z-index: 1; } #a-neoprime .video .video-mp4 .container:after { mask-size: 68px; } #a-neoprime .apresentacao { padding-top: 130px; } #a-neoprime .apresentacao:before { width: calc(42% + 80px); } #a-neoprime .apresentacao:after { right: 170px; width: 167px; height: 528px; background-size: 167px 528px; } #a-neoprime .apresentacao .imagem figure { padding: 0px 80px; } #a-neoprime .apresentacao .imagem figure img { max-width: 600px; } #a-neoprime .apresentacao .legenda { margin: 30px 0px 0px calc(42% + 80px); padding: 0px 377px 40px 80px; } #a-neoprime .depoimentos { margin: 130px 0px; } #a-neoprime .depoimentos .lista .bloco { padding: 33px 0px 0px 36px; } #a-neoprime .depoimentos .lista .bloco:before { width: 36px; height: 23px; background-size: 36px 23px; } /* erro 404 */ #erro-404 .erro-404 .breve { margin-top: 25px; } /* rodape */ footer .superior .conteudo { gap: 50px; } footer .superior .logo figure img { width: 280px; } footer .linha-divisora { margin-left: 80px; } footer .menu-rodape .desktop { width: 45.5%; max-width: none; } footer .inferior .bloco .telefone, footer .inferior .bloco .whatsapp { line-height: 24px; } footer .inferior .bloco + .bloco { font-size: 18px; } footer .copyright .politicas { font-size: 18px; } footer .whatsapp-fixo { right: 50px; } footer .whatsapp-fixo figure img { width: 60px; } } @media screen and (min-width:1620px){ /* index */ #chamada .chamada-um .bloco.imagem .titulo { margin-left: calc((100vw - 800px) / 2); } #chamada .chamada-um .bloco.conteudo .breve { padding-right: 60px; max-width: 380px; margin-right: calc((100vw - 1280px) / 2); } #chamada .chamada-um .bloco.conteudo figure img { right: 0px; } #chamada .chamada-dois .bloco.conteudo-um .fundo .alinha { max-width: 380px; margin-right: calc((100vw - 1280px) / 2); } #chamada .chamada-dois .bloco.conteudo-dois .fundo .breve { padding-right: 60px; max-width: 380px; margin-right: calc((100vw - 1280px) / 2); } #numeros .lista-numeros .bloco:nth-child(even) .numero { max-width: 280px; } #numeros .lista-numeros .bloco:nth-child(even) .breve { width: 320px; } #numeros .lista-numeros .bloco .numero { max-width: 340px; } #numeros .lista-numeros .bloco .numero h3 { font-size: 90px; } #numeros .lista-numeros .bloco .breve { margin-top: 70px; padding-left: 51px; width: 270px; height: 98px; background-size: 41px 98px; /*background-color: pink;*/ } #numeros .lista-numeros .bloco .breve .rotulo { top: -75px; font-size: 40px; } #numeros .lista-numeros .bloco .breve p { font-size: 25px; } #selos .lista-selos { padding-left: 40px; } /* a neoprime */ #a-neoprime .apresentacao:after { right: calc((100vw - 1280px) / 2); } #a-neoprime .nosso-compromisso .conteudo .alinha:last-child:after { left: -60px; } } @media screen and (min-width:1800px){ /* geral */ .sem-central, .sem-central.desktop { margin-left: calc((100% - 1280px) / 2); } .editor :is(h1, h2, h3, h4, h5, h6), .editor :is(h1, h2, h3, h4, h5, h6) * { font-size: 30px !important; } .titulo h1, .titulo h2 { font-size: 50px; } .titulo.com-fundo { padding: 229px 90px 50px 0px; width: calc(44% - 130px); } .titulo.menor h1, .titulo.menor h2 { font-size: 40px; } .titulo-caixa-alta h2 { font-size: 30px; } .titulo-detalhes h2 { font-size: 35px; } /* internas */ .pagina-empreendimento-detalhes header .menu .mobile { right: calc((100% - 1640px) / 2); } .pagina-blog header .logo figure { margin-left: calc((100vw - 1640px) / 2); padding-left: 0px; } /* header */ header .logo figure { margin-left: calc((100vw - 1640px) / 2); padding-left: 0px; } body:not(.pagina-empreendimento-detalhes) header .container { gap: 130px; } body:not(.pagina-empreendimento-detalhes) header .logo { width: 44%; } body:not(.pagina-empreendimento-detalhes) header .menu { width: 56%; } body:not(.pagina-empreendimento-detalhes) header .menu .desktop nav { margin-right: calc((100vw - 1640px) / 2); padding-right: 0px; } /* index */ #slides .conteudo .logo figure img { max-width: 350px; max-height: 200px; /*max-height: 250px;*/ } #slides .setas .anterior { left: calc((100% - 1648px) / 2); } #slides .setas .proximo { right: calc((100% - 1648px) / 2); } #chamada .chamada-dois .bloco.conteudo-um .titulo { padding-left: calc((100% - 1280px) / 2); } #chamada .chamada-dois .linha-divisora { margin-left: calc((100% - 1640px) / 2); } #destaque-blog .owl-carousel .bloco .breve { font-size: 20px; } #destaque-blog .owl-carousel .bloco .breve h3 { font-size: 25px; } #selos .lista-selos .alinha { margin-right: calc((100vw - 1280px) / 2); padding: 0px; } #selos .lista-selos .selo figure img { max-width: 145px; max-height: 175px; } #social .owl-carousel .owl-nav { top: -94px; left: 217px; } /* empreendimento detalhes */ #empreendimento-detalhes .topo:after { background-position: bottom 200px center; } #empreendimento-detalhes .topo .logo figure img { max-width: 350px; max-height: 200px; /*max-height: 250px;*/ } #empreendimento-detalhes .o-empreendimento { margin-top: -200px; padding: 380px 0px 330px; } #empreendimento-detalhes .caracteristicas { margin-top: -200px; } #empreendimento-detalhes .galeria .ampliacao .imagem figure figcaption { margin-bottom: 45px; padding: 35px 0px; min-height: 102px; font-size: 25px; } #empreendimento-detalhes .galeria .owl-carousel { max-width: 845px; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav .owl-prev { left: -40px; } #empreendimento-detalhes .galeria .owl-carousel .owl-nav .owl-next { right: -40px; } /* blog */ #blog .topo:before { right: calc((100vw - 1954px) / 2); width: 197px; height: 628px; background-size: 197px 628px; background-position: top right; } #blog .lista .bloco .breve { font-size: 20px; } #blog .lista .bloco .breve h2, #blog .lista .bloco .breve h3 { font-size: 25px; } /* blog detalhes */ #blog.detalhes .lista .bloco .breve h2, #blog.detalhes .downloads .formulario h2 { font-size: 30px; } /* contato */ #contato .contato { gap: 130px; } #contato .contato .imagem-destaque { width: 44%; } #contato .contato .conteudo { width: 56%; } #contato .contato .conteudo .alinha > div { margin-right: calc((100vw - 1280px) / 2); } #contato .contato .conteudo .formulario { padding-right: 130px; } #contato .contato .conteudo .formulario:before { left: -130px; width: 130px; } #contato .informacoes { width: 56%; } #contato .informacoes .alinha > div { margin-right: calc((100vw - 1280px) / 2); } /* a neoprime */ #a-neoprime .sobre { gap: 130px; } #a-neoprime .sobre .cor { width: 44%; } #a-neoprime .sobre .conteudo { width: 56%; margin-top: -48px; } #a-neoprime .sobre .conteudo .alinha > div { margin-right: calc((100vw - 1000px) / 2); } #a-neoprime .sobre .conteudo .texto { padding: 0px 90px; } #a-neoprime .sobre .conteudo .imagem { margin-left: -130px; } #a-neoprime .titulo-experiencia { margin-left: calc(44% - 130px); margin-right: calc((100vw - 1000px) / 2); padding: 0px 90px 0px 220px; } #a-neoprime .experiencia { gap: 130px; } #a-neoprime .experiencia .imagem { width: 44%; } #a-neoprime .experiencia .conteudo { margin-bottom: 160px; width: 56%; } #a-neoprime .experiencia .conteudo .alinha > div { margin-right: calc((100vw - 1000px) / 2); padding: 0px 90px; } #a-neoprime .titulo-nosso-compromisso { margin-left: calc(44% - 130px); margin-right: calc((100vw - 1000px) / 2); padding-left: 220px; padding-right: 90px; } #a-neoprime .nosso-compromisso { gap: 130px; } #a-neoprime .nosso-compromisso .imagem { margin-left: 230px; width: 44%; } #a-neoprime .nosso-compromisso .conteudo { width: 56%; } #a-neoprime .nosso-compromisso .conteudo:before { left: -20px; } #a-neoprime .nosso-compromisso .conteudo .alinha:first-child:before { left: -130px; width: 130px; } #a-neoprime .nosso-compromisso .conteudo .alinha > div { margin-right: calc((100vw - 1000px) / 2); padding-left: 90px; } #a-neoprime .video:before { width: calc(44% + 90px); } #a-neoprime .apresentacao { padding-top: 160px; } #a-neoprime .apresentacao:before { width: calc(44% + 90px); } #a-neoprime .apresentacao:after { width: 197px; height: 628px; background-size: 197px 628px; } #a-neoprime .apresentacao .imagem figure { padding: 0px 120px; } #a-neoprime .apresentacao .imagem figure img { max-width: 740px; } #a-neoprime .apresentacao .legenda { margin-left: calc(44% + 90px); padding: 0px calc((100% - 730px) / 2) 55px 130px; } #a-neoprime .apresentacao .legenda p { font-size: 25px; } #a-neoprime .depoimentos { margin: 160px 0px; } #a-neoprime .depoimentos .lista { gap: 80px var(--gap-lista); --gap-lista: 94px; } /* rodape */ footer .menu-rodape .desktop { width: 44%; } footer .linha-divisora { margin-left: calc((100% - 1640px) / 2); } footer .whatsapp-fixo { bottom: 20px; } footer .whatsapp-fixo figure img { width: 80px; } } @media screen and (min-width:1920px){ /* index */ #chamada .chamada-um .bloco.conteudo figure img { right: 40px; } } @media screen and (min-width:1921px){ /* a neoprime */ #a-neoprime .experiencia .imagem { margin-left: calc((100vw - 1800px) / 2); } #a-neoprime .nosso-compromisso .imagem { margin-left: calc((100vw - 1500px) / 2); } } @media screen and (min-width:2120px){ /* index */ #chamada .chamada-um .bloco.conteudo figure img { right: 60px; } } @media screen and (min-width:2320px){ /* index */ #chamada .chamada-um .bloco.conteudo figure img { right: 90px; } } /* ===== politicas.css ===== */ /* janelinha */ #aceite-politicas { display: none; position: fixed; bottom: 0px; right: 0px; padding: 24px; width: 100%; font-size: 16px; color: #152039; box-shadow: 0px 0px 20px 0px rgba(46, 41, 36, 0.2); background-color: #ffffff; z-index: 99999; } #aceite-politicas a { color: #152039; } #aceite-politicas .topo { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; margin-bottom: 10px; } #aceite-politicas .topo p { font-weight: 700; } #aceite-politicas .links { display :flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; margin: 10px 0px 20px; } #aceite-politicas .links a { text-decoration: underline; } #aceite-politicas .links span { margin: 0px 5px; } #aceite-politicas .botoes { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #aceite-politicas .botoes a.minhas-opcoes { display: inline-block; vertical-align: middle; padding: 12px 41px; font-size: 16px; line-height: 1; text-decoration: none; text-align: center; color: #ffffff; background-color: #152039; overflow: hidden; transform: perspective(1px) translateZ(0); transition: all .60s linear; } #aceite-politicas .botoes a.minhas-opcoes:hover { transform: scale(1.1); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } #aceite-politicas .botoes a.aceito-politicas { display: inline-block; vertical-align: middle; padding: 12px 41px; font-size: 16px; line-height: 1; text-decoration: none; text-align: center; color: #ffffff; background-color: #152039; overflow: hidden; transform: perspective(1px) translateZ(0); transition: all .60s linear; } #aceite-politicas .botoes a.aceito-politicas:hover { transform: scale(1.1); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } #minhas-opcoes { display: none; position: fixed; bottom: 0px; right: 0px; padding: 24px; width: 100%; font-size: 16px; color: #152039; box-shadow: 0px 0px 20px 0px rgba(46, 41, 36, 0.2); background-color: #ffffff; z-index: 99999; } #minhas-opcoes a { color: #152039; } #minhas-opcoes .topo { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; width: 100%; margin-bottom: 15px; } #minhas-opcoes .topo p { margin-right: 10px; font-weight: 700; color: #152039; } #minhas-opcoes .topo a.fechar-opcoes { padding: 3px 5px 4px 5px; line-height: 0.5; font-weight: 700; text-decoration: none; color: #ffffff; border-radius: 50%; background-color: #152039; } #minhas-opcoes .miolo { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 0px; padding-right: 10px; width: 100%; max-height: 250px; overflow-x: hidden; overflow-y: auto; } #minhas-opcoes .miolo .categoria { margin-bottom: 10px; } #minhas-opcoes .miolo .categoria:last-child { margin-bottom: 0px; } #minhas-opcoes .miolo .categoria .superior { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } #minhas-opcoes .miolo .categoria .superior p { font-size: 16px; font-weight: 700; color: #152039; } #minhas-opcoes .miolo .categoria .superior span.aceite-inativo .switch { position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 10px; border-radius: 20px; cursor: pointer; z-index: 1; transition: all 0.3s linear; } #minhas-opcoes .miolo .categoria .superior span.aceite-inativo .switch.on { border: 1px solid #98cc96; background-color: #98cc96; } #minhas-opcoes .miolo .categoria .superior span.aceite-inativo .switch::before { content: ''; position: absolute; top: -5.5px; width: 18px; height: 18px; border-radius: 50px; box-shadow: 0px 1px 1px rgba(0,0,0,0.3); z-index: 2; transition:all 0.1s linear; } #minhas-opcoes .miolo .categoria .superior span.aceite-inativo .switch.on::before { left: calc(100% - 16px); background-image: url('../img/check.png'); background-size: 8px; background-repeat: no-repeat; background-position: 50%; background-color: #5cbd58; } #minhas-opcoes .miolo .categoria .superior span.aceite .switch { position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 10px; border-radius: 20px; cursor: pointer; z-index: 1; transition: all 0.3s linear; } #minhas-opcoes .miolo .categoria .superior span.aceite .switch.off { border: 1px solid #dadada; background-color: #dadada; } #minhas-opcoes .miolo .categoria .superior span.aceite .switch.on { border: 1px solid #98cc96; background-color: #98cc96; } #minhas-opcoes .miolo .categoria .superior span.aceite .switch::before { content:''; position: absolute; top: -5.5px; width: 18px; height: 18px; border-radius: 50px; box-shadow: 0px 1px 1px rgba(0,0,0,0.3); z-index: 2; transition: all 0.1s linear; } #minhas-opcoes .miolo .categoria .superior span.aceite .switch.off::before { left: -1px; background-image: url('../img/cancel.png'); background-size: 6px; background-repeat: no-repeat; background-position: 50%; background-color: #898989; } #minhas-opcoes .miolo .categoria .superior span.aceite .switch.on::before { left: calc(100% - 16px); background-image: url('../img/check.png'); background-size: 8px; background-repeat: no-repeat; background-position: 50%; background-color: #1a9315; } #minhas-opcoes .miolo .categoria .breve { display: flex; flex-flow: column; width: 100%; font-size: 16px; line-height: 1.2; } #minhas-opcoes .miolo .categoria .breve a.mais-detalhes { margin-top: 2px; font-size: 16px; font-weight: 700; text-decoration: none; color: #152039; } #minhas-opcoes .miolo .categoria .breve a.mais-detalhes:hover { text-decoration: underline; } #minhas-opcoes .miolo .categoria .itens { display: none; flex-wrap: wrap; margin-top: 15px; width: 100%; font-size: 16px; line-height: 1.2; } #minhas-opcoes .miolo .categoria .itens > div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 5px; padding: 8px; width: 100%; height: auto; border: 1px solid #666666; border-radius: 16px; } #minhas-opcoes .miolo .categoria .itens > div:hover { border: 1px solid #152039; } #minhas-opcoes .miolo .categoria .itens > div p { margin-bottom: 0px; font-size: 16px; line-height: 1.2; font-weight: 700; } #minhas-opcoes .miolo .categoria .itens > div span.aceite { margin-top: 1px; } #minhas-opcoes .miolo .categoria .itens > div span.aceite-inativo .switch { position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 10px; border-radius: 20px; cursor: pointer; z-index: 1; transition: all 0.3s linear; } #minhas-opcoes .miolo .categoria .itens > div span.aceite-inativo .switch.on { border: 1px solid #98cc96; background-color: #98cc96; } #minhas-opcoes .miolo .categoria .itens > div span.aceite-inativo .switch::before { content: ''; position: absolute; top: -5.5px; width: 18px; height: 18px; border-radius: 50px; box-shadow: 0px 1px 1px rgba(0,0,0,0.3); z-index: 2; transition: all 0.1s linear; } #minhas-opcoes .miolo .categoria .itens > div span.aceite-inativo .switch.on::before { left: calc(100% - 16px); background-image: url('../img/check.png'); background-size: 8px; background-repeat: no-repeat; background-position: 50%; background-color: #5cbd58; } #minhas-opcoes .miolo .categoria .itens > div span.aceite .switch { position: relative; display: inline-block; vertical-align: middle; width: 32px; height: 10px; border-radius: 20px; cursor: pointer; z-index: 1; transition: all 0.3s linear; } #minhas-opcoes .miolo .categoria .itens > div span.aceite .switch.off { border: 1px solid #dadada; background-color: #dadada; } #minhas-opcoes .miolo .categoria .itens > div span.aceite .switch.on { border: 1px solid #98cc96; background-color: #98cc96; } #minhas-opcoes .miolo .categoria .itens > div span.aceite .switch::before { content:''; position: absolute; top: -5.5px; width: 18px; height: 18px; border-radius: 50px; box-shadow: 0px 1px 1px rgba(0,0,0,0.3); z-index: 2; transition:all 0.1s linear; } #minhas-opcoes .miolo .categoria .itens > div span.aceite .switch.off::before { left: -1px; background-image: url('../img/cancel.png'); background-size: 6px; background-repeat: no-repeat; background-position: 50%; background-color: #898989; } #minhas-opcoes .miolo .categoria .itens > div span.aceite .switch.on::before { left: calc(100% - 16px); background-image: url('../img/check.png'); background-size: 8px; background-repeat: no-repeat; background-position: 50%; background-color: #1a9315; } #minhas-opcoes .botao { display: flex; justify-content: center; margin-top: 15px; width: 100%; height: auto; } #minhas-opcoes .botao button { display: inline-block; vertical-align: middle; padding: 12px 41px; font-size: 16px; line-height: 1; text-decoration: none; text-align: center; color: #ffffff; background-color: #152039; cursor: pointer; overflow: hidden; transform: perspective(1px) translateZ(0); transition: all .60s linear; } #minhas-opcoes .botao button:hover { transform: scale(1.1); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* remocao cookie */ #requisicao-remocao .formulario { position: relative; margin-top: 40px; padding: 40px 0px; background-color: #152039; z-index: 2; } #requisicao-remocao .formulario:before { content: ""; position: absolute; display: block; top: 0px; left: -40px; width: 40px; height: 100%; background-color: #152039; z-index: -1; } #requisicao-remocao .formulario:after { content: ""; position: absolute; display: block; top: 0px; right: -40px; width: 40px; height: 100%; background-color: #152039; z-index: -1; } #requisicao-remocao .solicitacao { margin: 30px 0px; } #requisicao-remocao .solicitacao p { padding-bottom: 15px; } #requisicao-remocao .solicitacao label { display: flex; align-items: flex-start; justify-content: flex-start; } #requisicao-remocao .solicitacao label + label { margin-top: 10px; } #requisicao-remocao .solicitacao label input { flex: none; margin: 8px 10px 0px 0px; } #requisicao-remocao .solicitacao label span { display: block; flex: 1; } #requisicao-remocao .breve { margin-top: 30px; font-size: 16px; } #requisicao-remocao .retorno-remocao.sucesso { padding-top: 15px; line-height: 1.5; font-weight: 700; color: #66b34e; } #requisicao-remocao .retorno-remocao.erro { padding-top: 15px; line-height: 1.5; font-weight: 700; color: #cc0000; } @media screen and (min-width : 480px){ #aceite-politicas { bottom: 10px; right: 10px; width: 400px; } #minhas-opcoes { bottom: 10px; right: 10px; width: 400px; } } @media screen and (min-width:1280px){ /* janelinha */ #aceite-politicas { bottom: 30px; right: 30px; width: 460px; } #minhas-opcoes { bottom: 30px; right: 30px; width: 460px; } /* remocao cookie */ #requisicao-remocao .formulario { margin-top: 80px; padding: 80px; } #requisicao-remocao .formulario:before { display: none; } #requisicao-remocao .formulario:after { display: none; } #requisicao-remocao .solicitacao { margin: 50px 0px; } #requisicao-remocao .solicitacao label input { margin-top: 10px; } #requisicao-remocao .breve { font-size: 16px; } #requisicao-remocao .retorno-remocao.sucesso, #requisicao-remocao .retorno-remocao.erro { padding-top: 35px; } } /* ===== owl.carousel.css ===== */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* ===== jquery.fancybox.css ===== */ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}