@charset "UTF-8"; /* * Paraíba Imóveis — Landing Page de imóvel * Arquivo: imovel-lp.css * Versão inicial: v1 * * Escopo: * somente quando possuir a classe .pi-imovel-lp * (classe adicionada pela TAG HTML Adicional quando a URL começa com /imovel-lp/) * * Objetivo: * aproximar o visual das Landing Pages ao padrão atual das páginas /imovel/, * sem alterar a estrutura/funcionalidade nativa do ImobiBrasil. */ html.pi-imovel-lp body { --pilp-text: #28282e; --pilp-muted: #5c5c65; --pilp-border: #e3e3e8; --pilp-bg: #f4f4f6; --pilp-card: #ffffff; --pilp-soft: #f8f8fa; --pilp-red: #990000; --pilp-red-dark: #710000; --pilp-red-light: #c51f28; --pilp-radius: 14px; --pilp-shadow: 0 3px 14px rgb(25 25 32 / 5%); color: var(--pilp-text); background: var(--pilp-bg); } /* ---------- base / segurança ---------- */ html.pi-imovel-lp body #desc_info, html.pi-imovel-lp body #desc_info *, html.pi-imovel-lp body #desc_tags, html.pi-imovel-lp body #desc_tags *, html.pi-imovel-lp body .descricao, html.pi-imovel-lp body .descricao *, html.pi-imovel-lp body .faleconosco, html.pi-imovel-lp body .faleconosco * { box-sizing: border-box; } html.pi-imovel-lp body .button-lp, html.pi-imovel-lp body #desc_info > div:has(> .button-lp) { display: none !important; } html.pi-imovel-lp body .pi2-duplicate-contact { display: none !important; } /* ---------- galeria ---------- */ html.pi-imovel-lp body #visualizacaoImagemV2, html.pi-imovel-lp body #visualizacaoImagemV2 .lista-inicial-container, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial, html.pi-imovel-lp body #visualizacaoImagemV2 .glide__track, html.pi-imovel-lp body #visualizacaoImagemV2 .glide__slides, html.pi-imovel-lp body #visualizacaoImagemV2 .glide__slide { height: clamp(330px, 32vw, 500px) !important; } html.pi-imovel-lp body #visualizacaoImagemV2 { overflow: hidden !important; background: #17171b !important; } html.pi-imovel-lp body #visualizacaoImagemV2 .item-lista { width: 100% !important; height: 100% !important; object-fit: cover !important; } html.pi-imovel-lp body #visualizacaoImagemV2 .open-lista-imagem { right: 24px !important; bottom: 20px !important; min-height: 42px !important; padding: 10px 16px !important; border: 1px solid rgb(255 255 255 / 30%) !important; border-radius: 10px !important; color: #fff !important; background: rgb(25 25 28 / 88%) !important; box-shadow: 0 6px 18px rgb(0 0 0 / 25%) !important; font-size: 13px !important; font-weight: 700 !important; backdrop-filter: blur(6px); } /* A folha nativa usa dois descendentes no seletor mobile; repetir a estrutura * real impede que o botão volte ao fluxo e crie uma faixa vazia sob a foto. */ html.pi-imovel-lp body #visualizacaoImagemV2 > .lista-inicial-container > .open-lista-imagem { position: absolute !important; } /* ---------- área principal ---------- */ html.pi-imovel-lp body section.content:not(.breadcrumbs) { height: auto !important; min-height: 0 !important; padding: 20px 0 56px !important; overflow: visible !important; background: var(--pilp-bg) !important; } html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) { width: min(1320px, calc(100% - 40px)) !important; min-width: 0 !important; margin-inline: auto !important; padding: 0 !important; overflow: visible !important; } /* * Quando o JS global reconhecer a estrutura, a LP usa a mesma lógica * de conteúdo + formulário lateral das páginas /imovel/. */ @media (min-width: 1120px) { html.pi-imovel-lp body section.content > .maincontainer.pi-detalhes-v2 { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px !important; gap: 18px 24px !important; align-items: start !important; } html.pi-imovel-lp body section.content > .maincontainer.pi-detalhes-v2 > :is(#desc_info, #desc_tags, .descricao) { grid-column: 1 !important; width: 100% !important; min-width: 0 !important; } html.pi-imovel-lp body section.content > .maincontainer.pi-detalhes-v2 > .faleconosco:not(.pi2-duplicate-contact) { grid-column: 2 !important; align-self: start !important; width: 100% !important; min-width: 0 !important; } html.pi-imovel-lp body section.content > .maincontainer.pi-detalhes-v2 > .faleconosco.pi2-sticky { position: sticky !important; top: var(--pi2-sticky-top, 16px) !important; } } /* ---------- cartões principais ---------- */ html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) > #desc_info, html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) > #desc_tags, html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) > .descricao, html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) > .faleconosco { float: none !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 0 18px !important; border: 0 !important; border-radius: var(--pilp-radius) !important; background: var(--pilp-card) !important; box-shadow: var(--pilp-shadow) !important; } html.pi-imovel-lp body #desc_info { padding: 24px !important; overflow: hidden !important; } html.pi-imovel-lp body #desc_info .info__col { float: none !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; } html.pi-imovel-lp body #desc_info .info__title { width: 100% !important; height: auto !important; margin: 0 0 10px !important; color: var(--pilp-text) !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: clamp(25px, 2.45vw, 34px) !important; font-weight: 700 !important; line-height: 1.24 !important; letter-spacing: -.45px !important; text-wrap: pretty; } html.pi-imovel-lp body #desc_info .info__col > span, html.pi-imovel-lp body #desc_info .info__col > p:not(:has(.shareon)) { color: var(--pilp-muted) !important; font-size: 14px !important; line-height: 1.65 !important; } /* compartilhamento */ html.pi-imovel-lp body #desc_info .info__col:has(.shareon) { margin-top: 16px !important; padding-top: 14px !important; border-top: 1px solid var(--pilp-border) !important; } html.pi-imovel-lp body #desc_info .shareon { --button-size: 44px; --icon-size: 22px; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; width: 100% !important; height: auto !important; margin-top: 8px !important; } html.pi-imovel-lp body #desc_info .shareon > :is(a, button) { flex: 0 0 44px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border-radius: 10px !important; box-sizing: border-box !important; } /* ---------- preço e características ---------- */ html.pi-imovel-lp body #desc_info .info__row { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 22px 0 0 !important; padding: 0 !important; align-items: stretch !important; } html.pi-imovel-lp body #desc_info .info__valor { display: flex !important; grid-column: span 2 !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 82px !important; margin: 0 !important; padding: 16px 20px !important; border-radius: 13px !important; color: #fff !important; background: linear-gradient( 135deg, var(--pilp-red-dark), var(--pilp-red), var(--pilp-red-light) ) !important; box-shadow: 0 10px 24px rgb(125 0 0 / 18%) !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: clamp(26px, 3vw, 38px) !important; font-weight: 700 !important; line-height: 1.15 !important; text-align: center !important; clip-path: none !important; } html.pi-imovel-lp body #desc_info .info__valor::before, html.pi-imovel-lp body #desc_info .info__valor::after { display: none !important; content: none !important; } html.pi-imovel-lp body #desc_info .info__tag { display: flex !important; float: none !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; height: auto !important; min-height: 82px !important; margin: 0 !important; padding: 12px 8px !important; border: 1px solid var(--pilp-border) !important; border-radius: 12px !important; background: var(--pilp-soft) !important; text-align: center !important; } html.pi-imovel-lp body #desc_info .info__tag p { width: 100% !important; margin: 0 !important; color: var(--pilp-muted) !important; font-size: 12px !important; line-height: 1.35 !important; } html.pi-imovel-lp body #desc_info .info__tag p:first-child { margin-bottom: 6px !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .25px !important; text-transform: uppercase !important; } html.pi-imovel-lp body #desc_info .info__tag p:last-child, html.pi-imovel-lp body #desc_info .info__tag p:last-child b { color: var(--pilp-text) !important; font-size: 15px !important; font-weight: 700 !important; } html.pi-imovel-lp body #desc_info .info__tag :is(i, svg) { color: var(--pilp-red) !important; } /* ---------- ficha técnica ---------- */ html.pi-imovel-lp body #desc_tags { display: flex !important; flex-wrap: wrap !important; gap: 9px !important; min-height: 0 !important; padding: 18px 20px !important; } html.pi-imovel-lp body #desc_tags > p { float: none !important; width: auto !important; margin: 0 !important; padding: 10px 13px !important; border: 1px solid var(--pilp-border) !important; border-radius: 9px !important; color: var(--pilp-muted) !important; background: var(--pilp-soft) !important; font-size: 13px !important; line-height: 1.35 !important; } html.pi-imovel-lp body #desc_tags > p b { color: var(--pilp-text) !important; font-weight: 700 !important; } /* ---------- descrição / pontos fortes / valores ---------- */ html.pi-imovel-lp body .descricao { padding: 24px !important; overflow: visible !important; } html.pi-imovel-lp body .descricao .content__title, html.pi-imovel-lp body .faleconosco__title { position: relative !important; width: 100% !important; height: auto !important; margin: 0 0 18px !important; padding: 0 0 13px !important; border-bottom: 1px solid var(--pilp-border) !important; color: var(--pilp-text) !important; font-family: "Montserrat", Arial, sans-serif !important; font-size: clamp(18px, 1.5vw, 21px) !important; font-weight: 700 !important; line-height: 1.35 !important; } html.pi-imovel-lp body .descricao .content__title::after, html.pi-imovel-lp body .faleconosco__title::after { position: absolute !important; left: 0 !important; bottom: -1px !important; width: 58px !important; height: 3px !important; border-radius: 99px !important; background: var(--pilp-red) !important; content: "" !important; } html.pi-imovel-lp body #desc_descricao > :is(p, ul, ol, div:not(.imovel_cx_caracteristicas)), html.pi-imovel-lp body #desc_pontos-fortes > :is(p, ul, ol) { width: 100% !important; max-width: none !important; color: #44444c !important; font-size: 16px !important; line-height: 1.65 !important; } html.pi-imovel-lp body #desc_descricao > p, html.pi-imovel-lp body #desc_pontos-fortes > p { margin: 0 0 12px !important; } html.pi-imovel-lp body #desc_descricao > :is(ul, ol) { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)) !important; gap: 8px 10px !important; margin: 10px 0 14px !important; padding: 0 !important; } html.pi-imovel-lp body #desc_descricao > ul > li { position: relative !important; list-style: none !important; margin: 0 !important; padding: 7px 8px 7px 27px !important; color: #44444c !important; font-size: 15px !important; line-height: 1.55 !important; } html.pi-imovel-lp body #desc_descricao > ul > li::before { position: absolute !important; left: 8px !important; top: 14px !important; width: 7px !important; height: 7px !important; border-radius: 50% !important; background: var(--pilp-red) !important; content: "" !important; } /* ---------- formulário ---------- */ html.pi-imovel-lp body .faleconosco { padding: 22px !important; overflow: hidden !important; } html.pi-imovel-lp body .faleconosco form { display: grid !important; gap: 10px !important; width: 100% !important; } html.pi-imovel-lp body .faleconosco :is(input:not([type="hidden"]), textarea, select) { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 11px 12px !important; border: 1px solid #d9d9df !important; border-radius: 8px !important; color: var(--pilp-text) !important; background: #fff !important; font: 400 14px/1.45 Arial, sans-serif !important; outline: none !important; transition: border-color .18s ease, box-shadow .18s ease !important; } html.pi-imovel-lp body .faleconosco :is(input:not([type="hidden"]), textarea, select):focus { border-color: var(--pilp-red) !important; box-shadow: 0 0 0 3px rgb(153 0 0 / 10%) !important; } html.pi-imovel-lp body .faleconosco textarea { min-height: 118px !important; resize: vertical !important; } html.pi-imovel-lp body .faleconosco button[type="submit"], html.pi-imovel-lp body .faleconosco input[type="submit"] { width: 100% !important; min-height: 46px !important; margin: 4px 0 0 !important; padding: 11px 16px !important; border: 0 !important; border-radius: 9px !important; color: #fff !important; background: var(--pilp-red) !important; font: 700 14px/1.3 "Montserrat", Arial, sans-serif !important; cursor: pointer !important; transition: transform .18s ease, background .18s ease !important; } html.pi-imovel-lp body .faleconosco button[type="submit"]:hover, html.pi-imovel-lp body .faleconosco input[type="submit"]:hover { background: var(--pilp-red-dark) !important; } /* ---------- outros imóveis ---------- */ html.pi-imovel-lp body #id_outrosimoveis, html.pi-imovel-lp body .outrosimoveis { min-width: 0 !important; } html.pi-imovel-lp body #id_outrosimoveis .outrosimoveis__item { border: 1px solid var(--pilp-border) !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important; overflow: hidden !important; } /* ---------- tablet ---------- */ @media (max-width: 1119px) { html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) { width: min(100% - 32px, 980px) !important; } html.pi-imovel-lp body section.content > .maincontainer.pi-detalhes-v2 { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; } html.pi-imovel-lp body section.content > .maincontainer.pi-detalhes-v2 > * { grid-column: 1 !important; width: 100% !important; } html.pi-imovel-lp body #desc_info .info__row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } html.pi-imovel-lp body #desc_info .info__valor { grid-column: span 2 !important; } } /* ---------- mobile ---------- */ @media (max-width: 767px) { html.pi-imovel-lp body section.content:not(.breadcrumbs) { padding: 12px 0 34px !important; } html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) { width: calc(100% - 24px) !important; } html.pi-imovel-lp body #visualizacaoImagemV2, html.pi-imovel-lp body #visualizacaoImagemV2 .lista-inicial-container, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial, html.pi-imovel-lp body #visualizacaoImagemV2 .glide__track, html.pi-imovel-lp body #visualizacaoImagemV2 .glide__slides, html.pi-imovel-lp body #visualizacaoImagemV2 .glide__slide { height: clamp(245px, 72vw, 330px) !important; } html.pi-imovel-lp body #visualizacaoImagemV2 .open-lista-imagem { right: 12px !important; bottom: 12px !important; min-height: 38px !important; padding: 8px 12px !important; } html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) > #desc_info, html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) > #desc_tags, html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) > .descricao, html.pi-imovel-lp body section.content .maincontainer:has(#desc_info.info) > .faleconosco { margin-bottom: 14px !important; border-radius: 12px !important; } html.pi-imovel-lp body #desc_info, html.pi-imovel-lp body #desc_tags, html.pi-imovel-lp body .descricao, html.pi-imovel-lp body .faleconosco { padding: 18px !important; } html.pi-imovel-lp body #desc_info .info__title { font-size: clamp(24px, 6vw, 29px) !important; line-height: 1.22 !important; } html.pi-imovel-lp body #desc_info .info__row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } html.pi-imovel-lp body #desc_info .info__valor { grid-column: 1 / -1 !important; min-height: 72px !important; padding: 14px !important; font-size: clamp(25px, 7vw, 32px) !important; } html.pi-imovel-lp body #desc_info .info__tag { min-height: 62px !important; padding: 10px !important; } html.pi-imovel-lp body #desc_tags { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; } html.pi-imovel-lp body #desc_tags > p { width: 100% !important; min-width: 0 !important; padding: 10px !important; } html.pi-imovel-lp body #desc_descricao > :is(p, ul, ol, div:not(.imovel_cx_caracteristicas)), html.pi-imovel-lp body #desc_pontos-fortes > :is(p, ul, ol) { font-size: 15px !important; line-height: 1.62 !important; } html.pi-imovel-lp body .faleconosco { position: static !important; inset: auto !important; } } /* ---------- acessibilidade ---------- */ @media (prefers-reduced-motion: reduce) { html.pi-imovel-lp body *, html.pi-imovel-lp body *::before, html.pi-imovel-lp body *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } /* ========================================================================== */ /* Landing Page legada do ImobiBrasil */ /* O template /imovel-lp/ não reutiliza #desc_info/#desc_tags da página */ /* padrão. Estas regras tratam somente a estrutura nativa observada nele. */ /* ========================================================================== */ /* ---------- Base ---------- */ html.pi-imovel-lp, html.pi-imovel-lp body { max-width: 100%; overflow-x: hidden; } html.pi-imovel-lp body { min-width: 0; margin: 0; color: var(--pilp-text); background: var(--pilp-bg); font-family: Arial, sans-serif; } html.pi-imovel-lp body :is(#price-container-lp, #informacoes-imoveis-lp), html.pi-imovel-lp body :is(#price-container-lp, #informacoes-imoveis-lp) * { box-sizing: border-box; } html.pi-imovel-lp body .pi2-duplicate-contact { display: none !important; } /* ---------- Galeria ---------- */ html.pi-imovel-lp body #visualizacaoImagemV2, html.pi-imovel-lp body #visualizacaoImagemV2 > .lista-inicial-container, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__track, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__slides, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__slide { height: clamp(400px, 34vw, 500px) !important; } html.pi-imovel-lp body #visualizacaoImagemV2 { position: relative !important; width: 100% !important; overflow: hidden !important; background: #19191d !important; } html.pi-imovel-lp body #visualizacaoImagemV2 > .lista-inicial-container { position: relative !important; width: 100% !important; overflow: hidden !important; } html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__track { overflow: hidden !important; } html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__slides { align-items: stretch !important; } html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__slide { overflow: hidden !important; } html.pi-imovel-lp body #visualizacaoImagemV2 img.item-lista { display: block !important; width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover !important; object-position: center; } html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial img.item-lista { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } html.pi-imovel-lp body #visualizacaoImagemV2 .open-lista-imagem { position: absolute !important; right: 24px !important; bottom: 20px !important; z-index: 30 !important; display: inline-flex !important; align-items: center; justify-content: center; min-height: 42px; margin: 0 !important; padding: 10px 16px !important; border: 1px solid rgb(255 255 255 / 30%) !important; border-radius: 10px !important; color: #fff !important; background: rgb(25 25 28 / 88%) !important; box-shadow: 0 6px 18px rgb(0 0 0 / 25%); font: 700 13px/1.2 "Montserrat", Arial, sans-serif !important; cursor: pointer; backdrop-filter: blur(6px); } html.pi-imovel-lp body #visualizacaoImagemV2 .glide__arrow { z-index: 20 !important; width: 44px; height: 44px; border: 1px solid rgb(255 255 255 / 55%); border-radius: 50%; color: #222 !important; background: rgb(255 255 255 / 90%); box-shadow: 0 6px 18px rgb(0 0 0 / 22%); } /* ---------- Área principal e preço ---------- */ html.pi-imovel-lp body #price-container-lp, html.pi-imovel-lp body #informacoes-imoveis-lp { width: 100% !important; margin: 0 !important; padding: 0 20px !important; background: var(--pilp-bg) !important; } html.pi-imovel-lp body #price-container-lp { padding-top: 24px !important; } html.pi-imovel-lp body :is(#price-container-lp, #informacoes-imoveis-lp) > .container { width: min(1320px, 100%) !important; max-width: 1320px !important; min-width: 0; margin: 0 auto !important; padding: 0 !important; } html.pi-imovel-lp body #price-container-lp .title-info-imovel { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(260px, auto) !important; gap: 20px; align-items: center; min-width: 0; padding: 26px 28px; border: 1px solid var(--pilp-border); border-radius: var(--pilp-radius); background: var(--pilp-card); box-shadow: var(--pilp-shadow); } html.pi-imovel-lp body #price-container-lp .title-price { min-width: 0; } html.pi-imovel-lp body #price-container-lp .title-price h1 { max-width: 100%; margin: 0 0 8px !important; color: var(--pilp-text) !important; font: 700 clamp(26px, 2.45vw, 34px)/1.22 "Montserrat", Arial, sans-serif !important; letter-spacing: -.45px; overflow-wrap: anywhere; text-wrap: pretty; } html.pi-imovel-lp body #price-container-lp .title-price > p { margin: 0 !important; color: var(--pilp-muted) !important; font-size: 15px !important; line-height: 1.55 !important; } html.pi-imovel-lp body #price-container-lp .detalhes-icons:empty { display: none !important; } html.pi-imovel-lp body #price-container-lp .valor-e-botao { display: block !important; min-width: 0; margin: 0 !important; } html.pi-imovel-lp body #price-container-lp .valor-e-botao h3 { min-width: 260px; margin: 0 !important; padding: 17px 22px; border: 0 !important; border-radius: 13px; color: #fff !important; background: linear-gradient(135deg, var(--pilp-red-dark), var(--pilp-red), var(--pilp-red-light)); box-shadow: 0 10px 24px rgb(125 0 0 / 18%); font: 700 clamp(25px, 2.5vw, 34px)/1.15 "Montserrat", Arial, sans-serif !important; text-align: center; white-space: normal; } /* ---------- Informações e ficha técnica ---------- */ html.pi-imovel-lp body #informacoes-imoveis-lp { padding-top: 20px !important; padding-bottom: 56px !important; } html.pi-imovel-lp body #informacoes-imoveis-lp > .container { display: grid !important; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; } html.pi-imovel-lp body #informacoes-imoveis-lp .txt-class { display: grid; grid-column: 1; gap: 18px; min-width: 0; } html.pi-imovel-lp body #tags_descricao_section { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(185px, 100%), 1fr)); gap: 9px; width: 100%; min-width: 0; margin: 0 !important; padding: 18px 20px !important; border: 1px solid var(--pilp-border); border-radius: var(--pilp-radius); background: var(--pilp-card); box-shadow: var(--pilp-shadow); } html.pi-imovel-lp body #tags_descricao_section > style { display: none !important; } html.pi-imovel-lp body #tags_descricao_section > p { min-width: 0; margin: 0 !important; padding: 10px 12px !important; border: 1px solid var(--pilp-border) !important; border-radius: 10px; color: var(--pilp-muted) !important; background: var(--pilp-soft) !important; font-size: 13px !important; line-height: 1.4 !important; overflow-wrap: anywhere; } html.pi-imovel-lp body #tags_descricao_section > p:hover { color: var(--pilp-muted) !important; background: var(--pilp-soft) !important; } html.pi-imovel-lp body #tags_descricao_section > p b { color: var(--pilp-text) !important; font-weight: 700; } html.pi-imovel-lp body #tags_descricao_section a { color: inherit !important; overflow-wrap: anywhere; } /* ---------- Descrição, pontos fortes e central ---------- */ html.pi-imovel-lp body #informacoes-imoveis-lp .info-block { width: 100% !important; min-width: 0; margin: 0 !important; padding: 24px !important; border: 1px solid var(--pilp-border); border-radius: var(--pilp-radius); background: var(--pilp-card); box-shadow: var(--pilp-shadow); } html.pi-imovel-lp body #informacoes-imoveis-lp .info-block > .title-info-imovel, html.pi-imovel-lp body #corretor-contato-lp .fale-conosco > h3 { position: relative; width: 100%; margin: 0 0 18px !important; padding: 0 0 13px !important; border-bottom: 1px solid var(--pilp-border); color: var(--pilp-text) !important; font: 700 clamp(18px, 1.5vw, 21px)/1.35 "Montserrat", Arial, sans-serif !important; text-transform: none !important; } html.pi-imovel-lp body #informacoes-imoveis-lp .info-block > .title-info-imovel::after, html.pi-imovel-lp body #corretor-contato-lp .fale-conosco > h3::after { position: absolute; bottom: -1px; left: 0; width: 58px; height: 3px; border-radius: 99px; background: var(--pilp-red); content: ""; } html.pi-imovel-lp body #informacoes-imoveis-lp :is(#empreendimento_section, #sobre_imovel_section, #pontos_fortes_section) > p { margin: 0 !important; color: #44444c !important; font-size: 16px !important; line-height: 1.65 !important; overflow-wrap: anywhere; } html.pi-imovel-lp body #informacoes-imoveis-lp :is(#sobre_imovel_section, #pontos_fortes_section) > p img { display: inline-block; width: 1em !important; height: 1em !important; max-width: 1em !important; max-height: 1em !important; margin: 0 .16em 0 0; vertical-align: -.1em; } html.pi-imovel-lp body #central_negocios_section { padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } html.pi-imovel-lp body #central_negocios_section > .title-info-imovel { margin-bottom: 12px !important; } html.pi-imovel-lp body #central_negocios_section .pi-central-negocios { width: 100%; min-width: 0; padding: clamp(20px, 2.4vw, 30px) !important; border: 1px solid var(--pilp-border) !important; border-radius: var(--pilp-radius) !important; background: var(--pilp-card) !important; box-shadow: var(--pilp-shadow) !important; } html.pi-imovel-lp body #central_negocios_section .pi-central-negocios__card { min-width: 0; border-color: var(--pilp-border) !important; border-radius: 12px !important; box-shadow: none !important; } html.pi-imovel-lp body #central_negocios_section .pi-central-negocios__botao--principal { background: var(--pilp-red) !important; } html.pi-imovel-lp body #central_negocios_section .pi-central-negocios__botao--principal:hover { background: var(--pilp-red-dark) !important; } /* ---------- Formulário ---------- */ html.pi-imovel-lp body #corretor-contato-lp { grid-column: 2; min-width: 0; margin: 0 !important; padding: 22px !important; border: 1px solid var(--pilp-border); border-radius: var(--pilp-radius); background: var(--pilp-card); box-shadow: var(--pilp-shadow); } @media (min-width: 1120px) and (min-height: 720px) { html.pi-imovel-lp body #corretor-contato-lp { position: sticky; top: 18px; } } html.pi-imovel-lp body #corretor-contato-lp .fale-conosco > h3 { font-size: 20px !important; } html.pi-imovel-lp body #corretor-contato-lp form { display: grid; gap: 10px; width: 100%; } html.pi-imovel-lp body #corretor-contato-lp :is(input:not([type="hidden"]), textarea, select) { width: 100% !important; min-width: 0; margin: 0 !important; padding: 11px 12px !important; border: 1px solid #d9d9df !important; border-radius: 8px !important; color: var(--pilp-text) !important; background: #fff !important; font: 400 14px/1.45 Arial, sans-serif !important; outline: none; transition: border-color .18s ease, box-shadow .18s ease; } html.pi-imovel-lp body #corretor-contato-lp :is(input:not([type="hidden"]), textarea, select):focus { border-color: var(--pilp-red) !important; box-shadow: 0 0 0 3px rgb(153 0 0 / 10%); } html.pi-imovel-lp body #corretor-contato-lp #fale-conosco-lp form :is(input:not([type="hidden"]), textarea, select):focus { border-color: var(--pilp-red) !important; box-shadow: 0 0 0 3px rgb(153 0 0 / 10%) !important; } html.pi-imovel-lp body #corretor-contato-lp textarea { min-height: 118px; resize: vertical; } html.pi-imovel-lp body #corretor-contato-lp .codigo-form { display: grid !important; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; } html.pi-imovel-lp body #corretor-contato-lp .faleconosco__cod { margin: 0 !important; color: var(--pilp-muted) !important; font-size: 13px !important; white-space: nowrap; } html.pi-imovel-lp body #corretor-contato-lp button[type="submit"] { width: 100% !important; min-height: 46px; margin: 4px 0 0 !important; padding: 11px 16px !important; border: 0 !important; border-radius: 9px !important; color: #fff !important; background: var(--pilp-red) !important; font: 700 14px/1.3 "Montserrat", Arial, sans-serif !important; cursor: pointer; transition: transform .18s ease, background .18s ease; } html.pi-imovel-lp body #corretor-contato-lp button[type="submit"]:hover { background: var(--pilp-red-dark) !important; } /* ---------- Tablet ---------- */ @media (max-width: 1119px) { html.pi-imovel-lp body #price-container-lp, html.pi-imovel-lp body #informacoes-imoveis-lp { padding-inline: 16px !important; } html.pi-imovel-lp body #informacoes-imoveis-lp > .container { grid-template-columns: minmax(0, 1fr); gap: 16px; } html.pi-imovel-lp body #informacoes-imoveis-lp .txt-class, html.pi-imovel-lp body #corretor-contato-lp { grid-column: 1; } } /* ---------- Mobile ---------- */ @media (max-width: 767px) { html.pi-imovel-lp body #visualizacaoImagemV2, html.pi-imovel-lp body #visualizacaoImagemV2 > .lista-inicial-container, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__track, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__slides, html.pi-imovel-lp body #visualizacaoImagemV2 #galeria-inicial .glide__slide { height: clamp(245px, 72vw, 330px) !important; } html.pi-imovel-lp body #visualizacaoImagemV2 .open-lista-imagem { right: 12px !important; bottom: 12px !important; min-height: 40px; padding: 9px 13px !important; } html.pi-imovel-lp body #visualizacaoImagemV2 > .lista-inicial-container > .open-lista-imagem { position: absolute !important; inset: auto 12px 12px auto !important; width: auto !important; min-width: 132px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; font-size: 14px !important; } html.pi-imovel-lp body #visualizacaoImagemV2 .glide__arrow { width: 40px; height: 40px; } html.pi-imovel-lp body #price-container-lp, html.pi-imovel-lp body #informacoes-imoveis-lp { padding-inline: 12px !important; } html.pi-imovel-lp body #price-container-lp { padding-top: 12px !important; } html.pi-imovel-lp body #price-container-lp .title-info-imovel { grid-template-columns: minmax(0, 1fr) !important; gap: 16px; padding: 20px 18px; border-radius: 12px; } html.pi-imovel-lp body #price-container-lp .title-price h1 { font-size: clamp(24px, 6vw, 29px) !important; } html.pi-imovel-lp body #price-container-lp .valor-e-botao, html.pi-imovel-lp body #price-container-lp .valor-e-botao h3 { width: 100%; min-width: 0; } html.pi-imovel-lp body #price-container-lp .valor-e-botao h3 { padding: 15px; font-size: clamp(25px, 7vw, 32px) !important; } html.pi-imovel-lp body #informacoes-imoveis-lp { padding-top: 12px !important; padding-bottom: 34px !important; } html.pi-imovel-lp body #informacoes-imoveis-lp .txt-class { gap: 14px; } html.pi-imovel-lp body #tags_descricao_section { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; padding: 14px !important; border-radius: 12px; } html.pi-imovel-lp body #tags_descricao_section > p { padding: 10px !important; } html.pi-imovel-lp body #informacoes-imoveis-lp .info-block, html.pi-imovel-lp body #corretor-contato-lp, html.pi-imovel-lp body #central_negocios_section .pi-central-negocios { padding: 18px !important; border-radius: 12px !important; } html.pi-imovel-lp body #informacoes-imoveis-lp :is(#empreendimento_section, #sobre_imovel_section, #pontos_fortes_section) > p { font-size: 15px !important; line-height: 1.62 !important; } html.pi-imovel-lp body #central_negocios_section { padding: 0 !important; } html.pi-imovel-lp body #central_negocios_section .pi-central-negocios__grade { grid-template-columns: minmax(0, 1fr) !important; } }