/* Theme Name: Gran VIC Esplanada Theme URI: https://incdigital.com.br Author: Inc Digital Description: Version: 1.1.0 Text Domain: gran-vic-esplanada */ @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,700&family=Raleway:wght@300;400;500;600;700&display=swap"); /* ========================================================================== Cabeçalho ========================================================================== */ @font-face { font-family: "Pluto Sans"; src: url("assets/fonts/PlutoSansMedium.otf") format("opentype"); font-style: normal; font-weight: 500; font-display: swap; } .lp-menu { position: relative; z-index: 10; width: 100%; margin: 0 auto; padding-top: 15px; } .lp-menu__content { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: -100px; } .lp-menu__contatos { display: flex; align-items: center; margin-right: 15%; } .lp-menu__pill { display: flex; justify-content: flex-end; width: 50%; padding: 12px 40px 18px; border-radius: 0 100px 100px 0; background: rgba(255, 255, 255, 0.5); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); } .lp-menu__pill img { display: block; width: 110px; height: auto; } .lp-menu__wpp { display: flex; align-items: center; width: 100%; text-decoration: none; } .lp-menu__wpp-badge { margin-right: -40px; padding: 10px 50px 10px 25px; border-radius: 30px; background: #54ba49; color: #fff; font-family: "Pluto Sans", "Poppins", sans-serif; font-size: 14px; font-weight: 500; line-height: normal; text-align: right; opacity: 0.9; } .lp-menu__wpp-box { padding: 15px 20px; border-radius: 40px; background: rgba(255, 255, 255, 0.8); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); } .lp-menu__wpp-number { display: flex; align-items: center; gap: 8px; color: #54ba49; font-family: "Poppins", sans-serif; font-size: 32px; font-weight: 600; line-height: 1; white-space: nowrap; } .lp-menu__wpp-number img { display: block; width: 32px; height: 32px; } @media (max-width: 1300px) { .lp-menu__wpp-badge { display: none; } .lp-menu__content { position: relative; align-items: center; margin-bottom: -115px; } .lp-menu__pill { width: 30%; padding: 10px 24px 12px; } .lp-menu__pill img { width: 84px; } .lp-menu__contatos { position: absolute; right: 0; margin-right: 0; } .lp-menu__wpp-number { font-size: 20px; } .lp-menu__wpp-box { margin-right: clamp(8px, 3vw, 40px); padding: 10px 20px; } } @media (max-width: 480px) { .lp-menu__pill { padding: 8px 20px 10px; } .lp-menu__pill img { width: 72px; } .lp-menu__wpp-box { padding: 9px 14px; } .lp-menu__wpp-number { gap: 6px; font-size: 17px; } .lp-menu__wpp-number img { width: 25px; height: 25px; } } /* ========================================================================== Swiper ========================================================================== */ /** * Swiper 11.2.10 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 28, 2025 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* ========================================================================== Base compartilhada ========================================================================== */ html { width: 100%; min-height: 100%; background: #ffffff; } .lp-page { --lp-blue: #003d64; --lp-orange: #f8a043; --lp-brown: #ad6518; --lp-form: #1f7199; --lp-green: #54ba49; --lp-verde: var(--lp-blue); --lp-fonte-titulo: 'Jaella', 'Niela', Georgia, serif; --lp-fonte-apoio: 'Niela', Arial, sans-serif; --pv-laranja: #FE7000; --pv-laranja-claro: #FB9C47; --pv-laranja-escuro: #ED7904; --pv-verde-whatsapp: #54BA49; --pv-branco: #FFFFFF; --pv-cinza-claro: #E5E5E5; --pv-cinza: #E4E4E4; --pv-cinza-medio: #EBE9E8; --pv-preto: #1D1E1C; --pv-fonte-titulo: 'Niela', Arial, sans-serif; --pv-fonte-depo: 'Niela', Arial, sans-serif; width: 100%; min-width: 320px; margin: 0; overflow-x: hidden; background: #ffffff; font-family: 'Niela', Arial, sans-serif; } .lp-page, .lp-page * { box-sizing: border-box; } /* .lp-page img { max-width: 100%; } */ .lp-main { width: 100%; overflow: hidden; } .lp-hero { position: relative; width: 100%; height: 723px; min-height: 530px; max-height: 723px; margin: 0; background: linear-gradient(180deg, #0068b5 0%, #bfe2f2 73%, #fff 100%); } .lp-hero__sky { position: absolute; left: -62px; top: -30px; width: 2015px; height: 755px; min-width: 1480px; min-height: 555px; pointer-events: none; } .lp-hero__sky img, .lp-hero__family, .lp-form-card__brand img, .lp-whatsapp-float img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; } .lp-header { position: absolute; left: -149px; top: 9px; width: 1097px; height: 80px; min-width: 805px; min-height: 59px; display: flex; align-items: center; justify-content: center; border-radius: 0 40px 40px 0; background: rgba(230, 242, 250, .82); z-index: 4; } .lp-header img { position: absolute; right: 25px; display: block; height: auto; width: 100px; } .lp-hero__art { position: absolute; left: 160px; top: 144px; width: 660px; height: 660px; z-index: 3; } .lp-hero__copy { position: absolute; left: 760px; top: 210px; width: 480px; z-index: 4; } .lp-hero__tag { display: flex; align-items: center; justify-content: center; width: 430px; min-width: 250px; height: 41px; min-height: 31px; margin: 0 auto; padding: 0 24px; border-radius: 6px; background: #f6a13a; color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 1.8px; line-height: 1; text-transform: uppercase; } .lp-hero__title { margin-top: 80px; text-align: center; } .lp-hero__title h1, .lp-hero__title p { margin: 0; } .lp-hero__title h1 { color: var(--lp-blue); font-family: 'Jaella', 'Niela', Georgia, serif; font-size: 70px; font-weight: 900; line-height: .9; } .lp-hero__title p { margin-left: 100px; color: #AD6518; font-family: 'Niela', Arial, sans-serif; font-size: 38px; font-weight: 600; line-height: 1; } .lp-hero__location { position: absolute; left: 840px; top: 478px; display: flex; align-items: center; width: 260px; min-width: 195px; height: 80px; min-height: 60px; z-index: 5; } .lp-hero__location img { z-index: 2; display: block; width: 60px; height: auto; margin-right: -10px; } .lp-hero__location p { padding: 20px; border-radius: 8px; background: var(--lp-blue); color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.15; text-align: left; text-transform: uppercase; } .lp-hero__location strong { color: #fbc763; font-weight: 600; font-family: Niela; } .lp-form-card { position: absolute; left: 1278px; top: 112px; width: 290px; height: 558px; min-width: 214px; min-height: 410px; z-index: 7; } .lp-form-card__brand { position: absolute; right: -15px; top: -30px; display: flex; align-items: center; justify-content: center; min-width: 94px; min-height: 76px; padding: 24px; border-radius: 8px; background: #ffffff; transform: translateX(-50%); z-index: 2; } .lp-form-card__brand img { object-fit: contain; } .wpcf7-list-item-label { color: var(--White, #FFF); font-family: Niela; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .lp-form-card__body { position: absolute; left: 0; right: 0; bottom: 0; min-height: 360px; padding: 45px 20px 0px 20px; border-radius: 28px; background: linear-gradient(180deg, #2a83ad 0%, #1d6387 100%); min-width: 290px; } .lp-form-card__body h2 { margin: 0 0 28px; color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 26px; font-weight: 500; line-height: 1.12; text-align: center; } .lp-form { display: grid; gap: 8px; } .lp-form label { display: block; } .lp-form label:not(.lp-form__consent) { position: relative; } .lp-form label:not(.lp-form__consent) span { color: var(--White, #FFF); font-family: Niela; font-size: 12px; font-style: normal; font-weight: 500; line-height: 16px; } .lp-form input[type="text"], .lp-form input[type="email"], .lp-form input[type="tel"] { display: block; width: 100%; height: 40px; min-height: 30px; margin: 0; padding: 10px 8px; border-radius: 4px; background: #ffffff; color: var(--lp-blue); font-size: 13px; outline: none; } .lp-form__consent { display: grid; grid-template-columns: 12px 1fr; gap: 5px; align-items: start; margin-top: 10px; } .lp-form__consent input { width: 12px; min-width: 9px; height: 12px; min-height: 9px; margin: 0; appearance: none; background: #ffffff; } .lp-form__consent span { color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 11px; line-height: 1.18; } .lp-form button { display: flex; align-items: center; justify-content: center; width: 100%; height: 48px; min-height: 36px; margin-top: 17px; border: 0; border-radius: 6px; background: var(--lp-green); color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: .4px; line-height: 1; text-transform: uppercase; cursor: pointer; } .lp-whatsapp-float { position: absolute; left: 1590px; top: 578px; display: block; width: 80px; height: 80px; min-width: 59px; min-height: 59px; z-index: 8; } .lp-conditions { position: absolute; left: 30%; right: 0; bottom: -5px; height: 130px; min-height: 96px; background: linear-gradient(90deg, rgba(246, 233, 139, .7) 0%, rgba(255, 158, 54, .7) 100%); backdrop-filter: blur(25px); z-index: 2; } .lp-conditions__inner { position: absolute; left: 233px; top: 26px; display: flex; align-items: flex-start; gap: 24px; color: var(--lp-blue); } .lp-condition { position: relative; min-height: 63px; font-family: 'Niela', Arial, sans-serif; } .lp-condition p, .lp-condition strong, .lp-condition small, .lp-condition em { font-family: inherit; } .lp-condition p { margin: 0; color: var(--lp-brown); font-size: 14px; font-weight: 400; line-height: 1.15; text-transform: uppercase; margin-bottom: 3px; } .lp-condition p span { color: var(--lp-brown); text-transform: none; } .lp-condition strong { display: block; margin: -2px 0 0; color: var(--lp-blue); font-size: 40px; font-weight: 500; line-height: .95; white-space: nowrap; } .lp-condition small, .lp-condition em { color: var(--lp-blue); font-size: 16px; font-style: normal; font-weight: 500; } .lp-condition--price { width: 129px; } .lp-condition--price strong small { margin-right: 2px; vertical-align: 45%; } .lp-condition--installments { display: grid; grid-template-columns: 28px auto; column-gap: 4px; width: 118px; } .lp-condition--installments strong { margin-top: 15px; letter-spacing: -.4px; } .lp-condition--installments em { position: relative; top: -18px; margin-left: 2px; } .lp-condition--rooms { width: 109px; } .lp-condition--rooms strong { margin: 0; font-size: 32px; line-height: .78; } .lp-condition--rooms strong small { font-size: 20px; } .lp-condition--rooms p { margin-top: 7px; font-size: 14px; font-weight: 500; line-height: 1.14; text-transform: none; } .lp-condition__divider { display: block; width: 1px; height: 63px; background: rgba(173, 101, 24, .55); } .lp-conditions__note { position: absolute; left: 193px; top: 68px; margin: 0; color: var(--lp-blue); font-family: 'Niela', Arial, sans-serif; font-size: 8px; font-weight: 700; line-height: 1; text-transform: uppercase; white-space: nowrap; } .lp-lazer-park-bg { position: relative; background: url("assets/images/site/bg-lazer.webp") no-repeat center top / cover; z-index: 1; } .lp-lazer { position: relative; width: 100%; min-height: 900px; max-height: 1285px; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 50px; } .lp-lazer__texture { position: absolute; inset: 0; background-image: url("assets/images/site/lp/hero-textura.png"); background-size: 500px 500px; background-position: left top; mix-blend-mode: soft-light; opacity: .5; pointer-events: none; } .lp-lazer__leaf, .lp-lazer__ink { position: absolute; display: block; max-width: none; pointer-events: none; user-select: none; } .lp-lazer__leaf--left { left: 310px; top: 238px; width: 610px; height: auto; transform: rotate(-8deg); opacity: .78; z-index: 1; } .lp-lazer__leaf--right { right: 365px; top: 210px; width: 470px; height: auto; transform: rotate(5deg); opacity: .82; z-index: 1; } .lp-lazer__ink { left: -95px; top: 470px; width: 2110px; height: 760px; object-fit: cover; mix-blend-mode: multiply; opacity: .82; z-index: 0; } .lp-lazer__title { position: absolute; left: 50%; top: 107px; width: 782px; transform: translateX(-50%); text-align: center; z-index: 3; } .lp-lazer__title h2 { margin: 0; color: var(--lp-blue); font-family: 'Jaella', 'Niela', Georgia, serif; font-size: 40px; font-weight: 900; line-height: 1.2; } .lp-lazer__title p { margin: -2px 0 0 155px; color: var(--lp-brown); font-family: 'Niela', Arial, sans-serif; font-size: 24px; font-weight: 300; line-height: 1.33; } .lp-lazer__gallery { position: absolute; left: 50%; top: 180px; width: 785px; height: 530px; transform: translateX(-50%); z-index: 4; } .lp-lazer__swiper, .lp-lazer__swiper .swiper-wrapper, .lp-lazer__swiper .swiper-slide { width: 100%; height: 100%; } .lp-lazer__swiper { position: absolute; inset: 0; overflow: visible; z-index: 2; } .lp-lazer__swiper .swiper-slide { position: relative; } .lp-lazer__photo { position: absolute; left: 0; top: 44px; width: 100%; height: 484px; overflow: hidden; border: 4px solid #ff9e36; border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, .25); background: #ffffff; } .lp-lazer__zoom, .lp-ecopark__zoom, .lp-novo-lar__zoom { position: relative; display: block; width: 100%; height: 100%; cursor: zoom-in; } .lp-lazer__photo img { position: absolute; left: 50%; top: 50%; display: block; width: 1020px; height: 600px; max-width: none; object-fit: cover; transform: translate(-50%, -50%); } .lp-lazer__tag { position: absolute; left: -19px; top: 0; width: 305px; height: 83px; border-radius: 8px 100px 100px 0; background: linear-gradient(90deg, #184b68 0%, #1e77ad 100%); z-index: 3; } .lp-lazer__tag strong, .lp-lazer__tag span { position: absolute; font-family: 'Niela', Arial, sans-serif; text-align: center; white-space: nowrap; } .lp-lazer__tag strong { left: 22px; top: 6px; color: #f5d791; font-family: 'Jaella', 'Niela', Georgia, serif; font-size: 30px; font-weight: 900; line-height: 1.55; } .lp-lazer__tag span { left: 60px; top: 49px; color: #ffffff; font-size: 15px; font-weight: 500; line-height: 1.2; } .lp-lazer__arrows { position: absolute; left: 50%; bottom: -17px; ; display: flex; align-items: center; gap: 20px; transform: translateX(-50%); z-index: 5; } .lp-lazer__arrows button { display: block; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; } .lp-lazer__arrows img { display: block; width: 100%; height: 100%; max-width: none; } .lp-lazer__items { position: absolute; left: 50%; top: 700px; display: grid; grid-template-columns: 240px 249px 236px 236px; column-gap: 24px; width: 1034px; transform: translateX(-50%); z-index: 4; } .lp-lazer__list { display: grid; gap: 19px; margin: 0; padding: 0; list-style: none; } .lp-lazer__list li { display: flex; align-items: center; min-height: 30px; color: var(--lp-blue); font-family: 'Niela', Arial, sans-serif; font-size: 16px; font-weight: 600; line-height: 1.15; white-space: nowrap; } .lp-lazer__list img { display: block; width: 30px; height: 30px; max-width: none; margin-right: 10px; object-fit: contain; } .lp-lazer__cta { position: absolute; left: 50%; bottom: -100px; display: flex; align-items: center; justify-content: center; min-width: 289px; height: 62px; padding: 0 40px; border-radius: 16px; background: var(--lp-blue); color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .8px; line-height: 1; text-align: center; text-transform: uppercase; transform: translateX(-50%); z-index: 4; } .lp-ecopark { position: relative; width: 100%; min-height: 900px; max-height: 1013px; /* overflow: hidden; */ } .lp-ecopark__texture { position: absolute; inset: 0; background-image: url("assets/images/site/lp/hero-textura.png"); background-size: 500px 500px; background-position: left top; mix-blend-mode: soft-light; opacity: .5; pointer-events: none; } .lp-ecopark__ink { position: absolute; left: -80px; top: -50px; display: block; width: 2080px; height: 680px; max-width: none; object-fit: cover; mix-blend-mode: multiply; opacity: .45; pointer-events: none; user-select: none; } .lp-ecopark__media { position: absolute; left: 343px; top: 150px; width: 790px; height: 497px; overflow: hidden; border: 4px solid #ff9e36; border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, .25); background: #ffffff; z-index: 2; } .lp-ecopark__media img { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transform: translate(-50%, -50%); } .lp-ecopark__content { position: absolute; left: 1200px; top: 197px; z-index: 3; } .lp-ecopark__content h2 { margin: 0; color: var(--lp-blue); font-family: 'Jaella', 'Niela', Georgia, serif; font-size: 56px; font-weight: 900; line-height: .96; } .lp-ecopark__content p { margin: 9px 0 0 68px; color: var(--lp-brown); font-family: 'Niela', Arial, sans-serif; font-size: 28px; font-weight: 300; line-height: 1.15; } .lp-ecopark__card { position: absolute; right: 300px; top: 320px; width: 475px; min-height: 250px; padding: 62px 60px 44px; border-radius: 16px; background: linear-gradient(90deg, #194B68 0.21%, #1E77AD 99.75%); box-shadow: 0 4px 20px rgba(0, 0, 0, .15); z-index: 4; } .lp-ecopark__card ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; } .lp-ecopark__card li { position: relative; padding-left: 16px; color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 17px; font-weight: 400; line-height: 1.17; } .lp-ecopark__card li::before { content: ""; position: absolute; left: 0; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: #f8b12b; } .lp-ecopark__card strong { color: #F2BE52; font-family: inherit; font-weight: 500; } .lp-ecopark__address { position: absolute; left: 370px; top: 530px; display: flex; align-items: center; max-width: 550px; width: 100%; min-height: 82px; padding-left: 4%; border-radius: 8px; background: var(--lp-orange); box-shadow: 0 4px 20px rgba(0, 0, 0, .16); z-index: 5; } .lp-ecopark__address img { position: absolute; left: 22px; top: 50%; display: block; width: 37px; height: auto; max-width: none; transform: translateY(-50%); } .lp-ecopark__address span { color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 20px; font-weight: 600; line-height: 1.15; } .lp-ecopark__cta { position: absolute; left: 50%; bottom: 120px; display: flex; align-items: center; justify-content: center; min-height: 62px; padding: 16px 40px; border-radius: 16px; background: var(--lp-blue); color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .8px; line-height: 1; text-align: center; text-transform: uppercase; transform: translateX(-50%); z-index: 5; } .lp-novo-lar { position: relative; width: 100%; height: 855px; min-height: 640px; max-height: 855px; overflow: hidden; background: url(assets/images/bg-novolar.jpg) no-repeat center top / cover; } .lp-novo-lar__content { position: absolute; left: 360px; top: 110px; width: 486px; z-index: 3; } .lp-novo-lar__title { margin-bottom: 25px; text-align: left; } .lp-novo-lar__title p { margin: 0; color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 24px; font-weight: 500; line-height: 1.33; } .lp-novo-lar__title h2 { margin: -6px 0 0; color: #eaddbc; font-family: 'Jaella', 'Niela', Georgia, serif; font-size: 40px; font-weight: 900; line-height: 1.2; } .lp-novo-lar__features { display: grid; gap: 13px; width: 100%; margin: 0; padding: 0; list-style: none; } .lp-novo-lar__features li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; align-items: center; min-height: 24px; color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 15px; font-weight: 500; line-height: 1.25; } .lp-novo-lar__features li:not(:has(img)) { grid-template-columns: 24px minmax(0, 1fr); } .lp-novo-lar__features img { display: block; width: 24px; height: 24px; max-width: none; object-fit: contain; } .lp-novo-lar__features li span { grid-column: 2; min-width: 0; color: #FFF; font-family: Poppins; font-size: 14.9px; font-style: normal; font-weight: 300; line-height: normal; } .lp-novo-lar__cta { display: inline-flex; align-items: center; justify-content: center; min-width: 246px; height: 62px; margin-top: 38px; padding: 0 32px; border-radius: 16px; background: #ffffff; color: #01212a; font-family: 'Niela', Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .8px; line-height: 1; text-align: center; text-transform: uppercase; } .lp-novo-lar__gallery { position: absolute; left: 872px; top: 155px; display: flex; align-items: stretch; gap: 12px; width: 1320px; height: 500px; z-index: 4; } .lp-novo-lar__swiper, .lp-novo-lar__swiper .swiper-wrapper, .lp-novo-lar__swiper .swiper-slide { height: 100%; } .lp-novo-lar__swiper { width: 100%; overflow: hidden; } .lp-novo-lar__swiper .swiper-slide { min-width: 0; } .lp-novo-lar__swiper .lp-novo-lar__image--plan { width: 100%; height: 100%; } .lp-novo-lar__image { position: relative; overflow: hidden; border-radius: 16px; background: #ffffff; } .lp-novo-lar__image img { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transform: translate(-50%, -50%); } .lp-novo-lar__image--plan { width: 654px; } .lp-novo-lar__image--plan img { width: 110.703125%; height: 105.4%; } .lp-novo-lar__image--pet { width: 654px; background: var(--lp-blue); } .lp-novo-lar__image--pet img { width: 136.238532%; height: 104.8%; object-position: center center; } .lp-novo-lar__arrows { position: absolute; left: 10px; top: 529px; display: flex; align-items: center; gap: 20px; z-index: 5; } .lp-novo-lar__arrows button { display: block; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; } .lp-novo-lar__arrows img { display: block; width: 100%; height: 100%; max-width: none; } .lp-diferenciais { position: relative; width: 100%; height: 946px; min-height: 710px; max-height: 946px; overflow: hidden; background: #f5d894; } .lp-diferenciais__title { position: absolute; left: 50%; top: 156px; display: flex; align-items: baseline; justify-content: center; gap: 20px; width: 880px; transform: translateX(-50%); z-index: 3; } .lp-diferenciais__title h2 { margin: 0; color: var(--lp-blue); font-family: 'Jaella', 'Niela', Georgia, serif; font-size: 52px; font-weight: 900; line-height: 1.1; } .lp-diferenciais__title p { margin: 0; color: #8f6f35; font-family: 'Niela', Arial, sans-serif; font-size: 26px; font-weight: 400; line-height: 1; } .lp-diferenciais__title strong { color: #7d642d; font-family: inherit; font-weight: 600; } .lp-diferenciais__image { position: absolute; left: 359px; top: 288px; width: 671px; height: 447px; overflow: hidden; border: 4px solid rgba(255, 255, 255, .8); border-radius: 16px; box-shadow: 0 4px 30px rgba(0, 0, 0, .25); background: #ffffff; z-index: 3; } .lp-diferenciais__swiper, .lp-diferenciais__swiper .swiper-wrapper, .lp-diferenciais__swiper .swiper-slide, .lp-diferenciais__zoom { width: 100%; height: 100%; } .lp-diferenciais__swiper { position: relative; overflow: hidden; } .lp-diferenciais__zoom { position: relative; display: block; cursor: zoom-in; } .lp-diferenciais__image img { position: absolute; left: 50%; top: 50%; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; transform: translate(-50%, -50%); } .lp-diferenciais__arrows { position: absolute; right: 18px; bottom: 18px; z-index: 4; display: flex; gap: 12px; } .lp-diferenciais__nav { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; } .lp-diferenciais__nav:disabled { cursor: default; } .lp-diferenciais__nav img { position: static; width: 100%; height: 100%; object-fit: contain; transform: none; } .lp-diferenciais__list { position: absolute; left: 55%; top: 346px; display: grid; gap: 18px; width: 560px; margin: 0; padding: 0; list-style: none; z-index: 3; } .lp-diferenciais__list li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: center; color: #003D64; font-family: 'Niela', Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.2; } .lp-diferenciais__list li:not(:has(img)) { grid-template-columns: 24px minmax(0, 1fr); } .lp-diferenciais__list img { display: block; width: 24px; height: 24px; max-width: none; object-fit: contain; } .lp-diferenciais__list li span { grid-column: 2; min-width: 0; color: #003D64; font-family: Niela; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; } .lp-diferenciais__cta { position: absolute; left: 50%; top: 823px; display: flex; align-items: center; justify-content: center; min-width: 289px; height: 62px; padding: 0 40px; border-radius: 16px; background: var(--lp-blue); color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 16px; font-weight: 700; letter-spacing: .8px; line-height: 1; text-align: center; text-transform: uppercase; transform: translateX(-50%); z-index: 4; } .lp-habita { position: relative; width: 100%; height: 535px; min-height: 420px; max-height: 535px; overflow: hidden; background: var(--lp-blue); } .lp-habita__bg, .lp-habita__overlay { position: absolute; inset: 0; pointer-events: none; } .lp-habita__bg img { position: absolute; left: 50%; top: 50%; display: block; width: 2124px; height: 1251px; max-width: none; object-fit: cover; opacity: .6; mix-blend-mode: soft-light; transform: translate(-50%, -46%); } .lp-habita__overlay { background: rgba(0, 61, 100, .68); backdrop-filter: blur(2.5px); } .lp-habita__intro { position: absolute; left: 50%; top: 123px; width: 343px; transform: translateX(-50%); z-index: 3; } .lp-habita__intro p { margin: 0; color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 1.33; text-align: left; } .lp-habita__intro strong { color: #fef500; font-family: inherit; font-weight: 600; } .lp-habita__panel { position: absolute; left: 499px; top: 194px; display: grid; grid-template-columns: 438px 1px 309px; align-items: center; gap: 40px; width: 995px; height: 180px; padding: 0 60px; border-radius: 24px; background: linear-gradient(90deg, rgba(0, 46, 176, .7) 0%, rgba(0, 183, 244, .7) 100%); z-index: 3; } .lp-habita__headline h2 { margin: 0; color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-size: 40px; font-weight: 600; line-height: 1.2; text-align: right; } .lp-habita__headline strong { color: #fff600; font-family: inherit; font-weight: 600; } .lp-habita__divider { display: block; width: 1px; height: 147px; background: rgba(255, 255, 255, .6); } .lp-habita__text { display: grid; gap: 16px; } .lp-habita__text p, .lp-habita__text small { margin: 0; color: #ffffff; font-family: 'Niela', Arial, sans-serif; font-weight: 500; } .lp-habita__text p { font-size: 16px; line-height: 1.5; font-weight: 400; } .lp-habita__text small { font-size: 10px; line-height: 1; } .lp-habita__logo { position: absolute; right: 200px; top: 96px; display: block; width: 317px; height: 355px; max-width: none; object-fit: contain; filter: drop-shadow(0 4px 20px rgba(0, 0, 0, .2)); z-index: 4; } .lp-habita__cta { position: absolute; left: 50%; top: 403px; display: flex; align-items: center; justify-content: center; min-width: 261px; height: 62px; padding: 0 32px; border-radius: 16px; background: #fef500; color: var(--lp-blue); font-family: 'Niela', Arial, sans-serif; font-size: 16px; font-weight: 600; letter-spacing: .8px; line-height: 1; text-align: center; text-transform: uppercase; transform: translateX(-50%); z-index: 5; } @media (max-width: 900px) { .lp-hero { display: flex; flex-direction: column; align-items: center; height: auto; min-height: auto; max-height: none; padding: 88px 18px 0; } .lp-header { left: -260px; width: 640px; min-width: 640px; } .lp-header img { right: 28px; min-width: 92px; } .lp-hero__sky { z-index: 0; } .lp-hero__art, .lp-hero__copy, .lp-hero__location, .lp-conditions { position: relative; left: auto; right: auto; top: auto; } /* Formulário some do hero no mobile */ /* .lp-form-card { display: none; } */ /* WhatsApp float fixo no canto superior direito */ .lp-whatsapp-float { position: absolute; left: auto; right: 18px; top: 18px; width: 52px; height: 52px; min-width: 0; min-height: 0; z-index: 10; } /* Ordem: copy (tag + título) vem ANTES da imagem */ .lp-hero__copy { order: 1; width: min(408px, 100%); min-width: 0; margin: 0 auto 0; z-index: 4; padding-top: 20px; } .lp-hero__art { order: 2; width: min(620px, 100%); min-width: 0; height: auto; min-height: 0; margin: 0 auto; z-index: 3; } .lp-hero__family { height: auto; margin-bottom: -70px; margin-left: -30px; } .lp-hero__tag { width: 80%; min-width: 0; height: 41px; min-height: 0; font-size: 15px; letter-spacing: 1.8px; } .lp-hero__title { margin-top: 20px; } .lp-hero__title h1 { font-size: 56px; } .lp-hero__title p { margin-left: 80px; font-size: 29px; color: #AD6518; } /* Location sobrepõe a imagem pela direita */ .lp-hero__location { order: 3; margin: -40px 0 0 auto; z-index: 5; position: absolute; top: 300px; right: 0px; } .lp-hero__location img { width: 40px; min-width: 0; } .lp-hero__location p { width: 180px; min-width: 0; min-height: 0; padding: 18px; font-size: 12px; } .lp-conditions { order: 4; align-self: stretch; width: 100%; height: 120px; min-height: 0; margin: 0; padding: 24px 18px; z-index: 5; } .lp-conditions__inner { position: relative; left: 20px; top: auto; justify-content: center; gap: 15px; } .lp-condition p { font-size: 10px; } .lp-condition strong { font-size: 24px; margin-top: 3px; } .lp-condition small, .lp-condition em { font-size: 16px; } .lp-condition--rooms strong { font-size: 24px; } .lp-condition--rooms strong small { font-size: 20px; } .lp-condition--rooms p { font-size: 10px; } .lp-condition__divider { height: 63px; } .lp-conditions__note { left: 50%; top: 76px; transform: translateX(-50%); font-size: 10px; } .lp-lazer { height: auto; min-height: 0; max-height: none; padding: 72px 18px 88px; } .lp-lazer__leaf--left { left: -80px; top: 250px; width: 430px; } .lp-lazer__leaf--right { right: -120px; top: 235px; width: 360px; } .lp-lazer__ink { left: -360px; top: 480px; width: 1380px; height: 620px; } .lp-lazer__title, .lp-lazer__gallery, .lp-lazer__items, .lp-lazer__cta { position: relative; left: auto; top: auto; transform: none; } .lp-lazer__title { width: 100%; } .lp-lazer__title h2 { font-size: 38px; } .lp-lazer__title p { margin: 0; font-size: 22px; } .lp-lazer__gallery { width: min(785px, 100%); height: auto; margin: 44px auto 42px; padding-top: 45px; } .lp-lazer__swiper { position: relative; inset: auto; height: auto; } .lp-lazer__swiper, .lp-lazer__swiper .swiper-wrapper, .lp-lazer__swiper .swiper-slide { height: auto; } .lp-lazer__photo { position: relative; top: auto; height: auto; aspect-ratio: 785 / 484; border-width: 4px; } .lp-lazer__photo img { width: 130%; height: 124%; } .lp-lazer__tag { left: 0; top: 0; width: min(305px, 78%); height: 83px; } .lp-lazer__tag strong { left: 22px; top: 6px; font-size: 29px; } .lp-lazer__tag span { left: 60px; top: 49px; font-size: 15px; } .lp-lazer__arrows { bottom: -24px; gap: 16px; } .lp-lazer__arrows button { width: 48px; height: 48px; } .lp-lazer__items { width: min(720px, 100%); margin: 0 auto 42px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 28px; } .lp-lazer__list { gap: 14px; } .lp-lazer__list li { min-height: 30px; font-size: 15px; white-space: normal; } .lp-lazer__list img { width: 28px; height: 28px; margin-right: 10px; } .lp-lazer__cta { width: min(289px, 100%); min-width: 0; height: 62px; margin: 0 auto; padding: 0 28px; font-size: 16px; } .lp-ecopark { height: auto; min-height: 0; max-height: none; padding: 70px 18px 84px; } .lp-ecopark__ink { left: -380px; top: -60px; width: 1400px; height: 600px; } .lp-ecopark__media, .lp-ecopark__card, .lp-ecopark__address, .lp-ecopark__cta { position: relative; left: auto; top: auto; } .lp-ecopark__content { top: 20px; position: relative; left: auto; } .lp-ecopark__content { width: min(520px, 100%); margin: 0 auto 28px; text-align: center; } .lp-ecopark__content h2 { font-size: 42px; } .lp-ecopark__content p { margin: 8px 0 0; font-size: 24px; } .lp-ecopark__media { width: min(790px, 100%); height: auto; aspect-ratio: 790 / 497; margin: 0 auto; } .lp-ecopark__card { width: min(490px, 92%); min-height: 0; margin: -34px auto 28px; padding: 38px 34px 30px; position: relative; right: 0; } .lp-ecopark__card ul { gap: 7px; } .lp-ecopark__card li { padding-left: 16px; font-size: 16px; } .lp-ecopark__card li::before { top: 5px; width: 9px; height: 9px; } .lp-ecopark__address { width: min(540px, 92%); min-height: 66px; margin: 0 auto 34px; padding: 12px 28px 12px 72px; } .lp-ecopark__address img { left: 18px; width: 46px; } .lp-ecopark__address span { font-size: 22px; } .lp-ecopark__cta { width: min(390px, 100%); min-height: 62px; margin: 0 auto; padding: 16px 28px; font-size: 16px; transform: none; top: 0; } .lp-novo-lar { height: auto; min-height: 0; max-height: none; padding: 72px 18px 84px; } .lp-novo-lar__content, .lp-novo-lar__gallery { position: relative; left: auto; top: auto; } .lp-novo-lar__content { width: min(486px, 100%); margin: 0 auto 44px; } .lp-novo-lar__title { margin-bottom: 24px; text-align: center; } .lp-novo-lar__title p { font-size: 24px; } .lp-novo-lar__title h2 { font-size: 40px; } .lp-novo-lar__features { gap: 13px; } .lp-novo-lar__features li { grid-template-columns: 24px 1fr; gap: 8px; min-height: 24px; font-size: 15px; } .lp-novo-lar__features img { width: 24px; height: 24px; } .lp-novo-lar__cta { min-width: 246px; height: 62px; margin: 34px auto 0; padding: 0 32px; font-size: 16px; } .lp-novo-lar__gallery { display: grid; width: min(654px, 100%); height: auto; margin: 0 auto; gap: 14px; } .lp-novo-lar__swiper, .lp-novo-lar__swiper .swiper-wrapper, .lp-novo-lar__swiper .swiper-slide { height: auto; } .lp-novo-lar__image--plan, .lp-novo-lar__image--pet { width: 100%; height: auto; aspect-ratio: 654 / 500; } .lp-novo-lar__image--pet { display: none; } .lp-novo-lar__arrows { left: 50%; top: auto; bottom: -24px; gap: 16px; transform: translateX(-50%); } .lp-novo-lar__arrows button { width: 48px; height: 48px; } .lp-diferenciais { height: auto; min-height: 0; max-height: none; padding: 72px 18px 84px; } .lp-diferenciais__title, .lp-diferenciais__image, .lp-diferenciais__list, .lp-diferenciais__cta { position: relative; left: auto; top: auto; transform: none; } .lp-diferenciais__title { flex-wrap: wrap; gap: 8px; width: 100%; margin: 0 auto 42px; text-align: center; } .lp-diferenciais__title h2 { font-size: 40px; } .lp-diferenciais__title p { font-size: 22px; } .lp-diferenciais__image { width: min(671px, 100%); height: auto; aspect-ratio: 671 / 447; margin: 0 auto 38px; } .lp-diferenciais__list { width: min(600px, 100%); margin: 0 auto 42px; gap: 16px; } .lp-diferenciais__list li { grid-template-columns: 24px 1fr; gap: 12px; font-size: 16px; } .lp-diferenciais__list img { width: 24px; height: 24px; } .lp-diferenciais__cta { width: min(289px, 100%); min-width: 0; height: 62px; margin: 0 auto; padding: 0 28px; font-size: 16px; } .lp-habita { height: auto; min-height: 0; max-height: 800px; padding: 76px 18px 84px; } .lp-habita__bg img { width: 1600px; height: 940px; } .lp-habita__intro, .lp-habita__panel, .lp-habita__logo, .lp-habita__cta { position: relative; left: auto; top: auto; transform: none; } .lp-habita__intro { width: min(343px, 100%); margin: 0 auto 22px; } .lp-habita__intro p { font-size: 24px; text-align: center; } .lp-habita__panel { grid-template-columns: 1fr; gap: 20px; width: min(680px, 100%); height: auto; margin: 0 auto 26px; padding: 34px 26px; } .lp-habita__headline h2 { font-size: 32px; text-align: center; } .lp-habita__divider { width: 100%; height: 1px; } .lp-habita__text { gap: 12px; } .lp-habita__text p { font-size: 16px; line-height: 1.45; text-align: center; } .lp-habita__text small { font-size: 10px; text-align: center; } .lp-habita__logo { width: 230px; height: 258px; margin: -10px auto 24px; left: 0; top: -170px; } .lp-habita__cta { width: min(260px, 100%); height: 62px; margin: 0 auto; padding: 0 28px; font-size: 16px; } } @media (max-width: 900px) { .lp-hero { padding-top: 78px; } .lp-hero__title h1 { font-size: 46px; } .lp-hero__title p { margin-left: 58px; font-size: 25px; } .lp-condition__divider { display: none; } .lp-condition--price, .lp-condition--installments, .lp-condition--rooms { width: 120px; } .lp-condition--installments { grid-template-columns: 86px auto; column-gap: 4px; justify-content: center; } .lp-condition--installments strong { margin-top: 14px; } .lp-conditions__note { right: 0; width: 100%; text-align: center; top: 60px; } .lp-lazer { padding-top: 60px; } .lp-lazer__title h2 { font-size: 34px; } .lp-lazer__gallery { margin-top: 36px; } .lp-lazer__tag { width: 255px; height: 70px; } .lp-lazer__tag strong { font-size: 24px; line-height: 1.4; } .lp-lazer__tag span { left: 46px; top: 42px; font-size: 13px; } .lp-lazer__items { grid-template-columns: 1fr; width: min(320px, 100%); } .lp-ecopark { padding-top: 58px; } .lp-ecopark__content h2 { font-size: 34px; } .lp-ecopark__content p { font-size: 21px; } .lp-ecopark__card { width: 100%; margin-top: 50px; padding: 28px 24px; } .lp-ecopark__card li { font-size: 14px; } .lp-ecopark__address { width: 100%; } .lp-ecopark__address span { font-size: 19px; } .lp-novo-lar { padding-top: 60px; } .lp-novo-lar__title h2 { font-size: 35px; } .lp-novo-lar__features li { font-size: 14px; } .lp-diferenciais { padding-top: 60px; } .lp-diferenciais__title { display: block; } .lp-diferenciais__title h2 { font-size: 35px; } .lp-diferenciais__title p { margin-top: 4px; font-size: 19px; } .lp-diferenciais__list li { font-size: 14px; } .lp-habita { padding-top: 58px; } .lp-habita__intro p { font-size: 21px; } .lp-habita__headline h2 { font-size: 27px; } .lp-habita__panel { border-radius: 18px; padding: 28px 22px 200px; } .lp-habita__logo { width: 100%; height: 350px; } } /* CONDIÇÕES */ .titulo { font-family: var(--lp-fonte-titulo); font-size: 40px; font-weight: 700; } .subtitulo { font-family: var(--lp-fonte-apoio); font-size: 24px; font-weight: 300; } .condicoes { background: linear-gradient(180deg, #F59F18 0%, #EC6711 171.93%); padding: 150px 0; } .condicoes .container { width: min(1180px, 90%); margin: 0 auto; } .condicoes__content { display: flex; flex-direction: column; gap: 60px; } .condicoes__content--titulo h2, .condicoes__content--titulo h3 { color: #1D1E1C; text-align: center; } .condicoes__content--titulo h2 { color: var(--Sec-100, #F8F2E6); font-family: Poppins; font-size: 40px; font-weight: bold; line-height: 65px; letter-spacing: -0.4px; } .condicoes__content--titulo h3 { color: var(--Sec-white, #FFF); text-align: center; font-family: Poppins; font-size: 20px; font-style: normal; font-weight: 300; line-height: 20px; /* 100% */ letter-spacing: -0.2px; text-transform: lowercase; } .condicoes__content--titulo h2, .condicoes__content--titulo h3, .condicoes__lista--documentacao h3 { margin: 0; } .condicoes__lista--entrada h3 { color: var(--Sec-400, #08526B); text-align: center; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px; /* 100% */ letter-spacing: -0.24px; } .condicoes__lista--entrada h3 span { color: #014556; text-align: center; font-family: Poppins; font-size: 40px; font-style: normal; font-weight: 700; line-height: 40px; /* 100% */ letter-spacing: -0.4px; text-transform: uppercase; display: block; } .condicoes__lista--entrada h2 { color: #014556; text-align: center; font-family: Poppins; font-size: 40px; font-style: normal; font-weight: 700; line-height: 40px; /* 100% */ letter-spacing: -0.4px; text-transform: uppercase; } .condicoes__content--titulo h3 { line-height: 25px; } .condicoes__content--infos { display: flex; justify-content: center; gap: 60px; } .condicoes__infos--img { max-width: 350px; } .condicoes__infos--img img { display: block; border-radius: 12px; width: auto; object-fit: cover; height: 100%; object-position: 35% center; } .condicoes__infos--lista { display: flex; flex-direction: column; gap: 20px; } .condicoes__infos--lista div { background: white; padding: 20px 40px; text-align: center; border-radius: 12px; height: auto; display: flex; justify-content: center; align-items: center; } .condicoes__lista--entrada { flex-direction: column; } .condicoes__lista--entrada img { max-width: 90px; } .condicoes__entrada-imagem { max-width: 250px; height: auto; margin-bottom: 10px; } .condicoes__lista--documentacao h3 { font-family: var(--lp-fonte-apoio); color: var(--lp-verde); font-size: 24px; font-style: normal; font-weight: 400; line-height: 24px; letter-spacing: -0.24px; text-transform: lowercase; } .condicoes__lista--documentacao h3 span { color: var(--lp-verde); font-family: var(--lp-fonte-apoio); font-size: 40px; font-style: normal; font-weight: 700; line-height: 50px; letter-spacing: -0.4px; display: block; } .condicoes__lista--documentacao h3 span { text-transform: uppercase; } .condicoes__lista--caixa img { display: block; width: 170px; max-width: 100%; height: auto; } .condicoes__lista--nota { margin: -8px 0 0; color: #ffffff; font-family: var(--lp-fonte-apoio); font-size: 12px; font-weight: 400; line-height: 1.2; text-align: center; text-transform: lowercase; } .condicoes__infos--form { width: 100%; max-width: 290px; } @media (max-width: 900px) { .condicoes__infos--form { max-width: 100%; } .lp-form-card__body h2 { font-size: 24px; margin-bottom: 20px; } } .condicoes__infos--form .lp-form-card__body { position: relative; inset: auto; min-width: 0; padding: 30px; border-radius: 10px; background: linear-gradient(90deg, #140E0C 0%, #1D1E1C 100%); } @media (max-width: 900px) { .condicoes { padding: 80px 0; } .condicoes__content--titulo { width: 80%; margin: 0 auto; } .condicoes__content--titulo h2 { line-height: 48px; font-size: 40px; } .condicoes__content--titulo h3 { margin-top: 5px; } .condicoes__content { gap: 40px; } .condicoes__content--infos { flex-direction: column; align-items: center; gap: 24px; width: 90%; margin: 0 auto; } .condicoes__infos--lista div { min-height: 120px; } .condicoes__infos--img, .condicoes__infos--lista, .condicoes__infos--form { width: 100%; } .condicoes__infos--img img { max-height: none; width: 100%; } } @media (max-width: 560px) { .condicoes { padding: 64px 0; } .condicoes__content--titulo { width: 100%; } .condicoes__content--titulo h2 { font-size: 34px; line-height: 1.05; } } .lp-pre-venda { min-height: 419px; overflow: hidden; background-color: #e5e5e5; background-position: center; background-repeat: no-repeat; background-size: cover; } .lp-pre-venda__content { width: 100%; min-height: 419px; margin: 0 auto; padding: 0 64px; display: flex; align-items: center; justify-content: center; gap: 42px; max-width: 1300px; } .lp-pre-venda__copy { flex: 0 0 auto; text-align: center; } .lp-pre-venda__copy h2, .lp-pre-venda__copy p { margin: 0; font-family: Poppins, var(--lp-fonte-apoio); line-height: 1; letter-spacing: 0; } .lp-pre-venda__copy h2 { color: #ffffff; font-size: 46px; font-weight: 800; } .lp-pre-venda__copy p { margin-top: 14px; color: #1d1e1c; font-size: 37px; font-weight: 400; } .lp-pre-venda__family { flex: 0 0 auto; align-self: flex-end; display: block; width: min(816px, 42%); max-width: none; height: 350px; width: auto; } .lp-pre-venda__seal { flex: 0 0 auto; display: block; width: min(323px, 18%); max-width: none; height: auto; } @media (max-width: 1180px) { .lp-pre-venda, .lp-pre-venda__content { min-height: 520px; } .lp-pre-venda { background-position: 35% center; } .lp-pre-venda__content { flex-wrap: wrap; align-content: center; gap: 22px 34px; padding: 42px 28px 0; } .lp-pre-venda__copy { flex: 1 1 330px; max-width: 420px; } .lp-pre-venda__family { order: 3; width: min(62%, 560px); margin: 0 auto; } .lp-pre-venda__seal { flex: 0 1 260px; width: min(30%, 260px); } } @media (max-width: 767px) { .lp-pre-venda, .lp-pre-venda__content { min-height: 620px; } .lp-pre-venda { background-position: 30% center; } .lp-pre-venda__content { flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; padding-top: 44px; } .lp-pre-venda__copy { flex: 0 0 auto; width: min(86%, 360px); padding-left: 0; } .lp-pre-venda__copy h2 { font-size: 42px; } .lp-pre-venda__copy p { margin-top: 10px; font-size: 34px; } .lp-pre-venda__family { order: 3; align-self: center; width: min(112%, 520px); margin: 20px 0 0; } .lp-pre-venda__seal { order: 2; width: min(72%, 300px); margin: 34px 0 0; } } /* SEÇÕES APÓS CONDIÇÕES ================================================== */ .lp-sobre { background: linear-gradient(-90deg, var(--pv-laranja-claro) 0%, var(--pv-cinza) 52%, var(--pv-laranja-claro) 100%); padding: 80px 0; } .lp-sobre__container { width: 90%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 60px; } .lp-sobre__mapa { flex: 1 1 auto; min-width: 0; width: 70%; max-width: 620px; } .lp-sobre__conteudo { width: 33%; max-width: 560px; } .lp-sobre__titulo { color: #000; text-align: center; font-family: Poppins; font-size: 32px; font-style: normal; font-weight: 400; line-height: 32px; /* 100% */ } .lp-sobre__titulo strong { color: #000; text-align: center; font-family: Poppins; font-size: 48px; font-style: normal; font-weight: 700; line-height: 32px; /* 66.667% */ text-transform: uppercase; display: block; margin-top: 10px; margin-bottom: 30px; } .lp-sobre__texto { color: #000; font-family: Poppins; font-size: 15px; font-style: normal; font-weight: 300; line-height: 24px; /* 150% */ } .lp-sobre__stats { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; list-style: none; margin: 0; padding: 28px 0 0; } .lp-sobre__stat { display: flex; flex-direction: column; gap: 2px; text-align: center; color: var(--pv-preto); } .lp-sobre__stat--cidades { border-left: 2px solid var(--pv-laranja); padding-left: 20px; padding-bottom: 20px; display: flex; flex-direction: column; justify-content: flex-end; } .lp-sobre__stat--pessoas { grid-column: 1 / -1; border-top: 2px solid var(--pv-laranja); align-items: center; } .lp-sobre__stat-label { color: #000; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; /* 100% */ } .lp-sobre__stat-number { color: #000; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px; /* 100% */ white-space: nowrap; } .lp-sobre__stat--cidades .lp-sobre__stat-label { font-weight: 700; } .lp-sobre__stat--cidades .lp-sobre__stat-number { margin-top: -10px; color: #ED7904; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px; /* 100% */ } .lp-sobre__stat .lp-sobre__stat-number { color: #ED7904; font-family: Poppins; font-size: 24px; font-style: normal; font-weight: 700; line-height: 24px; /* 100% */ } .lp-sobre__stat--pessoas .lp-sobre__stat-sub { color: #000; text-align: center; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 700; line-height: 18px; /* 112.5% */ width: 45%; } .lp-sobre__stat-plus { font-size: 40px; font-weight: 900; line-height: 1; } .lp-sobre__stat-prefix { color: #ED7904; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .lp-sobre__stat-sub { font-size: 16px; font-weight: 700; line-height: 1.2; display: inline-flex; align-items: center; justify-content: center; gap: 6px; } .lp-sobre__stat--estados .lp-sobre__stat-sub { white-space: nowrap; margin-top: -5px; margin-bottom: 10px; color: #ED7904; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; /* 150% */ } .lp-sobre__stat-sub .lp-sobre__stat-plus, .lp-sobre__stat-plus { font-size: 40px; color: #ED7904; } .lp-sobre__selos { display: flex; gap: 30px; margin-top: 50px; } .lp-sobre__selos img { display: block; width: auto; max-width: 135px; max-height: 86px; object-fit: contain; } .lp-depoimentos { padding: 140px 0; background: url("assets/images/shape-depoimentos.svg") no-repeat center center; background-size: cover; } .lp-depoimentos__container { width: 90%; max-width: 1200px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .lp-depoimentos__titulo { color: #FFF; font-family: Poppins; font-size: 32px; font-style: normal; font-weight: 400; line-height: 24px; /* 75% */ } .lp-depoimentos__titulo strong { color: #ED7904; font-family: Poppins; font-size: 40px; font-style: normal; font-weight: 700; line-height: 24px; /* 60% */ display: block; margin-left: 50px; margin-bottom: 50px; margin-top: 10px; } .lp-depoimentos__lista { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 24px; } .lp-depo { position: relative; width: 100%; max-width: 381px; background: var(--pv-branco); border-radius: 24px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12); } .lp-depo__foto { position: relative; line-height: 0; } .lp-depo__foto img { width: 100%; height: 100%; display: block; aspect-ratio: 381 / 300; object-fit: cover; object-position: center; border-radius: 24px 24px 0 0; } .lp-depo__link { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.12); text-decoration: none; } .lp-depo__link::before { content: ""; width: 68px; height: 68px; border-radius: 50%; background: rgba(254, 112, 0, 0.92); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22); } .lp-depo__link::after { content: ""; position: absolute; width: 0; height: 0; margin-left: 6px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 22px solid #ffffff; } .lp-depo__info { padding: 24px 26px 32px; display: flex; flex-direction: column; text-align: left; } .lp-depo__nome { font-family: Poppins; font-size: 18px; font-weight: 500; line-height: 1.2; color: #1D1E1C; margin: 0; order: 2; } .lp-depo__empreendimento { font-family: var(--pv-fonte-depo); font-size: 15px; font-weight: 500; line-height: 1.2; color: #1D1E1C; margin: 4px 0 0; order: 3; } .lp-depo__texto { color: #1D1E1C; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; text-align: left; order: 1; margin: 0 0 25px; } .lp-empreendimentos { padding: 140px 0; background: url("assets/images/site/lp/bg-empreend.svg") no-repeat center center; background-size: cover; } .lp-empreendimentos__container { width: 90%; max-width: 1200px; margin: 0 auto; text-align: center; } .lp-empreendimentos__texto { max-width: 800px; margin: 0 auto 48px; } .lp-empreendimentos__titulo { color: #1D1E1C; font-family: Poppins; font-size: 32px; font-style: normal; font-weight: 400; line-height: 32px; /* 100% */ margin: 0 10% 16px 0; } .lp-empreendimentos__titulo strong { color: #ED7904; font-family: Poppins; font-size: 48px; font-style: normal; font-weight: 700; line-height: 48px; /* 100% */ text-transform: uppercase; display: block; margin-left: 15%; } .lp-empreendimentos__descricao { color: #1D1E1C; font-family: Poppins; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ text-align: left; } .lp-empreendimentos__carrossel { display: flex; align-items: center; justify-content: center; gap: 20px; max-width: 900px; margin: 0 auto 24px; position: relative; } .lp-empreendimentos__principal { width: 100%; max-width: 785px; } .lp-empreendimentos__principal .swiper-wrapper, .lp-empreendimentos__minis .swiper-wrapper { display: flex; } .lp-empreendimentos__principal .swiper-slide { flex: 0 0 100%; } .lp-empreendimentos__principal .swiper-slide img { display: block; width: 100%; height: auto; max-height: 430px; object-fit: cover; } .lp-empreendimentos__zoom { display: block; position: relative; cursor: zoom-in; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.25); } .lp-empreendimentos__nome { color: #FE7000; font-family: Poppins; font-size: 14px; font-style: normal; font-weight: 600; line-height: 14px; /* 100% */ color: var(--pv-laranja); text-align: center; padding: 7px; background: var(--pv-branco); border-radius: 0 0 5px 5px; margin: 0; } .lp-empreendimentos__zoom::after { content: ""; position: absolute; right: 16px; bottom: 16px; width: 44px; height: 44px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.55); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 22px 22px; opacity: 0; transition: opacity 0.25s ease; pointer-events: none; } .lp-empreendimentos__zoom:hover::after, .lp-empreendimentos__zoom:focus-visible::after { opacity: 1; } .lp-empreendimentos__minis { max-width: 785px; margin: 0 auto 48px; } .lp-empreendimentos__minis .swiper-wrapper { align-items: center; justify-content: center; gap: 0; } .lp-empreendimentos__mini { flex: 0 0 auto; height: 90px; border-radius: 4px; cursor: pointer; opacity: 0.6; overflow: hidden; transition: opacity 0.2s ease; } .lp-empreendimentos__mini img { display: block; width: 100%; height: 100%; object-fit: cover; } .lp-empreendimentos__mini.swiper-slide-thumb-active, .lp-empreendimentos__mini:hover { opacity: 1; } .lp-empreendimentos__nav { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background: none; border: none; cursor: pointer; padding: 0; flex-shrink: 0; transition: opacity 0.2s ease; position: absolute; top: 50%; right: 35px; z-index: 10; } .lp-empreendimentos__nav--prev { left: 35px; right: auto; } .lp-empreendimentos__nav img { width: 100%; height: 100%; } .lp-empreendimentos__cta { display: inline-block; padding: 16px 24px; background: var(--pv-cinza-claro); color: var(--pv-laranja); font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; text-decoration: none; border-radius: 8px; font-family: Poppins; } .lp-footer { background: #8B8B8B; color: var(--pv-branco); padding: 0 24px 16px; } .lp-footer__container { width: 100%; max-width: 1440px; padding: 36px 24px 28px; margin: 0 auto; display: flex; gap: 72px; justify-content: center; align-items: center; } .lp-footer__container--logos { display: flex; align-items: center; gap: 28px; } .lp-footer__container--contato { display: flex; flex-direction: column; } .lp-footer__selo { width: 150px; margin: 0; } .lp-footer__logo { width: 95px; max-width: 135px; margin: 0; } .lp-footer__info { color: var(--Sec-white, #FFF); font-family: Niela; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 120% */ letter-spacing: 1px; margin-top: 30px; } .lp-footer__info strong, .lp-footer__info a { color: var(--pv-branco); } .lp-footer__info strong { color: var(--Sec-white, #FFF); font-family: "Poppins"; font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; letter-spacing: 1px; margin-top: 30px; } .lp-footer__info a { text-decoration: none; font-family: Poppins; } .lp-footer__disclaimer { color: var(--pv-branco); max-width: 1000px; font-family: 'Poppins', Arial, sans-serif; font-size: 10px; line-height: 1.35; opacity: 0.8; margin: 10px auto 0; text-align: left; } .lp-footer__copyright { max-width: 1440px; width: 90%; margin: 0 auto; } .lp-wpp-float { position: fixed; bottom: 24px; right: 24px; z-index: 95; width: 70px; height: 70px; } .lp-wpp-float img { width: 100%; height: 100%; } .aceitar_cookies { position: fixed; left: 0; right: 0; bottom: 0; z-index: 96; background: rgba(29, 30, 28, .92); } .aceitar_cookies_container { width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .aceitar_cookies p { margin: 0; color: #000; font-size: 12px; line-height: 1.45; font-family: Poppins; } .aceitar_cookies a { color: #000; } .aceitar_cookies_bt { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; min-width: 110px; min-height: 40px; padding: 10px 18px; border-radius: 8px; background: var(--pv-laranja); color: #ffffff; font-size: 13px; font-weight: 700; text-decoration: none; text-transform: uppercase; } @media (hover: none) { .lp-empreendimentos__zoom::after { opacity: 1; } } @media (max-width: 1024px) { .lp-sobre__container { flex-direction: column; text-align: center; } .lp-sobre__conteudo { flex: 0 1 auto; max-width: 560px; width: 100%; } .lp-sobre__mapa { flex: 0 1 auto; max-width: 520px; margin: 0 auto; } .lp-sobre__stats { justify-content: center; } } @media (max-width: 767px) { .lp-sobre { padding: 50px 20px; } .lp-sobre__conteudo { width: 100%; } .lp-depoimentos, .lp-empreendimentos { padding: 64px 0; } .lp-sobre__titulo, .lp-depoimentos__titulo, .lp-empreendimentos__titulo { font-size: 28px; text-align: center; margin-left: 0; margin-right: 0; } .lp-sobre__titulo strong, .lp-depoimentos__titulo strong, .lp-empreendimentos__titulo strong { margin-left: 0; } .lp-empreendimentos__titulo strong { margin-top: -10px; } .lp-depoimentos__titulo { margin-bottom: 20px; } .lp-sobre__titulo strong, .lp-empreendimentos__titulo strong { font-size: 40px; } .lp-depoimentos__titulo strong { font-size: 24px; margin-top: 0; margin-bottom: 20px; } .lp-sobre__stats { grid-template-columns: 1fr; } .lp-sobre__selos { display: none; } .lp-sobre__stat--cidades { border-left: none; padding-left: 0; border-top: 3px solid var(--pv-laranja); padding-top: 24px; } .lp-depoimentos__lista { flex-direction: column; align-items: center; gap: 24px; } .lp-depo { width: 100%; min-width: 0; max-width: 420px; } .lp-empreendimentos__carrossel { gap: 8px; } .lp-empreendimentos__mini { flex-basis: 78px; height: 48px; } .lp-footer { padding: 0 16px 16px; } .lp-footer__container { min-height: 0; padding: 36px 24px 28px; flex-direction: column; gap: 32px; text-align: center; } .lp-footer__container--logos { justify-content: center; gap: 32px; flex-basis: auto; } .lp-footer__info { font-size: 15px; text-align: center; } .lp-footer__disclaimer { font-size: 12px; } .lp-wpp-float { width: 56px; height: 56px; bottom: 16px; right: 16px; } .aceitar_cookies_container { flex-direction: column; align-items: stretch; text-align: center; gap: 12px; } } @media (max-width: 480px) { .lp-sobre__container, .lp-depoimentos__container, .lp-empreendimentos__container { width: 100%; padding-left: 20px; padding-right: 20px; } .lp-depo__info { padding: 22px 28px 32px; } .lp-empreendimentos__mini { flex-basis: 64px; height: 40px; } .lp-empreendimentos__nav { width: 40px; height: 40px; } .lp-empreendimentos__cta { width: 100%; text-align: center; } } /* Ajustes responsivos finais da LP */ @media (max-width: 900px) { .lp-page { overflow-x: hidden; } .lp-hero__sky { left: 50%; top: 0; width: 1440px; min-width: 0; height: 100%; min-height: 0; transform: translateX(-50%); } .lp-hero__sky img { object-position: center top; } .lp-lazer__swiper, .lp-novo-lar__swiper, .lp-empreendimentos__principal, .lp-empreendimentos__minis { min-width: 0; } .lp-lazer__photo img { width: 100%; height: 100%; } .lp-novo-lar__swiper .swiper-slide { width: 100%; } .lp-empreendimentos__carrossel { width: min(100%, 860px); padding: 0 52px; } .lp-empreendimentos__principal { max-width: 100%; } .lp-empreendimentos__principal .swiper-slide img { aspect-ratio: 785 / 430; height: auto; max-height: none; } .lp-empreendimentos__nav { right: 0; } .lp-empreendimentos__nav--prev { left: 0; } .lp-empreendimentos__minis { width: min(100%, 785px); } } @media (max-width: 560px) { .lp-header { left: -250px; width: 430px; min-width: 430px; height: 70px; min-height: 56px; } .lp-header img { right: 24px; min-width: 84px; top: 8px; } .lp-hero { padding-left: 0; padding-right: 0; } .lp-hero__tag { height: auto; min-height: 38px; padding: 0 14px; font-size: 12px; line-height: 1.15; white-space: normal; } .lp-hero__location { width: min(248px, 100%); } .lp-form-card { width: min(290px, 100%); } .lp-condition--price, .lp-condition--installments, .lp-condition--rooms { width: min(140px, 42%); } .lp-lazer__gallery, .lp-novo-lar__gallery { width: 100%; } .lp-lazer__photo, .lp-novo-lar__image--plan, .lp-novo-lar__image--pet { border-radius: 10px; } .lp-ecopark__address { padding-right: 18px; } .lp-ecopark__address span { overflow-wrap: anywhere; } .lp-habita__panel { width: 100%; } .condicoes__content--infos { width: 100%; } .lp-sobre__stat-number, .lp-sobre__stat-sub { white-space: normal; } .lp-empreendimentos__carrossel { padding: 0; } .lp-empreendimentos__nav { top: auto; bottom: 40px; right: 12px; } .lp-empreendimentos__nav--prev { left: 12px; } .lp-footer__container--logos { align-items: center; } } /* ========================================================================== ANIMAÇÕES HOVER E INTERAÇÕES ========================================================================== */ .lp-form button, .lp-lazer__cta, .lp-ecopark__cta, .lp-novo-lar__cta, .lp-diferenciais__cta, .lp-habita__cta, .lp-empreendimentos__cta, .aceitar_cookies_bt, .lp-lazer__arrows button, .lp-novo-lar__arrows button, .lp-empreendimentos__nav, .lp-whatsapp-float { transition: scale 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s ease, filter 0.3s ease, rotate 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .lp-form button:hover, .lp-lazer__cta:hover, .lp-ecopark__cta:hover, .lp-novo-lar__cta:hover, .lp-diferenciais__cta:hover, .lp-habita__cta:hover, .lp-empreendimentos__cta:hover, .aceitar_cookies_bt:hover { scale: 1.03; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); filter: brightness(1.1); } .lp-form button:active, .lp-lazer__cta:active, .lp-ecopark__cta:active, .lp-novo-lar__cta:active, .lp-diferenciais__cta:active, .lp-habita__cta:active, .lp-empreendimentos__cta:active, .aceitar_cookies_bt:active { scale: 0.98; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } .lp-lazer__arrows button:hover, .lp-novo-lar__arrows button:hover, .lp-empreendimentos__nav:hover { scale: 1.15; filter: brightness(1.2); } .lp-lazer__arrows button:active, .lp-novo-lar__arrows button:active, .lp-empreendimentos__nav:active { scale: 0.95; } .lp-whatsapp-float:hover { scale: 1.1; rotate: 5deg; filter: drop-shadow(0 8px 15px rgba(37, 211, 102, 0.5)); } .lp-form-card--lazer-mobile { display: none; } @media (max-width: 900px) { .lp-hero { display: flex; flex-direction: column; align-items: center; height: auto; min-height: 0; max-height: none; padding: 78px 0 0; } .lp-hero__art, .lp-hero__copy, .lp-hero__location, .lp-conditions { position: relative; left: auto; right: auto; top: auto; transform: none; } .lp-hero__art { order: 1; width: min(400px, 110%); min-width: 0; height: auto; min-height: 0; margin: 0 auto -18px; z-index: 3; } .lp-hero__family { width: 118%; height: auto; max-width: none; margin: 0 0 0 -10%; object-fit: contain; } .lp-hero__copy { order: 2; width: min(520px, calc(100% - 32px)); min-width: 0; margin: 0 auto; padding: 0; text-align: center; z-index: 4; } .lp-hero__tag { width: 100%; min-width: 0; min-height: 38px; height: auto; padding: 10px 18px; font-size: 15px; line-height: 1.15; letter-spacing: 1.6px; white-space: normal; } .lp-hero__title { margin-top: 22px; } .lp-hero__title h1 { font-size: 68px; line-height: .9; } .lp-hero__title p { margin: -2px 0 0 24%; font-size: 32px; } .lp-hero__location { order: 3; width: min(292px, calc(100% - 32px)); height: auto; min-width: 0; min-height: 0; margin: 24px auto 36px; z-index: 5; } .lp-hero__location img { width: 58px; min-width: 58px; margin-right: -15px; } .lp-hero__location p { width: 240px; min-width: 0; min-height: 72px; height: auto; padding: 16px 18px 16px 34px; font-size: 14px; display: flex; align-items: center; } .lp-form-card--hero { display: none !important; } .lp-conditions { order: 4; align-self: stretch; width: 100%; height: auto; min-height: 108px; margin: 0; padding: 22px 14px 26px; z-index: 4; } .lp-conditions__inner { position: relative; left: auto; top: auto; width: 100%; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 18px; } .lp-condition { min-height: 54px; } .lp-condition--price, .lp-condition--installments, .lp-condition--rooms { width: auto; min-width: 0; } .lp-condition--price { flex: 0 1 108px; } .lp-condition--installments { flex: 0 1 96px; grid-template-columns: 22px auto; justify-content: center; column-gap: 4px; } .lp-condition--installments p { grid-column: 1; grid-row: 1 / 3; } .lp-condition--installments strong { grid-column: 2; grid-row: 1 / 2; } .lp-condition--installments em { grid-column: 2; } .lp-condition--rooms { flex: 0 1 86px; } .lp-condition p, .lp-condition--rooms p { font-size: 14px; } .lp-condition strong, .lp-condition--rooms strong { font-size: 40px; } .lp-condition--rooms strong small { font-size: 24px; } .lp-condition small, .lp-condition em { font-size: 16px; } .lp-condition--installments strong { margin-top: 14px; } .lp-condition__divider { display: block !important; flex: 0 0 1px; height: 56px; } .lp-conditions__note { left: 50%; right: auto; top: 78px; width: max-content; max-width: 100%; font-size: 8px; text-align: center; transform: translateX(-50%); } .lp-lazer { padding-top: 48px; } .lp-form-card--lazer-mobile { display: block !important; position: relative !important; left: auto; right: auto; top: auto; width: min(360px, calc(100% - 36px)); min-width: 0; height: 558px; min-height: 0; margin: 0 auto 42px; z-index: 8; } .lp-form-card--lazer-mobile .lp-form-card__brand { width: 128px; height: 103px; min-width: 0; min-height: 0; padding: 24px; display: none; } .lp-form-card--lazer-mobile .lp-form-card__body { height: 490px; min-height: 0; padding: 50px 26px 22px; } .lp-form-card--lazer-mobile .lp-form-card__body h2 { width: 100%; min-width: 0; font-size: 26px; } } @media (min-width: 561px) and (max-width: 900px) { .lp-conditions { min-height: 142px; padding: 28px 24px 34px; } .lp-conditions__inner { gap: 24px; } .lp-condition { min-height: 72px; } .lp-condition--price { flex-basis: 150px; } .lp-condition--installments { flex-basis: 136px; grid-template-columns: 38px auto; column-gap: 8px; } .lp-condition--rooms { flex-basis: 118px; } .lp-condition p, .lp-condition--rooms p { font-size: 15px; } .lp-condition strong, .lp-condition--rooms strong { font-size: 42px; } .lp-condition--rooms strong small { font-size: 24px; } .lp-condition small, .lp-condition em { font-size: 17px; } .lp-condition--installments strong { margin-top: 16px; } .lp-condition__divider { height: 72px; } .lp-conditions__note { top: 96px; font-size: 8px; } } @media (min-width: 901px) and (max-width: 1200px) { .lp-hero { display: flex; flex-direction: column; align-items: center; height: auto; min-height: 0; max-height: none; padding: 78px 0 0; } .lp-hero__art, .lp-hero__copy, .lp-hero__location, .lp-conditions { position: relative; left: auto; right: auto; top: auto; transform: none; } .lp-hero__art { order: 1; width: min(760px, 90%); min-width: 0; height: auto; min-height: 0; margin: 0 auto -16px; z-index: 3; } .lp-hero__family { width: 85%; height: auto; max-width: none; margin: 0; object-fit: contain; } .lp-hero__copy { order: 2; width: min(520px, calc(100% - 48px)); min-width: 0; margin: 0 auto; padding: 0; text-align: center; z-index: 4; } .lp-hero__tag { width: 100%; min-width: 0; min-height: 42px; height: auto; padding: 10px 22px; font-size: 15px; line-height: 1.15; letter-spacing: 1.8px; white-space: normal; } .lp-hero__title { margin-top: 24px; } .lp-hero__title h1 { font-size: 68px; line-height: .9; } .lp-hero__title p { margin: -2px 0 0 24%; font-size: 32px; } .lp-hero__location { order: 3; width: 292px; height: auto; min-width: 0; min-height: 0; margin: 24px auto 38px; z-index: 5; } .lp-hero__location img { width: 58px; min-width: 58px; margin-right: -15px; } .lp-hero__location p { width: 240px; min-width: 0; min-height: 72px; height: auto; padding: 16px 18px 16px 34px; font-size: 14px; display: flex; align-items: center; } .lp-form-card--hero { display: none !important; } .lp-conditions { order: 4; align-self: stretch; width: 100%; height: auto; min-height: 142px; margin: 0; padding: 28px 24px 34px; z-index: 4; } .lp-conditions__inner { position: relative; left: auto; top: auto; width: 100%; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap: 24px; } .lp-condition { min-height: 72px; } .lp-condition--price { flex: 0 0 150px; width: auto; } .lp-condition--installments { flex: 0 0 136px; width: auto; grid-template-columns: 38px auto; justify-content: center; column-gap: 8px; } .lp-condition--rooms { flex: 0 0 118px; width: auto; } .lp-condition p, .lp-condition--rooms p { font-size: 15px; } .lp-condition strong, .lp-condition--rooms strong { font-size: 42px; } .lp-condition--rooms strong small { font-size: 24px; } .lp-condition small, .lp-condition em { font-size: 17px; } .lp-condition--installments strong { margin-top: 16px; } .lp-condition__divider { display: block !important; flex: 0 0 1px; height: 72px; } .lp-conditions__note { left: 50%; right: auto; top: 96px; width: max-content; max-width: 100%; font-size: 8px; text-align: center; transform: translateX(-50%); } .lp-lazer { padding-top: 56px; } .lp-form-card--lazer-mobile { display: block !important; position: relative !important; left: auto; right: auto; top: auto; width: min(360px, calc(100% - 48px)); min-width: 0; height: 558px; min-height: 0; margin: 0 auto 48px; z-index: 8; } .lp-form-card--lazer-mobile .lp-form-card__brand { width: 128px; height: 103px; min-width: 0; min-height: 0; padding: 24px; } .lp-form-card--lazer-mobile .lp-form-card__body { height: 490px; min-height: 0; padding: 82px 26px 22px; } .lp-form-card--lazer-mobile .lp-form-card__body h2 { width: 100%; min-width: 0; font-size: 26px; } } @media (max-width: 560px) { .lp-hero { padding-top: 68px; } .lp-header { left: -250px; width: 430px; min-width: 430px; height: 56px; min-height: 56px; } .lp-header img { top: 5%; right: 24px; min-width: 84px; } .lp-hero__art { margin-bottom: -10px; } .lp-hero__copy { width: calc(100% - 28px); } .lp-hero__title h1 { font-size: 48px; white-space: nowrap; } .lp-hero__title p { margin-left: 18%; font-size: 28px; white-space: nowrap; } .lp-conditions { min-height: 116px; padding-left: 8px; padding-right: 8px; } .lp-conditions__inner { gap: 5px; } .lp-condition--price { flex-basis: 96px; } .lp-condition--installments { flex-basis: 82px; grid-template-columns: 18px auto; } .lp-condition--rooms { flex-basis: 68px; } .lp-condition p, .lp-condition--rooms p { font-size: 9px; } .lp-condition strong, .lp-condition--rooms strong { font-size: 25px; } .lp-condition small, .lp-condition em { font-size: 11px; } .lp-condition--rooms strong small { font-size: 16px; } .lp-condition__divider { height: 52px; } .lp-conditions__note { top: 76px; font-size: 7px; } .lp-form-card--lazer-mobile { width: min(318px, calc(100% - 36px)); margin-bottom: 38px; } } @media (min-width: 901px) and (max-width: 1500px) { .lp-hero { display: block; position: relative; height: 720px; min-height: 620px; max-height: none; padding: 0; } .lp-hero__sky { left: 50%; top: 0; width: 1500px; min-width: 0; height: 100%; min-height: 0; transform: translateX(-50%); } .lp-hero__art { position: absolute; left: clamp(-190px, calc(50% - 780px), -40px); top: 105px; width: 645px; min-width: 0; height: auto; min-height: 0; margin: 0; z-index: 3; } .lp-hero__family { width: 85%; height: auto; max-width: none; margin: 0; object-fit: contain; } .lp-hero__copy { position: absolute; left: 645px; top: 195px; width: 405px; min-width: 0; margin: 0; padding: 0; transform: none; z-index: 4; } .lp-hero__tag { width: 100%; min-width: 0; height: 42px; min-height: 0; padding: 0 20px; font-size: 18px; line-height: 1; } .lp-hero__title { margin-top: 64px; } .lp-hero__title h1 { font-size: 75px; } .lp-hero__title p { margin-left: 30%; font-size: 32px; } .lp-hero__location { position: absolute; left: 735px; top: 430px; width: 248px; min-width: 0; height: 75px; min-height: 0; margin: 0; } .lp-hero__location img { width: 40px; min-width: 0; } .lp-hero__location p { width: 100%; min-width: 0; height: 100%; min-height: 0; padding: 14px 16px 14px 34px; font-size: 14px; } .lp-form-card--hero { display: block !important; position: absolute !important; left: auto; right: -36px; top: 105px; width: 290px; min-width: 0; height: 510px; min-height: 0; margin: 0; z-index: 7; } .lp-form-card--hero .lp-form-card__brand { width: 128px; height: 103px; min-width: 0; min-height: 0; padding: 24px; } .lp-form-card--hero .lp-form-card__body { height: calc(100% - 34px); min-height: 0; padding: 90px 26px 22px; } .lp-form-card--hero .lp-form-card__body h2 { width: 100%; min-width: 0; font-size: 26px; } .lp-form-card--hero .lp-form { gap: 8px; } .lp-form-card--hero .lp-form input[type="text"], .lp-form-card--hero .lp-form input[type="email"], .lp-form-card--hero .lp-form input[type="tel"] { height: 38px; min-height: 38px; font-size: 12px; } .lp-form-card--hero .lp-form button { height: 48px; min-height: 48px; font-size: 18px; } .lp-form-card--lazer-mobile { display: none !important; } .lp-conditions { position: absolute; left: 435px; right: 254px; top: auto; bottom: 0; width: auto; height: 132px; min-height: 116px; margin: 0; padding: 0; transform: none; z-index: 2; } .lp-conditions__inner { position: absolute; left: 75px; top: 30px; width: auto; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; gap: 30px; } .lp-condition { min-height: 68px; } .lp-condition--price { flex: 0 0 160px; width: auto; } .lp-condition--installments { width: auto; grid-template-columns: 40px auto; column-gap: 8px; } .lp-condition--rooms { flex: 0 0 124px; width: auto; } .lp-condition p, .lp-condition--rooms p { font-size: 15px; } .lp-condition strong, .lp-condition--rooms strong { font-size: 46px; } .lp-condition small, .lp-condition em { font-size: 17px; } .lp-condition--rooms strong small { font-size: 25px; } .lp-condition--installments strong { margin-top: 15px; } .lp-condition--installments em { top: -14px; } .lp-condition__divider { display: block !important; flex: 0 0 1px; height: 64px; } .lp-conditions__note { left: 50%; top: 74px; width: max-content; max-width: 100%; font-size: 8px; transform: translateX(-50%); } } @media (min-width: 901px) and (max-width: 1100px) { .lp-hero { height: 600px; min-height: 600px; } .lp-hero__art { left: -245px; top: 96px; width: 515px; } .lp-hero__copy { left: 350px; top: 145px; width: 352px; } .lp-hero__title h1 { font-size: 58px; } .lp-hero__title p { font-size: 30px; } .lp-hero__location { left: 424px; top: 345px; width: 220px; } .lp-form-card--hero { right: -110px; top: 96px; width: 220px; height: 420px; } .lp-form-card--hero .lp-form-card__body { padding-left: 16px; padding-right: 16px; } .lp-form-card--hero .lp-form-card__body h2 { font-size: 20px; } .lp-conditions { left: 285px; right: 96px; height: 126px; min-height: 126px; } .lp-conditions__inner { left: 54px; top: 30px; gap: 14px; justify-content: center; } .lp-condition--price { flex-basis: 116px; } .lp-condition--installments { flex-basis: 110px; grid-template-columns: 28px auto; column-gap: 6px; } .lp-condition--rooms { flex-basis: 92px; } .lp-condition p, .lp-condition--rooms p { font-size: 12px; } .lp-condition strong, .lp-condition--rooms strong { font-size: 34px; } .lp-condition small, .lp-condition em { font-size: 13px; } .lp-condition--rooms strong small { font-size: 19px; } .lp-condition__divider { height: 58px; } .lp-conditions__note { top: 74px; font-size: 7px; } } /* ========================================================================== HERO - layout flex ========================================================================== */ .lp-hero { position: relative; display: flex; flex-direction: column; width: 100%; height: 625px; min-height: 0; margin: 0; padding: 4px 0 0; align-items: center; overflow: visible; z-index: 2; } .lp-hero__sky { position: absolute; left: 50%; top: 0; width: max(100%, 1500px); height: 100%; min-width: 0; min-height: 0; transform: translateX(-50%); z-index: 0; } .lp-header { position: relative; left: auto; top: auto; align-self: flex-start; flex: 0 0 auto; width: min(735px, 100%); min-width: 0; height: 62px; min-height: 0; margin-left: 0; } .lp-header img { position: relative; right: auto; top: auto; width: 100px; min-width: 0; margin-left: auto; margin-right: 30px; } .lp-hero__main { position: relative; z-index: 3; display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; width: min(1200px, calc(100% - 48px)); margin: 0 auto; } .lp-hero__main > * { flex: 0 0 auto; } .lp-hero__art, .lp-hero__copy, .lp-hero__location, .lp-form-card--hero, .lp-whatsapp-float { position: relative; left: auto; right: auto; top: auto; transform: none; } .lp-hero__art { width: 585px; margin-top: 12px; margin-left: -120px; margin-right: -96px; z-index: 3; display: flex; align-items: flex-end; } .lp-hero__content { flex: 0 0 320px; display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 84px 0 0; margin-left: -28px; z-index: 4; justify-content: flex-start; height: auto; text-align: center; } .lp-hero__copy { width: 100%; min-width: 0; margin: 0; z-index: 4; text-align: center; } .lp-hero__tag { width: 100%; min-width: 0; height: 32px; min-height: 0; font-size: 14px; } .lp-hero__title { margin-top: 68px; } .lp-hero__title h1 { text-align: center; font-size: 58px; } .lp-hero__title p { margin-left: 0; text-align: center; font-size: 26px; } .lp-hero__location { width: 236px; height: auto; min-width: 0; min-height: 0; margin: 34px auto 0; z-index: 5; justify-content: center; } .lp-hero__location img { width: 44px; min-width: 0; } .lp-hero__location p { min-width: 0; min-height: 62px; height: auto; padding: 12px 14px 12px 22px; font-size: 11px; display: flex; align-items: center; } .lp-form-card--hero { display: block !important; position: relative !important; flex: 0 0 300px; width: 300px; height: auto; min-width: 0; min-height: 0; margin: 18px 0 0; z-index: 7; } .lp-form-card--hero .lp-form-card__brand { position: relative; right: auto; top: auto; width: 100px; height: 80px; min-width: 0; min-height: 0; margin: 0 auto -28px; padding: 18px; transform: none; } .lp-form-card--hero .lp-form-card__body { position: relative; left: auto; right: auto; bottom: auto; height: auto; min-width: 0; min-height: 382px; padding: 62px 20px 20px; border-radius: 24px; } .lp-form-card--hero .lp-form-card__body h2 { width: 100%; min-width: 0; margin-bottom: 18px; font-size: 20px; } .lp-form-card--hero .lp-form { gap: 7px; } .lp-form-card--hero .lp-form input[type="text"], .lp-form-card--hero .lp-form input[type="email"], .lp-form-card--hero .lp-form input[type="tel"] { height: 31px; min-height: 31px; font-size: 10px; } .lp-form-card--hero .lp-form button { height: 38px; min-height: 38px; margin-top: 16px; font-size: 13px; } .lp-whatsapp-float { flex: 0 0 62px; width: 62px; height: 62px; min-width: 0; min-height: 0; margin: 380px 0 0 -28px; z-index: 8; } .lp-conditions { position: absolute; top: auto; bottom: 0; left: calc(50% - 360px); right: 0; width: auto; height: 101px; min-height: 0; margin: 0; padding: 0; transform: none; z-index: 2; } .lp-conditions__inner { position: relative; left: auto; top: auto; display: flex; align-content: center; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 2px 15px; width: 100%; height: 100%; padding: 14px 24px 10px 240px; text-align: center; } .lp-condition { min-height: 56px; } .lp-condition--price { flex: 0 0 110px; width: auto; } .lp-condition--installments { flex: 0 0 100px; width: auto; grid-template-columns: 30px auto; column-gap: 4px; } .lp-condition--rooms { flex: 0 0 90px; width: auto; } .lp-condition p, .lp-condition--rooms p { font-size: 12px; } .lp-condition strong, .lp-condition--rooms strong { font-size: 32px; } .lp-condition small, .lp-condition em { font-size: 12px; } .lp-condition--rooms strong small { font-size: 18px; } .lp-condition--installments strong { margin-top: 15px; margin-left: -12px; } .lp-condition--installments em { top: -14px; } .lp-condition__divider { display: block !important; flex: 0 0 1px; height: 52px; } .lp-conditions__note { position: relative; left: -235px; top: 40px; width: 100px; margin: -10px 0 0; font-size: 8px; text-align: center; transform: none; } @media (max-width: 1200px) { .lp-conditions__note { position: absolute; left: 50%; top: 95px; width: 100px; margin: -10px 0 0; font-size: 8px; text-align: center; transform: translateX(-50%); } .lp-hero { min-height: 0; padding-bottom: 142px; } .lp-hero__main { flex-wrap: wrap; width: min(900px, 100%); gap: 10px 44px; } .lp-hero__art { flex-basis: min(480px, 52%); width: min(480px, 52%); margin-left: 0; margin-right: 0; } .lp-hero__content { flex-basis: min(360px, 40%); padding-top: 56px; } .lp-form-card--hero { display: none !important; } .lp-whatsapp-float { flex-basis: 58px; width: 58px; height: 58px; margin: -88px 26px 0 auto; } .lp-conditions { left: 0; right: 0; height: 142px; min-height: 142px; } } @media (max-width: 900px) { .lp-hero { align-items: center; padding: 8px 0 116px; height: 800px; } .lp-header { width: 430px; height: 56px; margin-left: -250px; } .lp-header img { width: 84px; margin-right: 24px; } .lp-hero__main { flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; margin-top: 22px; padding: 0 14px; gap: 18px; } .lp-hero__content { order: 1; flex: 0 1 auto; width: min(520px, 100%); padding-top: 0; } .lp-hero__art { order: 2; flex: 0 1 auto; width: min(400px, 110%); margin: -8px auto -22px; } .lp-hero__family { width: 118%; margin-left: -35%; margin-top: -55%; } .lp-hero__tag { min-height: 38px; height: auto; padding: 10px 18px; font-size: 15px; line-height: 1.15; white-space: normal; } .lp-hero__title { margin-top: 22px; } .lp-hero__title h1 { font-size: 48px; line-height: .9; white-space: nowrap; } .lp-hero__title p { margin: -2px 0 0 18%; font-size: 28px; white-space: nowrap; } .lp-hero__location { /*width: min(292px, calc(100% - 32px));*/ margin-top: 24px; margin-left: 35%; margin-top: 20%; } .lp-hero__location img { width: 58px; min-width: 58px; margin-right: -15px; } .lp-hero__location p { width: 240px; min-height: 72px; padding: 16px 18px 16px 34px; font-size: 14px; } .lp-whatsapp-float { order: 3; align-self: flex-end; flex-basis: 52px; width: 52px; height: 52px; margin: -72px 18px 0 0; } .lp-conditions { left: 0; right: 0; height: 116px; min-height: 116px; } .lp-conditions__inner { gap: 3px 5px; padding: 13px 8px 12px; justify-content: center; } .lp-condition { min-height: 54px; } .lp-condition--price { flex-basis: 96px; } .lp-condition--installments { flex-basis: 82px; grid-template-columns: 18px auto; } .lp-condition--rooms { flex-basis: 68px; } .lp-condition p, .lp-condition--rooms p { font-size: 9px; } .lp-condition strong, .lp-condition--rooms strong { font-size: 25px; } .lp-condition small, .lp-condition em { font-size: 11px; } .lp-condition--rooms strong small { font-size: 16px; } .lp-condition__divider { height: 52px; } .lp-conditions__note { margin-top: 0; font-size: 7px; } } /* ========================================================================== LP - containers centralizados ========================================================================== */ .lp-lazer, .lp-ecopark, .condicoes .container, .lp-pre-venda__content, .lp-sobre__container, .lp-depoimentos__container, .lp-empreendimentos__container, .lp-footer__container, .lp-footer__copyright { width: min(1200px, calc(100% - 48px)); max-width: 1200px; margin-left: auto; margin-right: auto; } .lp-lazer { display: flex; flex-direction: column; align-items: center; height: auto; min-height: 0; max-height: none; padding: 112px 0 0; overflow: visible; } .lp-lazer__title, .lp-lazer__gallery, .lp-lazer__items, .lp-lazer__cta { position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; } .lp-lazer__title { width: min(780px, 100%); margin: 0 auto; } .lp-lazer__title h2 { font-size: 48px; } .lp-lazer__title p { margin: 0; font-size: 28px; } .lp-lazer__gallery { width: min(785px, 100%); height: auto; margin: 64px auto 46px; padding-top: 45px; } .lp-lazer__swiper, .lp-lazer__swiper .swiper-wrapper, .lp-lazer__swiper .swiper-slide { height: auto; } .lp-lazer__swiper { position: relative; inset: auto; overflow: hidden; } .lp-lazer__photo { position: relative; left: auto; top: auto; height: auto; aspect-ratio: 785 / 484; border-width: 4px; } .lp-lazer__photo img { width: 100%; height: 100%; } .lp-lazer__items { width: min(1020px, 100%); grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 28px; margin: 0 auto 44px; } .lp-lazer__list { gap: 14px; } .lp-lazer__list li { min-height: 30px; font-size: 15px; white-space: normal; } .lp-lazer__list img { width: 28px; height: 28px; margin-right: 10px; } .lp-lazer__cta, .lp-ecopark__cta, .lp-novo-lar__cta, .lp-diferenciais__cta, .lp-habita__cta { min-width: 0; min-height: 56px; height: auto; padding: 18px 30px; font-size: 15px; } .lp-ecopark { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr); grid-template-areas: "media content" "media card" "address card" "cta cta"; align-items: center; height: auto; min-height: 0; max-height: none; padding: 112px 0; } .lp-ecopark__media, .lp-ecopark__content, .lp-ecopark__card, .lp-ecopark__address, .lp-ecopark__cta { position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; } .lp-ecopark__media { grid-area: media; width: 100%; height: auto; aspect-ratio: 790 / 497; } .lp-ecopark__content { grid-area: content; width: 100%; } .lp-ecopark__content h2 { font-size: 40px; margin-left: 30px; margin-top: 30px; } .lp-ecopark__content p { margin: 8px 0 0; font-size: 28px; margin-left: 30px; } .lp-ecopark__card { grid-area: card; width: 100%; min-height: 0; padding: 42px 34px 34px; margin-left: -40px; } .lp-ecopark__card ul { gap: 8px; } .lp-ecopark__card li { padding-left: 16px; font-size: 16px; } .lp-ecopark__card li::before { top: 5px; width: 9px; height: 9px; } .lp-ecopark__address { grid-area: address; width: min(560px, 100%); max-width: none; min-height: 70px; padding: 12px 28px 12px 72px; margin-top: -40px; border-radius: 16px; margin-left: 80px; } .lp-ecopark__address img { left: 18px; width: 46px; } .lp-ecopark__address span { font-size: 22px; } .lp-ecopark__cta { grid-area: cta; justify-self: center; margin-top: 40px; } .lp-novo-lar { display: grid; grid-template-columns: minmax(280px, 420px) minmax(0, calc(730px + max(0px, calc(50vw - 600px)))); align-items: center; justify-content: end; gap: 48px; height: auto; min-height: 0; max-height: none; padding: 112px 0 112px 24px; } .lp-novo-lar__content, .lp-novo-lar__gallery { position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; } .lp-novo-lar__content { width: 100%; } .lp-novo-lar__title { margin-bottom: 26px; } .lp-novo-lar__title p { font-size: 24px; } .lp-novo-lar__title h2 { font-size: 40px; } .lp-novo-lar__features { gap: 13px; } .lp-novo-lar__features li { grid-template-columns: 24px minmax(0, 1fr); gap: 8px; min-height: 24px; } .lp-novo-lar__features img { width: 24px; height: 24px; } .lp-novo-lar__cta { margin-top: 34px; } .lp-novo-lar__gallery { width: 100%; height: 500px; aspect-ratio: auto; } .lp-novo-lar__swiper, .lp-novo-lar__swiper .swiper-wrapper, .lp-novo-lar__swiper .swiper-slide, .lp-novo-lar__image--plan { height: 100%; } .lp-novo-lar__image--plan, .lp-novo-lar__image--pet { width: 100%; } .lp-novo-lar__arrows { left: 50%; top: auto; bottom: -24px; gap: 16px; transform: translateX(-50%); } .lp-novo-lar__arrows button { width: 48px; height: 48px; } @media (min-width: 901px) and (max-width: 1200px) { .lp-novo-lar { grid-template-columns: minmax(280px, 420px) minmax(0, 1fr); justify-content: center; gap: 32px; padding: 96px 24px; } .lp-novo-lar__gallery { height: auto; aspect-ratio: 730 / 500; } } .lp-diferenciais { display: grid; grid-template-columns: minmax(0, 560px) minmax(280px, 460px); justify-content: center; align-items: center; gap: 34px 56px; height: auto; min-height: 0; max-height: none; padding: 112px 24px; } .lp-diferenciais__title, .lp-diferenciais__image, .lp-diferenciais__list, .lp-diferenciais__cta { position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; } .lp-diferenciais__title { grid-column: 1 / -1; width: min(880px, 100%); margin: 0 auto 12px; } .lp-diferenciais__title h2 { font-size: 52px; } .lp-diferenciais__title p { font-size: 28px; } .lp-diferenciais__image { width: 100%; height: auto; aspect-ratio: 671 / 447; } .lp-diferenciais__list { width: 100%; gap: 16px; } .lp-diferenciais__list li { grid-template-columns: 24px minmax(0, 1fr); gap: 12px; } .lp-diferenciais__list img { width: 24px; height: 24px; } .lp-diferenciais__cta { grid-column: 1 / -1; justify-self: center; margin-top: 8px; } .lp-habita { display: grid; grid-template-columns: minmax(0, 780px) minmax(180px, 260px); justify-content: center; align-items: center; gap: 22px 48px; height: auto; min-height: 0; max-height: none; padding: 96px 24px; } .lp-habita__intro, .lp-habita__panel, .lp-habita__logo, .lp-habita__cta { position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; } .lp-habita__intro { grid-column: 1 / -1; width: min(480px, 100%); margin: 0 auto; } .lp-habita__intro p { font-size: 24px; text-align: center; } .lp-habita__panel { height: auto; grid-template-columns: minmax(0, 1.25fr) 1px minmax(0, .9fr); padding: 34px 200px 34px 20px; } .lp-habita__headline h2 { font-size: 40px; } .lp-habita__divider { height: 100%; min-height: 118px; } .lp-habita__text p { font-size: 16px; } .lp-habita__text small { font-size: 10px; } .lp-habita__logo { width: min(260px, 100%); height: auto; margin-left: -30px; margin-bottom: 30px; } .lp-habita__cta { grid-column: 1 / -1; justify-self: center; } .lp-pre-venda__content { max-width: 1200px; padding-left: 24px; padding-right: 24px; } .lp-sobre__container { width: min(1200px, calc(100% - 48px)); } .lp-sobre__conteudo { flex: 0 1 420px; width: auto; } .lp-sobre__mapa { flex: 1 1 0; } .lp-footer__container, .lp-footer__copyright { max-width: 1200px; } @media (max-width: 900px) { .lp-lazer, .lp-ecopark, .condicoes .container, .lp-pre-venda__content, .lp-sobre__container, .lp-depoimentos__container, .lp-empreendimentos__container, .lp-footer__container, .lp-footer__copyright { width: min(1200px, calc(100% - 32px)); } .lp-lazer { padding: 60px 0 84px; } .lp-lazer__items { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(720px, 100%); } .lp-ecopark, .lp-novo-lar, .lp-diferenciais, .lp-habita { display: flex; flex-direction: column; align-items: center; padding-left: 16px; padding-right: 16px; } .lp-ecopark__content, .lp-ecopark__media, .lp-ecopark__card, .lp-ecopark__address, .lp-novo-lar__content, .lp-novo-lar__gallery, .lp-diferenciais__title, .lp-diferenciais__image, .lp-diferenciais__list, .lp-habita__intro, .lp-habita__panel { width: min(100%, 680px); } .lp-novo-lar__gallery { aspect-ratio: 654 / 500; } .lp-habita__panel { grid-template-columns: 1fr; } .lp-habita__divider { width: 100%; height: 1px; min-height: 0; } .lp-habita__headline h2, .lp-habita__text p, .lp-habita__text small { text-align: center; } } @media (max-width: 560px) { .lp-lazer, .lp-ecopark, .condicoes .container, .lp-pre-venda__content, .lp-sobre__container, .lp-depoimentos__container, .lp-empreendimentos__container, .lp-footer__container, .lp-footer__copyright { width: min(1200px, calc(100% - 24px)); } .lp-lazer__items { grid-template-columns: 1fr; width: min(320px, 100%); } } .footer__estande { background: linear-gradient(270deg, #1E76AB 0%, #194A67 100%); padding: 30px; display: flex; justify-content: center; align-items: center; gap: 10px; } .footer__estande--texto h3 { color: #FCAF36; font-family: "Niela"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; text-transform: uppercase; } .footer__estande--texto h2 { color: var(--Vic-Texto-Light, #FFF); font-family: "Poppins"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 24px; /* 120% */ } .lp-whatsapp-float { display: none; } @media (max-width: 900px) { .lp-ecopark__card { margin-left: 0; } .lp-ecopark__address { margin-left: 0; } .lp-habita__panel { padding: 20px; } .lp-habita__logo { margin: unset; } .lp-pre-venda { display: none; } .lp-condition--installments strong { margin-left: 0; } } /* ========================================================================== Hero ========================================================================== */ @font-face { font-family: "Swarsh Daisy"; src: url("assets/fonts/swarsh-daisy-italic.otf") format("opentype"); font-style: italic; font-weight: 400; font-display: swap; } :root { --lp-verde: #475923; --lp-verde-escuro: #2c3a1c; --lp-verde-claro: #a0bf54; --lp-laranja: #ed7904; --lp-branco: #fff; --lp-grad-amarelo: linear-gradient(90deg, #eadfc4 0%, #f3ba44 100%); --lp-grad-laranja: linear-gradient(180deg, rgba(238, 114, 3, .9) 0%, rgba(231, 82, 29, .9) 100%); --lp-fonte-titulo: "Poppins", sans-serif; --lp-fonte-script: "Swarsh Daisy", cursive; --pv-branco: #fff; --pv-preto: #1d1e1c; --pv-verde-whatsapp: #54ba49; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { overflow-x: hidden; font-family: var(--lp-fonte-titulo); } .hero img, .hero__form-mobile img { display: block; max-width: 100%; } .hero h1, .hero h2, .hero h3, .hero h4, .hero p, .hero__form-mobile h2 { margin: 0; } @media (min-width: 1025px) { .container { width: 90%; max-width: 1200px; margin: 0 auto; } } /* Hero */ .hero { --lp-container: min(1200px, 90vw); --lp-container-gutter: max(8vw, (90vw - 1200px) / 2); --lp-condicoes-offset: clamp(300px, 20%, 430px); position: relative; display: flex; height: 730px; overflow: hidden; align-items: flex-end; justify-content: center; background: url("assets/images/banner.webp") center / cover no-repeat; } .hero__banner-content { display: flex; align-items: center; justify-content: flex-start; gap: 80px; max-width: 1400px; } .hero__predio { z-index: 1; display: flex; margin-left: -3%; align-items: flex-end; justify-content: flex-start; width: 30%; } .hero__predio img { display: block; width: clamp(390px, 33vw, 474px); max-width: none; height: auto; max-height: none; margin-bottom: -50px; object-fit: contain; } @media (min-width: 1025px) { .hero { overflow: visible; } .hero__predio img { transform: translateY(55px) scale(1.05); transform-origin: center bottom; } } .hero__content { display: flex; margin-bottom: 6%; flex-direction: column; align-items: center; gap: 60px; } .hero__content h1 { padding: 7px 20px; border-radius: 100px; background: var(--lp-laranja); color: var(--lp-branco); font-family: var(--lp-fonte-titulo); font-size: 18px; font-weight: 700; line-height: normal; text-align: center; text-transform: uppercase; } .hero__content--subtitulo { color: #4B1C9B; font-family: "Aalto Sans Essential Alt"; font-size: 48px; font-style: normal; font-weight: 300; line-height: 30px; } .text-momento { color: #4B1C9B; font-family: "Aalto Sans Essential Alt"; font-size: 48px; font-style: normal; font-weight: 600; line-height: 30px; display: inline-block; border-radius: 24px; background: rgba(249, 172, 50, 0.80); padding: 10px; } /* Estrutura das três linhas do título principal do hero. */ .hero__content--title-line { display: block; line-height: 50px; } .hero__content--title-line-middle { display: flex; align-items: baseline; gap: 0.15em; justify-content: center; } .hero__content--title-main { color: #4B1C9B; text-align: center; font-family: "Distinct Style Sans Bold"; font-size: 64px; font-style: normal; font-weight: 400; letter-spacing: -3.2px; margin-top: 10px; } /* .hero__content h2 span { display: block; margin-top: 15px; color: var(--lp-branco); font-family: var(--lp-fonte-script); font-size: 56px; font-style: italic; font-weight: 400; line-height: 48px; text-align: center; } */ .hero__content--tag { display: flex; padding: 16px 24px; border-radius: 100px; background: var(--lp-grad-amarelo); align-items: center; justify-content: center; gap: 15px; } .hero__content--tag h4 { color: var(--lp-verde); font-family: var(--lp-fonte-titulo); font-size: 20px; font-weight: 400; line-height: 25px; } /* Formulário: estrutura preservada; o shortcode será inserido nos slots do HTML. */ .hero__form { z-index: 1; height: stretch; max-width: 290px; } .hero__form-mobile { display: none; } .lp-form { display: flex; width: 290px; flex-shrink: 0; flex-direction: column; align-items: center; } .lp-form--venda { width: 100%; height: 100%; max-width: 290px; margin: 0 auto; } .lp-form__logo { z-index: 2; display: flex; width: 128px; height: 128px; border-radius: 24px; background: var(--lp-branco); align-items: center; justify-content: center; } .lp-form__logo img { width: auto; height: 70px; max-width: 100px; object-fit: contain; } .lp-form__box { position: relative; width: 100%; margin-top: -60px; padding: 80px 24px 20px; border-radius: 32px; background: var(--lp-grad-laranja); } .lp-form__titulo { margin: 0 0 20px; color: var(--lp-branco); font-family: Niela; font-size: 20px; font-weight: 500; line-height: 1.3; text-align: center; } .lp-form__titulo strong { color: var(--lp-branco); font-weight: 700; } .lp-form__form { display: flex; min-height: 238px; flex-direction: column; gap: 8px; } /* O shortcode pode continuar gerando o markup do Contact Form 7 original. */ .lp-form__field input { width: 100%; height: 40px; padding: 0 14px; border: 0; border-radius: 5px; outline: 0; background: var(--pv-branco); color: var(--pv-preto); font-family: var(--lp-fonte-titulo); font-size: 12px; text-transform: none; } .lp-form__field input::placeholder { color: #b5b5b5; opacity: 1; text-transform: uppercase; } .lp-form__form .wpcf7, .lp-form__form .wpcf7 > form { width: 100%; } .lp-form__form .wpcf7-form { display: flex; flex-direction: column; gap: 8px; margin-top: 15px; } .lp-form__form .wpcf7-form > p { display: contents; margin: 0; } .lp-form__form .hidden-fields-container, .lp-form__form .screen-reader-response { display: none; } .lp-form__field .wpcf7-form-control-wrap { display: block; } .lp-form__field input.wpcf7-form-control { color: var(--Gray-400, #989898); font-family: Niela; font-size: 10px; font-style: normal; font-weight: 600; line-height: 30px; /* 375% */ text-transform: uppercase; } .lp-form__field input.wpcf7-form-control::placeholder { color: #b5b5b5; opacity: 1; text-transform: uppercase; } .lp-form__form .wpcf7-acceptance .wpcf7-list-item { margin: 0; } .lp-form__form .wpcf7-acceptance label { display: flex; margin: 8px 0; align-items: flex-start; cursor: pointer; gap: 3px; } .lp-form__form input.lp-form__checkbox { width: auto; height: auto; margin-top: 3px; flex-shrink: 0; } .lp-form__form .wpcf7-list-item-label { color: var(--pv-branco); font-family: var(--lp-fonte-titulo); font-size: 11px; line-height: 1.4; } .lp-form__form input.lp-form__submit { width: 100%; height: 48px; margin-top: 0; padding: 15px; border: 0; border-radius: 8px; background: var(--pv-verde-whatsapp); color: var(--pv-branco); font-family: inherit; font-size: 14px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; } .lp-form__form input.lp-form__submit:disabled { opacity: .6; cursor: default; } .lp-form__box .wpcf7-not-valid-tip { margin-top: 2px; font-size: 10px; } .lp-form__box .wpcf7 form.init .wpcf7-response-output, .lp-form__box .wpcf7 form.resetting .wpcf7-response-output, .lp-form__box .wpcf7 form.submitting .wpcf7-response-output, .lp-form__box .wpcf7 form:not(.submitting) .wpcf7-spinner { display: none; } .lp-form__box .wpcf7-response-output { margin: 8px 0 0 !important; padding: 8px 12px !important; overflow: hidden; border: 0; border-radius: 5px; color: var(--pv-branco); font-size: 12px; line-height: 1.3; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .lp-form__box .wpcf7 form.sent .wpcf7-response-output { border-color: var(--pv-verde-whatsapp); background: var(--pv-verde-whatsapp); font-weight: 700; } .lp-form__box .wpcf7 form.sent .wpcf7-response-output::before { content: "✓ "; font-weight: 700; } .lp-form__box .wpcf7 form.failed .wpcf7-response-output, .lp-form__box .wpcf7 form.aborted .wpcf7-response-output { border-color: #de3e45; background: #de3e45; } .lp-form__box .wpcf7 form.invalid .wpcf7-response-output, .lp-form__box .wpcf7 form.unaccepted .wpcf7-response-output, .lp-form__box .wpcf7 form.spam .wpcf7-response-output { border-color: rgba(0, 0, 0, .35); background: rgba(0, 0, 0, .35); } .lp-form__box .wpcf7-spinner { margin: 0 auto; } .hero__condicoes { position: absolute; z-index: 0; right: 0; bottom: 0; width: calc(var(--lp-container) + var(--lp-container-gutter)); max-width: 100%; min-height: 130px; padding: 30px var(--lp-container-gutter) 20px var(--lp-condicoes-offset); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .hero__condicoes--content { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; gap: clamp(12px, 1.6vw, 20px); } .hero__condicoes--item { display: flex; min-width: 0; } .hero__condicoes--item:not(:last-child) { padding-right: clamp(12px, 2vw, 20px); border-right: 1px solid var(--lp-verde-escuro); } .hero__condicoes--label { color: #4B1C9B; font-family: "Aalto Sans Essential Alt"; font-size: clamp(11px, 1vw, 14px); font-weight: 400; line-height: 1.28; text-align: left; } .hero__condicoes--valor { color: var(--lp-verde-escuro); font-family: var(--lp-fonte-titulo); font-size: clamp(30px, 3.2vw, 48px); font-weight: 500; line-height: 1; white-space: nowrap; } .hero__condicoes--sinal { flex-direction: column; justify-content: center; } .hero__condicoes--sinal .hero__condicoes--valor { font-size: clamp(28px, 2.7vw, 40px); text-align: left; } .hero__condicoes--centavos { color: var(--lp-verde-escuro); font-family: var(--lp-fonte-titulo); font-size: clamp(16px, 1.7vw, 24px); font-weight: 700; } .hero__condicoes--entrada { gap: 5px; } .hero__entrada--label { display: flex; align-items: flex-end; } .hero__entrada--valor { display: flex; flex-direction: column; justify-content: flex-start; } .hero__entrada--prefixo { color: var(--lp-verde-escuro); font-family: var(--lp-fonte-titulo); font-size: clamp(9px, .8vw, 10px); font-weight: 700; line-height: 2; text-transform: lowercase; } .hero__condicoes--entrada .hero__condicoes--valor { letter-spacing: -.05em; } .hero__entrada--sufixo { color: var(--lp-verde-escuro); font-family: var(--lp-fonte-titulo); font-size: clamp(26px, 2.7vw, 40px); font-weight: 700; } .hero__entrada--asterisco { color: var(--lp-verde-escuro); font-family: var(--lp-fonte-titulo); font-size: clamp(12px, 1.1vw, 16px); font-weight: 700; text-align: center; } .hero__condicoes--dorms { align-items: center; gap: 8px; } .hero__condicoes--dorms .hero__condicoes--valor { text-align: center; } @media (min-width: 1200px) { .hero__condicoes { width: 75%; padding-left: max(var(--lp-container-gutter), 40px); } } @media (min-width: 1024px) and (max-width: 1199px) { .hero__predio { height: stretch; } .hero__predio img { margin-bottom: -50px; margin-left: -20%; } .hero__banner-content { gap: 30px; } .hero__content { margin-bottom: 10%; } } @media (max-width: 1024px) { .hero { height: auto; min-height: 700px; background: url("assets/images/bg-hero-mobile.png") center 30% / cover no-repeat; align-items: flex-start; padding-top: 80px; } .hero__banner-content { padding-top: 90px; padding-bottom: 110px; align-items: flex-end; gap: 12px; } .hero__banner-content > *, .hero__condicoes--content > * { min-width: 0; max-width: 100%; } .hero__predio { margin-left: 0; } .hero__predio img, .hero__form { display: none; } .hero__form-mobile { display: flex; padding: 46px 20px 58px; background: var(--lp-verde-escuro); justify-content: center; } .hero__content { display: flex; margin-bottom: 0; flex: 1; align-items: flex-end; gap: 30px; } .hero__content > * { max-width: 100%; } .hero__content h1 { padding: 10px 20px; font-size: 16px; line-height: 1.2; } .hero__content h2 { max-width: 100%; font-size: 24px; line-height: 26px; } .hero__content--title-line-middle, .hero__content--title-link { white-space: nowrap; } .hero__content--title-link { flex-shrink: 0; } .hero__content--title-line-intro, .hero__content--title-link { font-size: clamp(26px, 3vw, 30px); line-height: 1.1; } .hero__content h2 .text-momento, .hero__content h2 .hero__content--title-main { font-size: 34px; line-height: 34px; text-align: left; } .hero__content h2 .hero__content--title-main { margin-top: 8px; } .hero__content--tag { padding: 15px 22px; gap: 10px; } .hero__content--tag img { width: 44px; } .hero__content--tag h4 { font-size: 14px; line-height: 17px; } .hero__condicoes { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: flex; width: auto; max-width: none; min-height: 70px; padding: 14px 12px; overflow: hidden; -webkit-backdrop-filter: none; backdrop-filter: none; justify-content: center; } .hero__condicoes--content { display: grid; height: 100%; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.3fr) minmax(0, .85fr); align-items: center; gap: 0; } .hero__condicoes--item { height: 100%; align-items: center; justify-content: center; } .hero__condicoes--item:not(:last-child) { padding-right: 8px; } .hero__condicoes--item + .hero__condicoes--item { padding-left: 8px; } .hero__condicoes--label { font-size: 10px; line-height: 11px; white-space: normal; } .hero__condicoes--valor { font-size: 28px; line-height: 28px; } .hero__condicoes--sinal { align-items: flex-start; justify-content: center; } .hero__condicoes--sinal .hero__condicoes--valor { font-size: 25px; line-height: 27px; } .hero__condicoes--centavos { font-size: 12px; } .hero__condicoes--entrada { align-items: flex-end; gap: 3px; } .hero__condicoes--entrada .hero__condicoes--valor { font-size: 30px; line-height: 28px; } .hero__entrada--prefixo { font-size: 8px; line-height: 10px; } .hero__entrada--sufixo { font-size: 18px; } .hero__entrada--asterisco { font-size: 10px; } .hero__condicoes--dorms { gap: 4px; } .hero__condicoes--dorms .hero__condicoes--label { max-width: 58px; } } @media (min-width: 768px) and (max-width: 1024px) { .lp-form--venda { max-width: 50%; margin: 0 auto; } } @media (max-width: 400px) { .hero__banner-content { padding-bottom: 130px; gap: 8px; } .hero__content h2 { font-size: 21px; line-height: 23px; } .hero__content h2 .text-momento, .hero__content h2 .hero__content--title-main { font-size: 30px; line-height: 30px; } .hero__content--tag h4 { font-size: 12px; line-height: 15px; } .hero__condicoes { min-height: 84px; padding: 12px 8px; } .hero__condicoes--content { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.25fr) minmax(0, .85fr); } .hero__condicoes--item:not(:last-child) { padding-right: 6px; } .hero__condicoes--item + .hero__condicoes--item { padding-left: 6px; } .hero__condicoes--label { font-size: 9px; line-height: 10px; } .hero__condicoes--valor { font-size: 25px; line-height: 25px; } .hero__condicoes--sinal .hero__condicoes--valor { font-size: 24px; line-height: 25px; } .hero__condicoes--centavos { font-size: 11px; } .hero__condicoes--entrada .hero__condicoes--valor { font-size: 28px; line-height: 26px; } .hero__entrada--sufixo { font-size: 17px; } .hero__condicoes--dorms .hero__condicoes--label { max-width: 48px; } } /* ========================================================================== Lazer ========================================================================== */ :root { --lp-verde-escuro: #2c3a1c; --lp-verde-claro: #a0bf54; --lp-amarelo: #f3bc4a; --lp-amarelo-claro: #eaddbc; --lp-laranja: #ed7904; --lp-laranja-escuro: #e7521d; --lp-branco: #fff; --lp-fonte-titulo: "Poppins", sans-serif; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { font-family: var(--lp-fonte-titulo); } body.lightbox-open { overflow: hidden; } img { display: block; max-width: 100%; } h2, h3, p { margin: 0; } a { text-decoration: none; } @media (min-width: 1025px) { .container { width: 90%; max-width: 1200px; margin: 0 auto; } } .titulo { font-family: var(--lp-fonte-titulo); font-size: 40px; font-weight: 700; } .subtitulo { font-family: var(--lp-fonte-titulo); font-size: 24px; font-weight: 300; } .cta { display: inline-block; padding: 14px 32px; border-radius: 100px; font-family: var(--lp-fonte-titulo); font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: .8px; text-align: center; text-transform: uppercase; } .lazer { position: relative; display: flex; padding: clamp(56px, 5.2vw, 100px) 0 0; background: url("assets/images/lazer/bg-lazer.jpg") center top / cover no-repeat; flex-direction: column; align-items: center; gap: clamp(40px, 4.2vw, 80px); overflow: hidden; padding-bottom: 200px; } .lazer__content { display: flex; flex-direction: column; } .lazer__titulo { display: flex; width: 100%; margin-bottom: clamp(40px, 4.7vw, 90px); flex-direction: column; align-items: center; } .lazer__titulo h2 { color: var(--lp-amarelo-claro); } .lazer__titulo h3 { margin-left: 20%; color: var(--lp-branco); line-height: 25px; } .lazer__swiper { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; } .lazer__swiper--tag-lazer { position: absolute; z-index: 10; top: 0; left: 50%; width: 100%; max-width: 785px; transform: translateX(-50%); pointer-events: none; } .tag-lazer { position: absolute; z-index: 10; top: -50px; left: -3%; } .lazer__swiper--imagens { width: 100%; max-width: 785px; overflow: hidden; border-radius: 16px; aspect-ratio: 785 / 481; } .lazer__swiper--imagens .swiper-wrapper, .lazer__swiper--imagens .swiper-slide { height: 100%; } .lazer__swiper--imagens:not(.swiper-initialized) .swiper-wrapper { display: block; } .lazer__swiper--imagens:not(.swiper-initialized) .swiper-slide:not(:first-child) { display: none; } .lazer__swiper--imagens .swiper-slide { display: flex; width: 100%; justify-content: center; } .lazer__swiper--imagens .lp-zoom { width: 100%; height: 100%; } .lazer__swiper--imagens img { width: 100%; height: 100%; border-radius: 16px; object-fit: cover; } .lazer__swiper-nav { position: absolute; z-index: 5; top: 50%; display: flex; width: 43px; height: 43px; padding: 0; border: 0; background: transparent; align-items: center; justify-content: center; cursor: pointer; transform: translateY(-50%); transition: transform .2s ease, filter .2s ease, opacity .2s ease; } .lazer__swiper-nav--prev { left: calc(50% - 470px); } .lazer__swiper-nav--next { right: calc(50% - 470px); } .lazer__swiper-nav:hover, .lazer__swiper-nav:focus-visible { filter: brightness(1.08) saturate(1.08); transform: translateY(-50%) scale(1.08); } .lazer__swiper-nav:focus-visible { border-radius: 50%; outline: 2px solid var(--lp-branco); outline-offset: 3px; } .lazer__lista { position: relative; z-index: 1; display: flex; margin-top: clamp(-150px, -7.8vw, -100px); padding: clamp(140px, 10.4vw, 200px) clamp(40px, 5.2vw, 100px) 0 clamp(48px, 3.6vw, 70px); border-radius: 32px; background: var(--lp-verde-claro); flex-direction: column; align-items: center; gap: clamp(36px, 3.1vw, 60px); } .lazer__lista--content { display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; } .lazer__lista--column { display: flex; min-width: 0; flex-direction: column; gap: 19px; } .lazer__content--item { display: flex; gap: 10px; align-items: center; } .lazer__content--item img { width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; } .lazer__content--item span { color: #FFF; font-family: "Aalto Sans Essential Alt"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; /* 156.25% */ } .lazer__lista--cta { margin-bottom: -30px; } .lazer__lista--cta a { color: #6B42AB; text-align: center; font-family: "Aalto Sans Essential Alt"; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; /* 150% */ } .lp-zoom { position: relative; display: block; overflow: hidden; border-radius: inherit; cursor: zoom-in; } .lp-zoom::after { position: absolute; z-index: 2; right: 16px; bottom: 16px; width: 44px; height: 44px; border-radius: 50%; background-color: rgba(0, 0, 0, .55); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 22px; opacity: 0; content: ""; pointer-events: none; transition: opacity .25s ease; } .lp-zoom:hover::after, .lp-zoom:focus-visible::after { opacity: 1; } /* Lightbox nativo, sem dependência de jQuery/Fancybox. */ .lightbox { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 24px 72px; border: 0; background: rgba(8, 12, 5, .94); color: var(--lp-branco); } .lightbox[open] { display: flex; align-items: center; justify-content: center; } .lightbox::backdrop { background: rgba(8, 12, 5, .94); } .lightbox__figure { display: flex; max-width: min(1200px, 85vw); max-height: 90dvh; margin: 0; flex-direction: column; align-items: center; gap: 12px; } .lightbox__image { width: auto; max-width: 100%; height: auto; max-height: calc(90dvh - 44px); object-fit: contain; } .lightbox__caption { color: var(--lp-branco); font-size: 14px; text-align: center; } .lightbox__close, .lightbox__nav { position: fixed; z-index: 2; border: 0; background: rgba(255, 255, 255, .14); color: var(--lp-branco); cursor: pointer; } .lightbox__close { top: 18px; right: 22px; width: 48px; height: 48px; border-radius: 50%; font-size: 34px; line-height: 1; } .lightbox__nav { top: 50%; width: 52px; height: 70px; border-radius: 12px; font-size: 48px; line-height: 1; transform: translateY(-50%); } .lightbox__nav--prev { left: 16px; } .lightbox__nav--next { right: 16px; } .lightbox__close:hover, .lightbox__nav:hover, .lightbox__close:focus-visible, .lightbox__nav:focus-visible { background: var(--lp-laranja-escuro); } @media (hover: none) { .lp-zoom::after { opacity: 1; } } @media (max-width: 1024px) { .titulo { font-size: 32px; } .subtitulo { font-size: 20px; } .cta { font-size: 14px; line-height: 22px; } .lazer { padding: 60px 0 60px; gap: 40px; } .lazer__titulo { margin-bottom: 45px; } .lazer__titulo h3 { margin-left: 0; text-align: center; } .lazer__swiper { width: 80%; max-width: 100%; margin: 0 auto; flex-flow: row wrap; justify-content: center; column-gap: 14px; } .lazer__swiper--tag-lazer { max-width: 100%; } .tag-lazer { top: -28px; left: 0; width: 230px; } .lazer__swiper--imagens { width: 100%; max-width: 100%; max-height: 240px; border-width: 3px; border-radius: 0; aspect-ratio: 16 / 10; } .lazer__swiper--imagens img { width: 100%; max-width: 100%; border-radius: 0; } .lazer__swiper-nav { position: static; order: 3; display: flex; margin-top: 14px; transform: none; } .lazer__swiper-nav:hover, .lazer__swiper-nav:focus-visible { transform: scale(1.08); } .lazer__lista { margin-top: 24px; padding: 40px 40px 48px; border-radius: 0; align-items: stretch; gap: 28px; } .lazer__lista--content { width: 100%; min-width: 0; margin: 0; grid-template-columns: 1fr; column-gap: 0; row-gap: 18px; } .lazer__lista--column { gap: 18px; } .lazer__content--item { min-width: 0; align-items: center; } .lazer__content--item span { min-width: 0; white-space: normal; } .lazer__lista--cta a { display: block; text-align: center; } } @media (min-width: 768px) and (max-width: 1024px) { .lazer { padding: 60px 0; } .lazer__lista { border-radius: 32px; } } @media (max-width: 768px) { .lp-zoom::after { right: 10px; bottom: 10px; width: 34px; height: 34px; background-size: 17px; } .lightbox { padding: 64px 12px 20px; } .lightbox__figure { max-width: 100%; } .lightbox__nav { top: auto; bottom: 18px; width: 54px; height: 46px; font-size: 36px; transform: none; } } @media (max-width: 400px) { .titulo { font-size: 28px; } .localizacao__cabecalho strong { font-size: 24px; } .lazer__lista { padding-right: 30px; padding-left: 30px; } } /* ========================================================================== Localização ========================================================================== */ :root { --lp-verde-escuro: #2c3a1c; --lp-amarelo: #f3bc4a; --lp-laranja-escuro: #e7521d; --lp-branco: #fff; --lp-grad-quente: linear-gradient(0deg, #f2be51 0%, #ee7203 100%); --lp-fonte-titulo: "Poppins", sans-serif; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; padding: 0; } body { overflow-x: hidden; font-family: var(--lp-fonte-titulo); } body.lightbox-open { overflow: hidden; } img { display: block; max-width: 100%; } h2, h3, ul { margin: 0; } a { text-decoration: none; } @media (min-width: 1025px) { .container { width: 90%; max-width: 1200px; margin-right: auto; margin-left: auto; } } .titulo { font-family: var(--lp-fonte-titulo); font-size: 40px; font-weight: 700; } .subtitulo { font-family: var(--lp-fonte-titulo); font-size: 24px; font-weight: 300; } .cta { display: inline-block; padding: 16px 32px; border-radius: 100px; font-family: var(--lp-fonte-titulo); font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: .8px; text-align: center; text-transform: uppercase; } .localizacao { position: relative; padding: 150px 0 100px; background: url("assets/images/localizacao/bg-localizacao.jpg") center top / cover no-repeat; overflow: hidden; } .localizacao::after { display: none; } .localizacao > * { position: relative; z-index: 1; } .localizacao .localizacao__content { display: flex; width: calc(100% - 48px); max-width: 1146px; margin: 0 auto; flex-direction: column; align-items: center; gap: 42px; } .localizacao__cabecalho { width: 100%; text-align: center; transform: translateX(-5px); } .localizacao__cabecalho h2 { display: flex; margin: 0; color: var(--lp-branco); font-family: var(--vic-font-body); font-size: 31px; font-weight: 300; line-height: 32px; align-items: baseline; justify-content: center; gap: 12px; } .localizacao__cabecalho strong { color: var(--vic-color-gold-500); font-family: var(--vic-font-display); font-size: 36px; font-weight: 700; line-height: 48px; letter-spacing: .035em; text-transform: uppercase; } .localizacao__cabecalho span { margin-left: 0; font-weight: 300; } .localizacao__layout { display: grid; width: calc(100% - 25px); max-width: 1121px; margin: 0; grid-template-columns: minmax(0, 1fr) 453px; align-self: flex-start; align-items: start; gap: 0; } .localizacao__content--map { min-width: 0; overflow: hidden; border-radius: 20px; box-shadow: 0 4px 15px rgba(0, 0, 0, .25); aspect-ratio: 718 / 423; } .localizacao__content--map .lp-zoom { width: 100%; height: 100%; } .localizacao__content--map img { width: 100%; height: 100%; border: 0; border-radius: 20px; object-fit: cover; object-position: 100% 32%; } .localizacao__content--infos { display: flex; width: 453px; min-width: 0; margin-top: 11px; flex-direction: column; align-items: flex-start; gap: 18px; } .localizacao__infos--lista { width: 358px; min-width: 0; min-height: 284px; margin: 0; padding: 20px 20px 20px 39px; border-radius: 32px; background: rgba(166, 111, 207, .6); } .localizacao__infos--lista ul { margin: 0; padding-left: 1.05em; list-style: disc; } .localizacao__infos--lista li { color: var(--vic-color-white); font-family: var(--vic-font-body); font-size: 14px; font-weight: 400; line-height: 22px; } .localizacao__infos--lista li::marker { color: var(--vic-color-gold-500); font-size: .8em; } .localizacao__infos--lista li b { color: var(--vic-color-white); font-weight: 600; } .localizacao__regiao { position: relative; display: flex; width: 390px; min-height: 44px; margin: 0; padding: 7px 18px; background: var(--vic-color-gold-500); color: var(--vic-color-purple-950); align-items: center; justify-content: center; } .localizacao__regiao p { margin: 0; font-family: var(--vic-font-body); font-size: 22px; font-weight: 300; line-height: 30px; text-align: center; text-transform: uppercase; transform: translateX(-6px); white-space: nowrap; } .localizacao__regiao strong { font-family: var(--vic-font-display); font-size: 28px; font-weight: 700; letter-spacing: .04em; } .localizacao__regiao--icone { position: absolute; top: 50%; right: -63px; display: block; width: 72px; height: 72px; transform: translateY(-50%); background: url("assets/images/localizacao/icone-localizacao-figma.svg") center / contain no-repeat; } .localizacao__regiao--icone svg { display: none; } .localizacao__cta { width: 100%; margin-top: 44px; text-align: center; transform: translateX(-10px); } .localizacao__cta a { padding: 14px 32px; min-height: 58px; border-radius: 48px; background: var(--vic-color-white); color: var(--vic-color-purple-800); font-family: var(--vic-font-body); font-size: 18px; font-weight: 600; line-height: 30px; letter-spacing: 0; text-transform: none; } .lp-zoom { position: relative; display: block; overflow: hidden; border-radius: inherit; cursor: zoom-in; } .lp-zoom::after { position: absolute; z-index: 2; right: 16px; bottom: 16px; width: 44px; height: 44px; border-radius: 50%; background-color: rgba(0, 0, 0, .55); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5M11 8v6M8 11h6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 22px; opacity: 0; content: ""; pointer-events: none; transition: opacity .25s ease; } .lp-zoom:hover::after, .lp-zoom:focus-visible::after { opacity: 1; } .lightbox { width: 100vw; height: 100dvh; max-width: none; max-height: none; margin: 0; padding: 64px 24px 24px; border: 0; background: rgba(8, 12, 5, .94); } .lightbox[open] { display: flex; align-items: center; justify-content: center; } .lightbox::backdrop { background: rgba(8, 12, 5, .94); } .lightbox__image { width: auto; max-width: min(1200px, 94vw); height: auto; max-height: calc(100dvh - 88px); object-fit: contain; } .lightbox__close { position: fixed; z-index: 2; top: 18px; right: 22px; width: 48px; height: 48px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .14); color: var(--lp-branco); font-size: 34px; line-height: 1; cursor: pointer; } .lightbox__close:hover, .lightbox__close:focus-visible { background: var(--lp-laranja-escuro); } @media (hover: none) { .lp-zoom::after { opacity: 1; } } @media (max-width: 1024px) { .titulo { font-size: 32px; } .subtitulo { font-size: 20px; } .cta { font-size: 14px; line-height: 22px; } .localizacao { margin-top: 0; padding: 64px 0; background: url("assets/images/localizacao/bg-localizacao.jpg") center top / cover no-repeat; } .localizacao::after { display: none; } .localizacao .localizacao__content { width: calc(100% - 40px); max-width: 720px; align-items: center; gap: 28px; } .localizacao__cabecalho h2 { font-size: clamp(22px, 4vw, 28px); line-height: 1.1; gap: 8px; } .localizacao__cabecalho { transform: none; } .localizacao__cabecalho strong { font-size: clamp(30px, 5.5vw, 38px); line-height: 1.1; } .localizacao__cabecalho span { margin-left: 0; width: 100%; } .localizacao__layout { display: flex; width: 100%; max-width: 720px; flex-direction: column; align-items: center; gap: 28px; } .localizacao__content--infos { width: 100%; margin-top: 0; order: 2; align-items: center; } .localizacao__content--map { width: 100%; order: 1; margin-top: 0; } .localizacao__content--map img { width: 100%; height: 100%; } .localizacao__infos--lista { width: 100%; min-width: 0; min-height: 0; max-width: none; margin: 0 auto; padding: 30px 32px; border-radius: 28px; } .localizacao__infos--lista li { font-size: 16px; line-height: 24px; } .localizacao__regiao { width: calc(100% - 38px); max-width: 600px; min-height: 58px; margin-right: 38px; padding: 10px 24px; } .localizacao__regiao p { font-size: clamp(18px, 3.4vw, 24px); transform: none; } .localizacao__regiao--icone { right: -38px; width: 76px; height: 76px; } .localizacao__cta { margin-top: 32px; transform: none; } .localizacao__cta a { display: inline-block; width: auto; margin: 0 auto; font-size: 18px; text-align: center; } } @media (min-width: 768px) and (max-width: 1024px) { .localizacao__cta a { width: auto; padding: 16px 32px; } } @media (max-width: 768px) { .localizacao__cabecalho h2 { flex-direction: column; } .localizacao__cabecalho strong { font-size: clamp(24px, 7vw, 30px); } .lp-zoom::after { right: 10px; bottom: 10px; width: 34px; height: 34px; background-size: 17px; } } @media (max-width: 400px) { .titulo { font-size: 28px; } .localizacao__infos--lista { padding: 26px 20px; } .localizacao__infos--lista li { font-size: 14px; line-height: 22px; } .localizacao__regiao p { font-size: 15px; line-height: 1.15; white-space: normal; } .localizacao__regiao { width: calc(100% - 72px); margin-right: 72px; } .localizacao__regiao--icone { right: -62px; width: 68px; height: 68px; } .localizacao__cta .cta { display: block; width: calc(100% - 40px); max-width: 360px; margin-right: auto; margin-left: auto; font-size: 16px; } } /* ========================================================================== Novo lar ========================================================================== */ @font-face { font-family: "Niela"; src: url("assets/fonts/niela-medium.otf") format("opentype"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: "Jaella"; src: url("assets/fonts/jaella-black.otf") format("opentype"); font-style: normal; font-weight: 900; font-display: swap; } :root { color-scheme: light; } *, *::before, *::after { box-sizing: border-box; } html, body { margin: 0; min-width: 320px; } body { background: #003d64; } button, a { -webkit-tap-highlight-color: transparent; } .lp-novo-lar { position: relative; isolation: isolate; display: grid; grid-template-columns: 486px minmax(0, 1fr); align-items: start; gap: 29px; width: 100%; height: 885px; min-height: 885px; padding: 121px 0 0 max(24px, calc((100vw - 1206px) / 2)); overflow: hidden; background: #ded1fd; } .lp-novo-lar::before, .lp-novo-lar::after { content: ""; position: absolute; pointer-events: none; } .lp-novo-lar::before { z-index: 0; inset: 0; background: url("assets/images/novo-lar/decor/textura-figma.webp") center / cover no-repeat; mix-blend-mode: soft-light; opacity: 0.3; } .lp-novo-lar::after { z-index: 1; top: 0; left: 35.8333%; width: 1254px; height: 885px; background: url("assets/images/novo-lar/decor/circulos-figma.svg") left top / 1254px 885px no-repeat; opacity: 0.42; } .lp-novo-lar__content, .lp-novo-lar__gallery { position: relative; z-index: 4; min-width: 0; } .lp-novo-lar__content { width: 486px; } .lp-novo-lar__title { margin: 0 0 24px; } .lp-novo-lar__title p, .lp-novo-lar__title h2 { margin: 0; } .lp-novo-lar__title p { margin-left: 31px; color: #4d2994; font-family: var(--vic-font-body); font-size: 32px; font-weight: 300; line-height: 1; } .lp-novo-lar__title h2 { color: #4d2994; font-family: var(--vic-font-display); font-size: 40px; font-weight: 700; line-height: 1.2; letter-spacing: -2px; text-transform: uppercase; } .lp-novo-lar__features { display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; } .lp-novo-lar__features li { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 8px; min-height: 24px; margin: 0; color: #4d2994; } .lp-novo-lar__features img { display: block; width: 24px; height: 24px; object-fit: contain; } .lp-novo-lar__features li span { grid-column: 2; min-width: 0; color: #4d2994; font-family: var(--vic-font-body); font-size: 16px; font-weight: 400; line-height: 1.25; overflow-wrap: anywhere; } .lp-novo-lar__note { margin-top: 2px; } .lp-novo-lar__cta { display: inline-flex; align-items: center; justify-content: center; min-width: 226px; min-height: 62px; margin-top: 37px; padding: 16px 40px; border-radius: 48px; color: #f9ac32; background: #4d2994; font-family: var(--vic-font-body); font-size: 20px; font-weight: 600; line-height: 1.5; letter-spacing: normal; text-align: center; text-decoration: none; text-transform: none; } .lp-novo-lar__gallery { margin-top: 55px; width: 100%; height: 500px; } .lp-novo-lar__swiper, .lp-novo-lar__swiper .swiper-wrapper, .lp-novo-lar__swiper .swiper-slide { height: 100%; } .lp-novo-lar__swiper { width: 100%; min-width: 0; overflow: hidden; } .lp-novo-lar__swiper .swiper-slide { width: 654px; min-width: 0; } .lp-novo-lar__image { position: relative; width: 100%; height: 100%; margin: 0; overflow: hidden; border-radius: 16px; background: #fff; } .lp-novo-lar__zoom { position: absolute; inset: 0; display: block; cursor: zoom-in; } .lp-novo-lar__image img { position: absolute; top: 50%; left: 50%; display: block; width: 100%; max-width: none; height: 100%; object-fit: cover; transform: translate(-50%, -50%); transition: transform 350ms ease; } .lp-novo-lar__zoom::after { content: ""; position: absolute; right: 16px; bottom: 16px; width: 38px; height: 38px; border: 1px solid rgb(255 255 255 / 70%); border-radius: 50%; background: rgb(0 61 100 / 72%); box-shadow: 0 4px 14px rgb(0 0 0 / 18%); opacity: 0; transition: opacity 220ms ease, transform 220ms ease; } .lp-novo-lar__zoom::before { content: "+"; position: absolute; z-index: 1; right: 16px; bottom: 16px; display: grid; place-items: center; width: 38px; height: 38px; color: #fff; font: 300 25px/1 "Poppins", sans-serif; opacity: 0; transition: opacity 220ms ease, transform 220ms ease; } .lp-novo-lar__zoom:hover img { transform: translate(-50%, -50%) scale(1.015); } .lp-novo-lar__zoom:hover::before, .lp-novo-lar__zoom:hover::after, .lp-novo-lar__zoom:focus-visible::before, .lp-novo-lar__zoom:focus-visible::after { opacity: 1; transform: scale(1.04); } .lp-novo-lar__zoom:focus-visible, .lp-novo-lar__arrow:focus-visible, .lp-novo-lar-lightbox button:focus-visible { outline: 3px solid #eaddbc; outline-offset: 3px; } .lp-novo-lar__arrows { position: absolute; z-index: 5; bottom: -74px; left: 0; display: flex; gap: 16px; transform: none; } .lp-novo-lar__arrow { display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; transition: transform 180ms ease, opacity 180ms ease; } .lp-novo-lar__arrow:hover { transform: scale(1.08); } .lp-novo-lar__arrow img { display: block; width: 42px; height: 42px; } .lp-novo-lar__next img { transform: rotate(180deg); } .lp-novo-lar__arrow.swiper-button-disabled { opacity: 0.45; } .lp-novo-lar-lightbox { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 56px 74px; border: 0; background: rgb(0 31 51 / 96%); color: #fff; overflow: hidden; } .lp-novo-lar-lightbox[open] { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; grid-template-rows: minmax(0, 1fr) auto; align-items: center; gap: 12px; } .lp-novo-lar-lightbox::backdrop { background: rgb(0 31 51 / 86%); } .lp-novo-lar-lightbox__image { grid-column: 2; grid-row: 1; display: block; max-width: 100%; max-height: calc(100dvh - 124px); margin: auto; border-radius: 12px; object-fit: contain; } .lp-novo-lar-lightbox__close, .lp-novo-lar-lightbox__nav { border: 0; color: #fff; background: transparent; cursor: pointer; } .lp-novo-lar-lightbox__close { position: absolute; z-index: 2; top: 14px; right: 22px; padding: 4px 10px; font: 300 42px/1 "Poppins", sans-serif; } .lp-novo-lar-lightbox__nav { display: grid; place-items: center; width: 48px; height: 64px; padding: 0; font: 300 56px/1 "Poppins", sans-serif; } .lp-novo-lar-lightbox__prev { grid-column: 1; grid-row: 1; } .lp-novo-lar-lightbox__next { grid-column: 3; grid-row: 1; } .lp-novo-lar-lightbox__counter { grid-column: 1 / -1; grid-row: 2; margin: 4px 0 0; text-align: center; font: 300 13px/1.4 "Poppins", sans-serif; } @media (max-width: 1200px) and (min-width: 901px) { .lp-novo-lar { grid-template-columns: minmax(320px, 390px) minmax(0, 1fr); gap: 36px; padding-left: 24px; } .lp-novo-lar__content { width: 100%; } } @media (max-width: 900px) { .lp-novo-lar { display: flex; flex-direction: column; align-items: center; gap: 0; height: auto; min-height: 0; padding: 72px 16px 104px; } .lp-novo-lar__content, .lp-novo-lar__gallery { width: 100%; max-width: 680px; } .lp-novo-lar__content { margin: 0 auto; } .lp-novo-lar__gallery { margin-top: 48px; height: auto; aspect-ratio: 654 / 500; } .lp-novo-lar__swiper .swiper-slide { width: 100%; } } @media (max-width: 560px) { .lp-novo-lar__image { border-radius: 10px; } .lp-novo-lar-lightbox { padding: 52px 8px 36px; } .lp-novo-lar-lightbox[open] { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 2px; } .lp-novo-lar-lightbox__nav { width: 34px; font-size: 44px; } .lp-novo-lar-lightbox__image { max-height: calc(100dvh - 108px); border-radius: 8px; } } @media (max-width: 480px) { .lp-novo-lar { padding-top: 60px; } .lp-novo-lar__title p { font-size: 24px; } .lp-novo-lar__title h2 { font-size: 34px; } .lp-novo-lar__features span { font-size: 14px; } .lp-novo-lar__cta { min-height: 56px; padding: 13px 30px; font-size: 18px; } } @media (prefers-reduced-motion: reduce) { .lp-novo-lar__image img, .lp-novo-lar__zoom::before, .lp-novo-lar__zoom::after, .lp-novo-lar__arrow { transition: none; } } /* ========================================================================== Plantas ========================================================================== */ :root { color-scheme: light; --laranja-400: #ee7525; --azul: #00576b; --azul-300: #9fccd4; --azul-600: #023b49; --azul-escuro: #011b23; --cinza-texto: #1d1e1c; } *, *::before, *::after { box-sizing: border-box; } html, body { min-width: 320px; margin: 0; } body, button { font-family: "Poppins", sans-serif; } body { background: var(--azul-escuro); } img { max-width: 100%; height: auto; } .container { width: 90%; max-width: 1200px; margin: 0 auto; } .plantas_section { position: relative; padding: 90px 0; overflow: hidden; background: #7B54D2; } .plantas_section::before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: auto; background: url("assets/images/plantas/plantas-after.svg") top right / auto no-repeat; aspect-ratio: 480 / 209; } .plantas_section::after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: #7B54D2; opacity: 0.8; } .plantas_titulo_wrap { position: relative; z-index: 1; margin-bottom: 30px; text-align: center; } .plantas_titulo { position: relative; display: inline-flex; align-items: center; margin: 0; padding: 10px 22px; border-radius: 8px; border: 1px solid #FCCDF0; background: #FCCDF0; color: #6B42AB; font-family: "Aalto Sans Essential Alt"; font-size: 32px; font-style: normal; font-weight: 600; line-height: 32px; } .plantas_titulo strong { color: #F9AC32; font-family: "Distinct Style Sans Bold"; font-size: 80px; font-style: normal; font-weight: 400; position: absolute; z-index: 2; top: 50%; left: -45px; line-height: 1; transform: translateY(-50%); } .plantas_titulo_wrap::after { content: ""; display: block; width: 180px; height: 2px; margin: 20px auto 0; background: linear-gradient(90deg, #00506a 0%, #a0cdd5 100%); } .plantas_imagens { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 20px; } .plantas_imagem_link { display: block; width: calc(50% - 20px); max-width: 620px; cursor: zoom-in; transition: transform 300ms ease, filter 300ms ease; } .plantas_imagem_link:hover { filter: brightness(1.03); transform: translateY(-2px); } .plantas_imagem_link:focus-visible, .plantas_lightbox button:focus-visible { outline: 3px solid var(--azul-300); outline-offset: 4px; } .plantas_imagem { display: block; width: 100%; height: auto; } .plantas_lightbox { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 56px 74px; border: 0; background: rgb(1 27 35 / 96%); color: #fff; overflow: hidden; } .plantas_lightbox[open] { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; grid-template-rows: minmax(0, 1fr) auto; align-items: center; gap: 12px; } .plantas_lightbox::backdrop { background: rgb(1 27 35 / 88%); } .plantas_lightbox_imagem { grid-column: 2; grid-row: 1; display: block; max-width: 100%; max-height: calc(100dvh - 124px); margin: auto; object-fit: contain; } .plantas_lightbox_close, .plantas_lightbox_nav { padding: 0; border: 0; color: #fff; background: transparent; cursor: pointer; } .plantas_lightbox_close { position: absolute; z-index: 2; top: 12px; right: 22px; padding: 4px 10px; font-size: 42px; font-weight: 400; line-height: 1; } .plantas_lightbox_nav { display: grid; place-items: center; width: 48px; height: 64px; font-size: 56px; font-weight: 400; line-height: 1; } .plantas_lightbox_prev { grid-column: 1; grid-row: 1; } .plantas_lightbox_next { grid-column: 3; grid-row: 1; } .plantas_lightbox_contador { grid-column: 1 / -1; grid-row: 2; margin: 4px 0 0; color: #fff; text-align: center; font-size: 13px; line-height: 1.4; } @media screen and (max-width: 980px) { .plantas_section { margin-top: -1px; padding: 60px 0; } .plantas_section::before, .plantas_section::after { display: none; } .plantas_titulo { padding: 14px 22px 14px 60px; font-size: 18px; } .plantas_titulo strong { left: -6px; font-size: 80px; } .plantas_imagens { flex-direction: column; align-items: center; } .plantas_imagem_link { width: 100%; } } @media screen and (max-width: 560px) { .plantas_titulo_wrap { margin-bottom: 26px; } .plantas_titulo { max-width: calc(100% - 12px); padding-right: 14px; padding-left: 54px; font-size: 16px; } .plantas_titulo strong { font-size: 70px; } .plantas_lightbox { padding: 52px 8px 36px; } .plantas_lightbox[open] { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 2px; } .plantas_lightbox_nav { width: 34px; font-size: 44px; } .plantas_lightbox_imagem { max-height: calc(100dvh - 108px); } } @media (prefers-reduced-motion: reduce) { .plantas_imagem_link { transition: none; } } /* ========================================================================== Diferenciais ========================================================================== */ @font-face { font-family: "Niela"; src: url("assets/fonts/niela-medium.otf") format("opentype"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: "Niela"; src: url("assets/fonts/niela-semibold.otf") format("opentype"); font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-family: "Jaella"; src: url("assets/fonts/jaella-black.otf") format("opentype"); font-style: normal; font-weight: 900; font-display: swap; } :root { color-scheme: light; --lp-blue: #003d64; } *, *::before, *::after { box-sizing: border-box; } html, body { min-width: 320px; margin: 0; } body { background: #f5d894; } button, a { -webkit-tap-highlight-color: transparent; } .lp-diferenciais { position: relative; isolation: isolate; display: block; width: 100%; height: 985px; min-height: 985px; padding: 0; overflow: hidden; background: url(assets/images/bg-diferenciais.jpg) no-repeat center top / cover; } .lp-diferenciais__title, .lp-diferenciais__image, .lp-diferenciais__list { position: relative; z-index: 3; min-width: 0; } .lp-diferenciais__title { position: absolute; top: 157px; left: calc(50% - 269px); display: flex; align-items: baseline; justify-content: center; gap: 8px; width: max-content; max-width: calc(100% - 48px); margin: 0; text-align: center; transform: none; } .lp-diferenciais__title h2, .lp-diferenciais__title p { margin: 0; } .lp-diferenciais__title h2 { flex: 0 0 320px; color: #f9ac32; font-family: var(--vic-font-display); font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: -2px; text-transform: uppercase; } .lp-diferenciais__title p { color: #fff; font-family: var(--vic-font-body); font-size: 32px; font-weight: 300; line-height: 32px; } .lp-diferenciais__title strong { color: inherit; font-family: inherit; font-weight: 600; } .lp-diferenciais__image { position: absolute; top: 253px; left: calc(50% - 590px); width: 688px; height: 462px; overflow: hidden; border: 0; border-radius: 16px; background: #fff; box-shadow: 0 4px 15px rgb(0 0 0 / 25%); } .lp-diferenciais__swiper, .lp-diferenciais__swiper .swiper-wrapper, .lp-diferenciais__swiper .swiper-slide, .lp-diferenciais__zoom { width: 100%; height: 100%; } .lp-diferenciais__swiper { position: relative; overflow: hidden; } .lp-diferenciais__zoom { position: relative; display: block; cursor: zoom-in; } .lp-diferenciais__image .lp-diferenciais__zoom > img { position: absolute; top: 50%; left: 50%; display: block; width: 138.85%; max-width: none; height: 103.4%; object-fit: cover; transform: translate(-50%, -50%); transition: transform 350ms ease; } .lp-diferenciais__zoom::after { display: none; } .lp-diferenciais__zoom:hover > img { transform: translate(-50%, -50%) scale(1.015); } .lp-diferenciais__zoom:hover::after, .lp-diferenciais__zoom:focus-visible::after { opacity: 1; transform: scale(1.04); } .lp-diferenciais__arrows { display: none; } .lp-diferenciais__nav { display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 0; background: transparent; cursor: pointer; transition: scale 180ms ease, filter 180ms ease; } .lp-diferenciais__nav:hover { scale: 1.1; filter: brightness(1.12); } .lp-diferenciais__nav:disabled { cursor: default; } .lp-diferenciais__nav img { position: static; display: block; width: 100%; height: 100%; object-fit: contain; transform: none; } .lp-diferenciais__list { position: absolute; top: 294px; left: calc(50% + 114px); display: grid; gap: 16px; width: 485px; margin: 0; padding: 0; list-style: none; } .lp-diferenciais__list li { display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 8px; color: #fff; } .lp-diferenciais__list img { display: block; width: 24px; max-width: none; height: 24px; object-fit: contain; } .lp-diferenciais__list li span { min-width: 0; color: #fff; font-family: var(--vic-font-body); font-size: 15px; font-style: normal; font-weight: 400; line-height: normal; overflow-wrap: anywhere; } .lp-diferenciais__list li:nth-child(5) img { width: 17.5px; height: 23.5px; justify-self: center; } .lp-diferenciais__list li:nth-child(7) img { width: 20.15px; height: 19.8px; justify-self: center; } .lp-diferenciais__list li:nth-child(8) img { width: 20.8px; height: 20.8px; justify-self: center; } .lp-diferenciais__list li:nth-child(10) { grid-template-columns: 20px minmax(0, 1fr); } .lp-diferenciais__list li:nth-child(10) img { width: 20px; height: 20px; } .lp-diferenciais__cta { position: absolute; top: 763px; left: 50%; z-index: 3; display: inline-flex; align-items: center; justify-content: center; min-width: 262px; min-height: 62px; margin: 0; padding: 16px 40px; border-radius: 48px; color: #643da8; background: #f9ac32; font-family: var(--vic-font-body); font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: normal; text-align: center; text-decoration: none; text-transform: none; transform: translateX(-50%); } @media (max-width: 1300px) and (min-width: 901px) { .lp-diferenciais { display: grid; grid-template-columns: minmax(0, 688px) minmax(320px, 485px); gap: 48px 32px; height: auto; min-height: 0; padding: 96px 24px; } .lp-diferenciais__title, .lp-diferenciais__image, .lp-diferenciais__list, .lp-diferenciais__cta { position: relative; inset: auto; transform: none; } .lp-diferenciais__title { grid-column: 1 / -1; justify-self: center; } .lp-diferenciais__image { width: 100%; height: auto; aspect-ratio: 688 / 462; } .lp-diferenciais__list { width: 100%; align-self: center; } .lp-diferenciais__cta { grid-column: 1 / -1; justify-self: center; } } .lp-diferenciais__zoom:focus-visible, .lp-diferenciais__nav:focus-visible, .lp-diferenciais-lightbox button:focus-visible { outline: 3px solid var(--lp-blue); outline-offset: 3px; } .lp-diferenciais-lightbox { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 56px 74px; border: 0; background: rgb(0 31 51 / 96%); color: #fff; overflow: hidden; } .lp-diferenciais-lightbox[open] { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; grid-template-rows: minmax(0, 1fr) auto; align-items: center; gap: 12px; } .lp-diferenciais-lightbox::backdrop { background: rgb(0 31 51 / 86%); } .lp-diferenciais-lightbox__image { grid-column: 2; grid-row: 1; display: block; max-width: 100%; max-height: calc(100dvh - 124px); margin: auto; border-radius: 12px; object-fit: contain; } .lp-diferenciais-lightbox__close, .lp-diferenciais-lightbox__nav { border: 0; color: #fff; background: transparent; cursor: pointer; } .lp-diferenciais-lightbox__close { position: absolute; z-index: 2; top: 14px; right: 22px; padding: 4px 10px; font: 500 42px/1 "Niela", sans-serif; } .lp-diferenciais-lightbox__nav { display: grid; place-items: center; width: 48px; height: 64px; padding: 0; font: 500 56px/1 "Niela", sans-serif; } .lp-diferenciais-lightbox__prev { grid-column: 1; grid-row: 1; } .lp-diferenciais-lightbox__next { grid-column: 3; grid-row: 1; } .lp-diferenciais-lightbox__counter { grid-column: 1 / -1; grid-row: 2; margin: 4px 0 0; text-align: center; font: 500 13px/1.4 "Niela", sans-serif; } @media (max-width: 900px) { .lp-diferenciais { display: flex; flex-direction: column; align-items: center; height: auto; min-height: 0; padding: 72px 16px 84px; } .lp-diferenciais__title, .lp-diferenciais__image, .lp-diferenciais__list, .lp-diferenciais__cta { position: relative; inset: auto; width: 100%; max-width: 680px; transform: none; } .lp-diferenciais__title { flex-wrap: wrap; gap: 8px; margin: 0 auto 42px; } .lp-diferenciais__title h2 { font-size: 40px; } .lp-diferenciais__title p { font-size: 28px; line-height: 32px; } .lp-diferenciais__image { height: auto; margin: 0 auto 38px; aspect-ratio: 688 / 462; } .lp-diferenciais__list { gap: 16px; margin: 0 auto 42px; } .lp-diferenciais__cta { width: auto; margin: 0 auto; } } @media (max-width: 480px) { .lp-diferenciais { padding-top: 60px; } .lp-diferenciais__title { display: block; } .lp-diferenciais__title h2 { font-size: 35px; } .lp-diferenciais__title p { margin-top: 4px; font-size: 19px; } .lp-diferenciais__list span { font-size: 14px; } } @media (max-width: 560px) { .lp-diferenciais__image { border-width: 3px; border-radius: 10px; } .lp-diferenciais__arrows { right: 10px; bottom: 10px; gap: 8px; } .lp-diferenciais__nav { width: 42px; height: 42px; } .lp-diferenciais-lightbox { padding: 52px 8px 36px; } .lp-diferenciais-lightbox[open] { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 2px; } .lp-diferenciais-lightbox__nav { width: 34px; font-size: 44px; } .lp-diferenciais-lightbox__image { max-height: calc(100dvh - 108px); border-radius: 8px; } } @media (prefers-reduced-motion: reduce) { .lp-diferenciais__zoom > img, .lp-diferenciais__zoom::after, .lp-diferenciais__nav { transition: none; } } /* ========================================================================== Ajustes das seções finais ========================================================================== */ .lp-final-lightbox { width: 100vw; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 56px 74px; border: 0; background: rgb(0 31 51 / 96%); color: #fff; overflow: hidden; } .lp-final-lightbox[open] { display: grid; grid-template-columns: 48px minmax(0, 1fr) 48px; grid-template-rows: minmax(0, 1fr) auto; align-items: center; gap: 12px; } .lp-final-lightbox::backdrop { background: rgb(0 31 51 / 86%); } .lp-final-lightbox__image { grid-column: 2; grid-row: 1; display: block; max-width: 100%; max-height: calc(100dvh - 124px); margin: auto; border-radius: 12px; object-fit: contain; } .lp-final-lightbox__close, .lp-final-lightbox__nav { padding: 0; border: 0; color: #fff; background: transparent; cursor: pointer; } .lp-final-lightbox__close { position: absolute; z-index: 2; top: 14px; right: 22px; padding: 4px 10px; font: 300 42px/1 "Poppins", sans-serif; } .lp-final-lightbox__nav { display: grid; place-items: center; width: 48px; height: 64px; font: 300 56px/1 "Poppins", sans-serif; } .lp-final-lightbox__prev { grid-column: 1; grid-row: 1; } .lp-final-lightbox__next { grid-column: 3; grid-row: 1; } .lp-final-lightbox__counter { grid-column: 1 / -1; grid-row: 2; margin: 4px 0 0; color: #fff; text-align: center; font: 300 13px/1.4 "Poppins", sans-serif; } .lp-final-lightbox button:focus-visible { outline: 3px solid #fcaf36; outline-offset: 3px; } .aceitar_cookies[hidden] { display: none !important; } @media (max-width: 560px) { .lp-final-lightbox { padding: 52px 8px 36px; } .lp-final-lightbox[open] { grid-template-columns: 34px minmax(0, 1fr) 34px; gap: 2px; } .lp-final-lightbox__nav { width: 34px; font-size: 44px; } .lp-final-lightbox__image { max-height: calc(100dvh - 108px); border-radius: 8px; } } /* ========================================================================== Design system e ajustes finais do tema ========================================================================== */ :root { color-scheme: light; } html { scroll-behavior: smooth; } html, body { margin: 0; padding: 0; } body { overflow-x: hidden; } main { display: block; } /** * VIC Engenharia — Esplanada Votorantim * Design system extraido do frame `home` (4032:2) do Figma. * * Este arquivo e a camada de tema do projeto: define os tokens em `:root`, * faz a ponte com os nomes legados e aplica os componentes fundamentais. */ @font-face { font-family: "Aalto Sans Essential Alt"; src: url("assets/fonts/AaltoSansEssentialAlt-Light.otf") format("opentype"); font-style: normal; font-weight: 300; font-display: swap; } @font-face { font-family: "Aalto Sans Essential Alt"; src: url("assets/fonts/AaltoSansEssentialAlt-Regular.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: "Aalto Sans Essential Alt"; src: url("assets/fonts/AaltoSansEssentialAlt-SemiBold.otf") format("opentype"); font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-family: "Aalto Sans Essential Alt"; src: url("assets/fonts/AaltoSansEssentialAlt-Bold.otf") format("opentype"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: "Distinct Style Sans Bold"; src: url("assets/fonts/DistinctStyleSansBold.otf") format("opentype"); font-style: normal; font-weight: 700; font-display: swap; } :root { /* Primitivos de cor — paleta Frame 218 (6001:2). */ --vic-color-black: #000000; --vic-color-purple-950: #3e1f79; --vic-color-purple-800: #4b1c9b; --vic-color-purple-600: #6b42ab; --vic-color-purple-500: #643da8; --vic-color-lavender-100: #ded1fd; --vic-color-gold-500: #f9ac32; --vic-color-pink-100: #fccdf0; --vic-color-orange-500: #fd7609; --vic-color-white: #ffffff; --vic-color-whatsapp: #54ba49; /* Tokens semanticos. */ --vic-color-brand: var(--vic-color-purple-800); --vic-color-brand-dark: var(--vic-color-purple-950); --vic-color-brand-mid: var(--vic-color-purple-600); --vic-color-brand-soft: var(--vic-color-lavender-100); --vic-color-action: var(--vic-color-gold-500); --vic-color-action-hover: var(--vic-color-orange-500); --vic-color-action-text: var(--vic-color-purple-500); --vic-color-accent: var(--vic-color-orange-500); --vic-color-surface: var(--vic-color-white); --vic-color-surface-alt: var(--vic-color-pink-100); --vic-color-text: var(--vic-color-black); --vic-color-text-brand: var(--vic-color-purple-800); --vic-color-text-inverse: var(--vic-color-white); /* Gradientes usados nas grandes areas do layout. */ --vic-gradient-brand: linear-gradient(135deg, var(--vic-color-purple-600) 0%, var(--vic-color-purple-950) 100%); --vic-gradient-action: linear-gradient(135deg, var(--vic-color-gold-500) 0%, var(--vic-color-orange-500) 100%); --vic-gradient-soft: linear-gradient(135deg, var(--vic-color-pink-100) 0%, var(--vic-color-lavender-100) 100%); /* Tipografia observada no Figma, com fallback web seguro. */ --vic-font-body: "Aalto Sans Essential Alt", "Poppins", Arial, sans-serif; --vic-font-display: "Distinct Style Sans Bold", "Poppins", Arial, sans-serif; --vic-font-size-xs: 0.75rem; --vic-font-size-sm: 0.875rem; --vic-font-size-md: 1rem; --vic-font-size-lg: 1.25rem; --vic-font-size-xl: 1.5rem; --vic-font-size-2xl: clamp(2rem, 3vw, 3rem); --vic-font-size-display: clamp(2.75rem, 4vw, 4rem); --vic-line-height-tight: 1; --vic-line-height-title: 1.1; --vic-line-height-body: 1.5; --vic-letter-spacing-display: -0.05em; /* Escala estrutural. */ --vic-space-1: 0.25rem; --vic-space-2: 0.5rem; --vic-space-3: 0.75rem; --vic-space-4: 1rem; --vic-space-5: 1.5rem; --vic-space-6: 2rem; --vic-space-7: 3rem; --vic-space-8: 4rem; --vic-space-section: clamp(4rem, 7vw, 7rem); --vic-container: 1200px; --vic-gutter: clamp(1.25rem, 5vw, 3.75rem); --vic-radius-sm: 0.5rem; --vic-radius-md: 1rem; --vic-radius-lg: 1.5rem; --vic-radius-control: 3rem; --vic-radius-pill: 999px; --vic-shadow-card: 0 20px 40px rgb(62 31 121 / 16%); --vic-shadow-media: 0 8px 30px rgb(62 31 121 / 24%); --vic-transition: 180ms ease; /* * Ponte para as seções existentes. Os aliases preservam a API visual * existente e fazem todas as dobras consumirem a mesma fonte de verdade. */ --lp-verde: var(--vic-color-brand); --lp-verde-escuro: var(--vic-color-brand-dark); --lp-verde-claro: var(--vic-color-lavender-100); --lp-amarelo: var(--vic-color-gold-500); --lp-amarelo-claro: var(--vic-color-lavender-100); --lp-laranja: var(--vic-color-orange-500); --lp-laranja-escuro: var(--vic-color-orange-500); --lp-branco: var(--vic-color-white); --lp-blue: var(--vic-color-brand); --lp-orange: var(--vic-color-gold-500); --lp-brown: var(--vic-color-action-text); --lp-form: var(--vic-color-brand-mid); --lp-green: var(--vic-color-whatsapp); --lp-grad-amarelo: var(--vic-gradient-soft); --lp-grad-laranja: var(--vic-gradient-action); --lp-grad-quente: var(--vic-gradient-action); --lp-fonte-titulo: var(--vic-font-display); --lp-fonte-apoio: var(--vic-font-body); --pv-laranja: var(--vic-color-orange-500); --pv-laranja-claro: var(--vic-color-pink-100); --pv-laranja-escuro: var(--vic-color-orange-500); --pv-verde-whatsapp: var(--vic-color-whatsapp); --pv-branco: var(--vic-color-white); --pv-cinza-claro: var(--vic-color-lavender-100); --pv-cinza: var(--vic-color-lavender-100); --pv-cinza-medio: var(--vic-color-pink-100); --pv-preto: var(--vic-color-black); --pv-fonte-titulo: var(--vic-font-body); --pv-fonte-depo: var(--vic-font-body); --laranja-400: var(--vic-color-orange-500); --azul: var(--vic-color-purple-800); --azul-300: var(--vic-color-lavender-100); --azul-600: var(--vic-color-purple-950); --azul-escuro: var(--vic-color-purple-950); --cinza-texto: var(--vic-color-black); --swiper-theme-color: var(--vic-color-gold-500); } /* Base do tema ---------------------------------------------------------- */ :root { background: var(--vic-color-surface); color: var(--vic-color-text); font-family: var(--vic-font-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } :where(button, input, select, textarea) { font-family: var(--vic-font-body); } :where(.container, .lp-sobre__container, .lp-depoimentos__container, .lp-empreendimentos__container) { width: min(var(--vic-container), calc(100% - (2 * var(--vic-gutter)))); } :where(a, button, input, select, textarea):focus-visible { outline: 3px solid var(--vic-color-gold-500); outline-offset: 4px; } /* Cabecalho ------------------------------------------------------------- */ .lp-menu__pill { background: rgb(255 255 255 / 72%); box-shadow: 0 8px 30px rgb(62 31 121 / 10%); } .lp-menu__wpp-badge { background: var(--vic-color-whatsapp); font-family: var(--vic-font-body); } .lp-menu__wpp-number { font-family: var(--vic-font-body); } /* Titulos --------------------------------------------------------------- */ :where( .titulo, .lp-novo-lar__title h2, .lp-diferenciais__title h2, .plantas_titulo, .condicoes__content--titulo h2, .lp-sobre__titulo strong, .lp-depoimentos__titulo strong, .lp-empreendimentos__titulo strong ) { font-family: var(--vic-font-display); font-weight: 700; letter-spacing: var(--vic-letter-spacing-display); } :where( .subtitulo, .lp-novo-lar__title p, .lp-diferenciais__title p, .lp-sobre__titulo, .lp-depoimentos__titulo, .lp-empreendimentos__titulo ) { font-family: var(--vic-font-body); } /* Botoes — 262 x 62, raio 48 e tipografia 20/30 do componente do Figma. */ :where( .cta, .lp-empreendimentos__cta, .lp-form__form input.lp-form__submit, .lp-form button, .wpcf7-submit ) { display: inline-flex; min-width: min(262px, 100%); min-height: 62px; padding: 16px 40px; border: 0; border-radius: var(--vic-radius-control); background: var(--vic-color-action); box-shadow: 0 10px 24px rgb(62 31 121 / 14%); color: var(--vic-color-action-text); font-family: var(--vic-font-body); font-size: 20px; font-weight: 600; line-height: 30px; letter-spacing: 0; text-align: center; text-decoration: none; text-transform: none; align-items: center; justify-content: center; cursor: pointer; transition: background-color var(--vic-transition), color var(--vic-transition), transform var(--vic-transition), box-shadow var(--vic-transition); } /* Aumenta a especificidade somente nos CTAs das dobras legadas. */ .lazer__lista--cta .cta, .lp-empreendimentos__cta { background: var(--vic-color-action); color: var(--vic-color-action-text); } :where( .cta, .lp-empreendimentos__cta, .lp-form__form input.lp-form__submit, .lp-form button, .wpcf7-submit ):hover { background: var(--vic-color-action-hover); color: var(--vic-color-white); box-shadow: 0 14px 30px rgb(62 31 121 / 22%); transform: translateY(-2px); } .lazer__lista--cta .cta:hover, .lp-empreendimentos__cta:hover { background: var(--vic-color-action-hover); color: var(--vic-color-white); } .localizacao__cta .cta { background: var(--vic-color-white); box-shadow: none; color: var(--vic-color-purple-800); } .localizacao__cta .cta:hover { background: var(--vic-color-gold-500); color: var(--vic-color-purple-950); } /* Formularios ----------------------------------------------------------- */ :where(.lp-form__box--venda, .lp-form-card__body) { border-radius: var(--vic-radius-lg); background: var(--vic-gradient-brand); box-shadow: var(--vic-shadow-card); } .lp-form__box--venda { background: var(--vic-gradient-action); } :where(.lp-form__titulo, .lp-form-card__body h2) { font-family: var(--vic-font-body); font-weight: 600; } :where( .lp-form input[type="text"], .lp-form input[type="email"], .lp-form input[type="tel"], .lp-form select, .lp-form textarea ) { border: 2px solid transparent; border-radius: var(--vic-radius-sm); background: var(--vic-color-white); color: var(--vic-color-brand-dark); transition: border-color var(--vic-transition), box-shadow var(--vic-transition); } :where( .lp-form input[type="text"], .lp-form input[type="email"], .lp-form input[type="tel"], .lp-form select, .lp-form textarea ):focus { border-color: var(--vic-color-gold-500); box-shadow: 0 0 0 4px rgb(249 172 50 / 24%); outline: 0; } /* Adaptação do DOM padrão do Contact Form 7 ao componente de formulário. */ :where( .lp-form__form, .lp-form-card__body ) > .wpcf7, :where( .lp-form__form, .lp-form-card__body ) > .wpcf7 > .wpcf7-form { width: 100%; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form { display: grid; gap: 9px; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form > p { position: relative; display: block; margin: 0; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form > p > label { display: block; position: static; margin: 0; color: var(--vic-color-white); font-family: var(--vic-font-body); font-size: 11px; font-weight: 500; line-height: 1.25; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form > p > label > br { display: none; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form > p > label > .wpcf7-form-control-wrap { display: block; position: static; margin-top: 4px; transform: none; pointer-events: auto; } :where( .lp-form__form, .lp-form-card__body ) .hidden-fields-container { display: none; } :where( .lp-form__form, .lp-form-card__body ) .screen-reader-response { display: block; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; white-space: nowrap; } :where( .lp-form__form, .lp-form-card__body ) :where( input[type="text"], input[type="email"], input[type="tel"] ) { display: block; width: 100%; height: 40px; min-height: 40px; margin: 0; padding: 8px 12px; border: 2px solid transparent; border-radius: var(--vic-radius-sm); background: var(--vic-color-white); color: var(--vic-color-brand-dark); font-family: var(--vic-font-body); font-size: 13px; line-height: 20px; text-transform: none; } :where( .lp-form__form, .lp-form-card__body ) input.wpcf7-submit { display: inline-flex; width: 100%; min-width: 0; height: auto; min-height: 48px; margin: 3px 0 0; padding: 12px 24px; border-radius: var(--vic-radius-control); font-size: 16px; line-height: 24px; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-spinner { position: absolute; top: 50%; right: 14px; margin: 1px 0 0; transform: translateY(-50%); } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form:not(.submitting) .wpcf7-spinner { display: none; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-not-valid-tip { display: block; margin-top: 3px; color: #fff1f1; font-size: 10px; line-height: 1.25; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-response-output { margin: 2px 0 0 !important; padding: 7px 10px !important; border-width: 0 !important; border-radius: var(--vic-radius-sm); color: var(--vic-color-white); font-size: 11px; line-height: 1.35; text-align: center; } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form.invalid .wpcf7-response-output, :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form.failed .wpcf7-response-output, :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form.aborted .wpcf7-response-output { background: rgb(111 20 32 / 72%); } :where( .lp-form__form, .lp-form-card__body ) .wpcf7-form.sent .wpcf7-response-output { background: rgb(24 91 59 / 78%); } /* Hero ------------------------------------------------------------------ */ .hero__content h1 { background: var(--vic-color-pink-100); color: var(--vic-color-brand); font-family: var(--vic-font-body); border-radius: 8px; border: 1px solid #FCCDF0; color: #748AAE; text-align: center; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FCCDF0; font-family: "Distinct Style Sans Bold"; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 2.7px; text-transform: uppercase; } .hero__content h2 { font-family: var(--vic-font-body); } /* .hero__content h2 span { color: var(--vic-color-gold-500); font-family: var(--vic-font-display); font-style: normal; font-weight: 700; letter-spacing: var(--vic-letter-spacing-display); } */ .hero__content--tag { background: var(--vic-color-gold-500); box-shadow: var(--vic-shadow-card); } .hero__content--tag h4 { color: var(--vic-color-brand); font-family: var(--vic-font-body); } .hero__condicoes { --hero-condicoes-destaque: #FFD77A; --hero-condicoes-destaque-padding: clamp(6px, 1.2vw, 18px); --hero-condicoes-item-respiro: clamp(10px, 1.2vw, 18px); overflow: hidden; background: rgba(249, 172, 50, 0.70); } .hero__condicoes .hero__condicoes--content { gap: 0; } .hero__condicoes .hero__condicoes--item:not(:last-child) { padding-right: 0; border-right: 0; } .hero__condicoes--entrada { position: relative; isolation: isolate; } .hero__condicoes .hero__condicoes--content > .hero__condicoes--entrada { padding-right: var(--hero-condicoes-destaque-padding); padding-left: var(--hero-condicoes-destaque-padding); flex-direction: column; align-items: flex-start; justify-content: center; gap: 3px; } .hero__condicoes .hero__condicoes--content > .hero__condicoes--sinal { padding-right: var(--hero-condicoes-item-respiro); align-items: flex-start; gap: 3px; } .hero__condicoes .hero__condicoes--content > .hero__condicoes--dorms { padding-left: var(--hero-condicoes-item-respiro); flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; } .hero__condicoes--entrada::before { position: absolute; z-index: -1; inset: -100vh 0; background: var(--hero-condicoes-destaque); content: ""; } .hero__condicoes--entrada .hero__entrada--label { color: #4B1C9B; font-family: "Aalto Sans Essential Alt"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 16px; text-transform: uppercase; } .hero__condicoes--entrada .hero__entrada--valor { display: flex; flex-direction: row; align-items: flex-start; gap: 0; } .hero__condicoes--entrada .hero__entrada--prefixo { position: relative; top: 0; font-size: clamp(12px, 1.35vw, 14px); color: #4B1C9B; font-family: "Aalto Sans Essential Alt"; font-style: normal; font-weight: 400; line-height: 13px; } .hero__condicoes--entrada .hero__condicoes--valor { font-size: clamp(38px, 4.4vw, 40px); color: #4B1C9B; font-family: "Distinct Style Sans Bold"; font-style: normal; font-weight: 400; letter-spacing: -4px; text-transform: uppercase; } .hero__condicoes--entrada .hero__entrada--sufixo { color: #4B1C9B; font-family: "Distinct Style Sans Bold"; font-size: 32px; font-style: normal; font-weight: 400; line-height: 40px; letter-spacing: -3.2px; text-transform: uppercase; } .hero__condicoes--entrada .hero__entrada--asterisco { color: #4B1C9B; text-align: center; font-family: "Distinct Style Sans Bold"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 40px; letter-spacing: -0.16px; text-transform: uppercase; } .hero__condicoes--sinal .hero__sinal--label { display: flex; align-items: baseline; gap: .25em; font-size: clamp(12px, 1.25vw, 18px); line-height: 1; } .hero__condicoes--sinal .hero__sinal--label strong { font-weight: 700; text-transform: uppercase; } .hero__condicoes--sinal .hero__sinal--label span { font-weight: 400; } .hero__condicoes--sinal .hero__condicoes--valor { display: flex; flex-wrap: nowrap; align-items: baseline; font-size: clamp(38px, 5.4vw, 68px); line-height: .8; white-space: nowrap; } .hero__condicoes--sinal .hero__sinal--moeda { align-self: flex-start; margin-top: .15em; margin-right: .12em; font-size: clamp(18px, 2vw, 28px); color: #4B1C9B; font-family: "Distinct Style Sans Bold"; font-style: normal; font-weight: 400; letter-spacing: -1.6px; } .hero__condicoes--sinal .hero__sinal--numero { position: relative; top: -8px; flex-shrink: 0; color: #4B1C9B; font-family: "Distinct Style Sans Bold"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 56px; letter-spacing: -4px; } .hero__condicoes--sinal .hero__sinal--decimal { position: relative; top: -8px; display: inline-flex; flex-shrink: 0; align-items: flex-start; align-self: baseline; margin-left: .04em; line-height: 1; } .hero__condicoes--sinal .hero__condicoes--centavos { font-size: clamp(18px, 2.2vw, 16px); color: #4B1C9B; font-family: "Distinct Style Sans Bold"; font-style: normal; font-weight: 400; letter-spacing: -1.6px; } .hero__condicoes--sinal .hero__sinal--asterisco { margin-top: -.1em; margin-left: .05em; font-size: clamp(8px, .8vw, 12px); line-height: 1; } .hero__condicoes--dorms .hero__condicoes--valor { display: flex; align-items: baseline; gap: .18em; font-size: clamp(26px, 2.8vw, 42px); line-height: .9; text-align: left; text-transform: uppercase; } .hero__condicoes--dorms .hero__dorms--unidade { font-size: 1em; } .hero__condicoes--dorms .hero__dorms--texto { max-width: none; font-size: clamp(11px, 1.25vw, 18px); font-weight: 400; line-height: 1.05; } .hero__condicoes--dorms .hero__dorms--texto span, .hero__condicoes--dorms .hero__dorms--texto strong { display: block; } .hero__condicoes--dorms .hero__dorms--texto strong { font-weight: 700; } .hero__condicoes :where(.hero__condicoes--label, .hero__condicoes--valor) { color: var(--vic-color-brand-dark); font-family: var(--vic-font-body); } @media (max-width: 1024px) { .hero__condicoes { --hero-condicoes-destaque-padding: clamp(6px, 1vw, 10px); --hero-condicoes-item-respiro: clamp(6px, 1vw, 10px); } .hero__condicoes .hero__condicoes--content { width: 100%; grid-template-columns: repeat(3, minmax(0, 1fr)); } .hero__condicoes .hero__condicoes--content > .hero__condicoes--item { width: 100%; align-items: center; justify-content: center; text-align: center; } .hero__condicoes .hero__condicoes--content > .hero__condicoes--sinal, .hero__condicoes .hero__condicoes--content > .hero__condicoes--entrada, .hero__condicoes .hero__condicoes--content > .hero__condicoes--dorms { align-items: center; } .hero__condicoes--sinal .hero__sinal--label, .hero__condicoes--dorms .hero__condicoes--valor, .hero__condicoes--dorms .hero__dorms--texto, .hero__condicoes--entrada .hero__entrada--valor { width: 100%; justify-content: center; text-align: center; } .hero__condicoes--entrada .hero__entrada--prefixo { text-align: center; } .hero__condicoes--sinal .hero__sinal--label { font-size: clamp(10px, 1.4vw, 14px); } .hero__condicoes--sinal .hero__sinal--moeda { font-size: clamp(16px, 2.1vw, 22px); } .hero__condicoes--sinal .hero__sinal--numero { font-size: clamp(30px, 4.4vw, 38px); line-height: 1.35; } .hero__condicoes--sinal .hero__condicoes--centavos { font-size: clamp(13px, 1.8vw, 16px); } .hero__condicoes--entrada .hero__entrada--label { font-size: clamp(12px, 1.6vw, 15px); line-height: 1; } .hero__condicoes--entrada .hero__entrada--prefixo { font-size: clamp(9px, 1.2vw, 12px); line-height: 1.1; } .hero__condicoes--entrada .hero__condicoes--valor { font-size: clamp(30px, 4.2vw, 38px); line-height: 1; } .hero__condicoes--entrada .hero__entrada--sufixo { font-size: clamp(23px, 3.2vw, 29px); line-height: 1; } .hero__condicoes--entrada .hero__entrada--asterisco { font-size: clamp(10px, 1.4vw, 14px); line-height: 1; } .hero__condicoes--dorms .hero__condicoes--valor { max-width: 100%; font-size: clamp(22px, 3vw, 28px); } .hero__condicoes--dorms .hero__dorms--texto { font-size: clamp(9px, 1.2vw, 12px); } } /* Lazer ----------------------------------------------------------------- */ /* .lazer { background: var(--vic-gradient-brand); } */ .lazer__titulo h2 { color: var(--vic-color-gold-500); } .lazer__titulo h3 { color: var(--vic-color-white); } .lazer__swiper--imagens { border-color: var(--vic-color-gold-500); border-radius: var(--vic-radius-lg); box-shadow: var(--vic-shadow-media); } .lazer__lista { border-radius: 40px; background: rgba(252, 205, 240, 0.10); } .lazer__content--item { color: var(--vic-color-brand-dark); } .lazer-localizacao-divider { --divider-height: clamp(48px, 7.4vw, 142px); position: relative; z-index: 3; box-sizing: border-box; width: 100%; max-width: 100vw; height: var(--divider-height); margin-top: calc(var(--divider-height) * -.6); margin-bottom: calc(var(--divider-height) * -.5); overflow: hidden; background: url("assets/images/divisor-container.svg") center / 100% 100% no-repeat; pointer-events: none; } /* Novo lar e plantas ---------------------------------------------------- */ /* .lp-novo-lar, .plantas_section, .plantas_section::after { background: var(--vic-gradient-brand); } */ .lp-novo-lar__title h2 { color: #4d2994; } .lp-novo-lar__title p, .lp-novo-lar__features span { font-family: var(--vic-font-body); } .plantas_titulo::before { background: linear-gradient(90deg, var(--vic-color-gold-500), var(--vic-color-pink-100)); } .plantas_titulo_wrap::after { background: var(--vic-color-gold-500); } /* Diferenciais ---------------------------------------------------------- */ /* .lp-diferenciais { background: var(--vic-gradient-soft); } */ .lp-diferenciais__title h2 { color: var(--vic-color-gold-500); } .lp-diferenciais__title :where(p, strong) { color: var(--vic-color-white); } .lp-diferenciais__image { border: 0; border-radius: 16px; box-shadow: 0 4px 15px rgb(0 0 0 / 25%); } /* Condicoes e secoes institucionais ------------------------------------ */ .condicoes { background: linear-gradient(110deg, #1D1E1C 43.98%, #909090 110.47%); } .condicoes__content--titulo h2, .condicoes__content--titulo h3 { color: var(--vic-color-white); font-family: var(--vic-font-body); } .condicoes__content--titulo h2 { font-family: var(--vic-font-display); } .condicoes__infos--lista > div { border-radius: var(--vic-radius-lg); box-shadow: var(--vic-shadow-card); } .condicoes__lista--entrada :where(h2, h3, h3 span), .condicoes__lista--documentacao :where(h3, h3 span) { color: var(--vic-color-brand); font-family: var(--vic-font-body); } .lp-pre-venda { background-color: var(--vic-color-lavender-100); } .lp-pre-venda__copy h2 { color: var(--vic-color-brand-dark); font-family: var(--vic-font-display); letter-spacing: var(--vic-letter-spacing-display); } .lp-pre-venda__copy p { color: var(--vic-color-brand); font-family: var(--vic-font-body); } .lp-sobre { background: var(--vic-gradient-soft); } .lp-sobre__titulo, .lp-sobre__titulo strong, .lp-sobre__texto, .lp-sobre__stat, .lp-sobre__stat-label { color: var(--vic-color-brand-dark); } .lp-sobre__stat :where(.lp-sobre__stat-number, .lp-sobre__stat-prefix, .lp-sobre__stat-plus, .lp-sobre__stat-sub) { color: var(--vic-color-orange-500); } .lp-sobre__stat--cidades, .lp-sobre__stat--pessoas { border-color: var(--vic-color-gold-500); } .lp-depoimentos { background: var(--vic-gradient-brand); } .lp-depoimentos__titulo strong { color: var(--vic-color-gold-500); } .lp-depo { box-shadow: var(--vic-shadow-card); } .lp-depo__link::before { background: rgb(249 172 50 / 94%); } .lp-empreendimentos { background: var(--vic-color-lavender-100); } .lp-empreendimentos__titulo, .lp-empreendimentos__descricao { color: var(--vic-color-brand-dark); } .lp-empreendimentos__titulo strong, .lp-empreendimentos__nome { color: var(--vic-color-brand); } .lp-empreendimentos__zoom { border-radius: var(--vic-radius-lg) var(--vic-radius-lg) 0 0; } /* Rodape ---------------------------------------------------------------- */ .footer__estande { background: var(--vic-gradient-brand); } .footer__estande--texto h3 { color: var(--vic-color-gold-500); font-family: var(--vic-font-body); } .footer__estande--texto h2 { font-family: var(--vic-font-body); } .lp-footer { background: var(--vic-color-purple-950); } .lp-footer :where(.lp-footer__info, .lp-footer__info strong, .lp-footer__info a, .lp-footer__disclaimer) { font-family: var(--vic-font-body); } @media (max-width: 767px) { :root { --vic-gutter: 1.25rem; --vic-space-section: 4rem; } .lp-menu__contatos { right: 0; max-width: calc(100% - 150px); } .lp-menu__wpp-box { max-width: 100%; margin-right: 8px; padding: 9px 12px; } .lp-menu__wpp-number { font-size: 14px; } .hero__banner-content { width: 100%; padding-right: var(--vic-gutter); padding-left: var(--vic-gutter); } .hero__content { width: 100%; align-items: center; } .hero__content h1, .hero__content h2, .hero__content h2 > .hero__content--title-line { width: 100%; max-width: 100%; text-align: center; white-space: normal; } .hero__content--tag { max-width: 100%; } .hero__content--tag h4 { white-space: normal; } :where( .cta, .lp-empreendimentos__cta, .lp-form__form input.lp-form__submit, .lp-form button, .wpcf7-submit ) { min-width: min(240px, 100%); min-height: 56px; padding: 13px 28px; font-size: 17px; line-height: 26px; } } @media (max-width: 480px) { .lp-menu__contatos { max-width: none; } .lp-menu__wpp-box { width: 48px; padding: 9px 11px; } .lp-menu__wpp-number { gap: 0; font-size: 0; } .hero__content h1 { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } /* ========================================================================== Figma 4032:2 — bloco final da landing page ========================================================================== */ .condicoes, .lp-pre-venda, .lp-sobre, .lp-depoimentos, .lp-empreendimentos, .footer__estande, .lp-footer { box-sizing: border-box; } /* Condições especiais --------------------------------------------------- */ .condicoes { min-height: 956px; padding: 142px 0 68px; background: linear-gradient(125.66deg, #1d1e1c 43.98%, #909090 110.47%); } .condicoes .container, .condicoes__content { width: min(1142px, calc(100% - 48px)); max-width: 1142px; margin: 0 auto; } .condicoes__content { gap: 58px; } .condicoes__content--titulo h2 { margin: 0; color: #fe7000; font-family: "Poppins", sans-serif; font-size: 40px; font-style: italic; font-weight: 700; line-height: 65px; letter-spacing: -0.4px; } .condicoes__content--titulo h3 { margin: -3px 0 0; color: #fff; font-family: "Poppins", sans-serif; font-size: 20px; font-weight: 300; line-height: 20px; letter-spacing: -0.2px; } .condicoes__content--infos { display: grid; grid-template-columns: 352px 320px 358px; align-items: stretch; gap: 56px; width: 1142px; } .condicoes__infos--img, .condicoes__infos--img .lp-zoom, .condicoes__infos--img img { display: block; width: 352px; height: 486px; max-width: none; } .condicoes__infos--img { overflow: hidden; border-radius: 12px; } .condicoes__infos--img img { border-radius: 12px; object-fit: cover; object-position: center; } .condicoes__infos--lista { display: flex; flex-direction: column; gap: 16px; width: 320px; height: 486px; } .condicoes__infos--lista > div { box-sizing: border-box; flex: 0 0 106px; width: 320px; height: 106px; min-height: 106px; padding: 14px 28px; border-radius: 12px; background: #e6e6e6; box-shadow: none; } .condicoes__lista--entrada h3, .condicoes__lista--documentacao h3 { margin: 0; color: #1d1e1c; font-family: "Pluto Sans", "Poppins", sans-serif; font-size: 24px; font-weight: 400; line-height: 24px; letter-spacing: -0.24px; text-align: center; text-transform: none; } .condicoes__lista--entrada h3 span, .condicoes__lista--documentacao h3 span { display: block; color: #fe7000; font-family: "Pluto Sans", "Poppins", sans-serif; font-size: 40px; font-weight: 700; line-height: 42px; letter-spacing: -0.4px; text-transform: none; } .condicoes__lista--caixa img { width: 176px; height: auto; } .condicoes__lista--nota { margin: -1px 0 0; color: #fff; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 40px; text-align: center; } .condicoes__infos--form { width: 358px; max-width: none; height: 486px; } .condicoes__infos--form .lp-form-card__body { box-sizing: border-box; width: 358px; height: 486px; min-width: 0; padding: 25px 20px 20px; border-radius: 12px; background: linear-gradient(90deg, #fe7000 0%, #fa9b47 100%); box-shadow: none; } .condicoes__infos--form .lp-form-card__body h2 { max-width: 285px; margin: 0 auto 28px; color: #fff; font-family: "Raleway", "Poppins", sans-serif; font-size: 24px; font-weight: 700; line-height: 28px; text-align: center; } .condicoes__infos--form :where(.wpcf7-form, form) { display: flex; flex-direction: column; gap: 8px; } .condicoes__infos--form :where(.wpcf7-form > p, form > p) { margin: 0; } .condicoes__infos--form :where(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], select, textarea) { box-sizing: border-box; width: 100%; height: 52px; min-height: 52px; padding: 0 16px; border: 0; border-radius: 4px; background: #fff; color: #6c757d; font-family: "Raleway", sans-serif; font-size: 16px; line-height: 20px; } .condicoes__infos--form :where(input[type="submit"], button[type="submit"], .wpcf7-submit) { box-sizing: border-box; width: 100%; min-height: 52px; padding: 16px 24px; border: 0; border-radius: 4px; background: #54ba49; color: #fff; font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; line-height: 20px; } .condicoes__infos--form :where(.wpcf7-acceptance label, .wpcf7-list-item-label) { color: #fff; font-family: "Raleway", sans-serif; font-size: 12px; font-weight: 600; line-height: 15px; } /* Chamada de pré-venda -------------------------------------------------- */ .lp-pre-venda, .lp-pre-venda__content { position: relative; display: block; width: 100%; height: 419px; min-height: 419px; } .lp-pre-venda { background-color: #e5e5e5; background-position: center top; background-size: cover; } .lp-pre-venda__content { max-width: 1920px; margin: 0 auto; padding: 0; } .lp-pre-venda__copy { position: absolute; top: 167px; left: calc(50% - 583px); z-index: 2; width: 360px; text-align: center; } .lp-pre-venda__copy h2 { color: #fff; font-family: "Poppins", sans-serif; font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: 0; } .lp-pre-venda__copy p { max-width: 300px; margin: 0 auto; color: #1d1e1c; font-family: "Poppins", sans-serif; font-size: 24px; font-weight: 400; line-height: 32px; } .lp-pre-venda__family { position: absolute; top: 0; left: calc(50% - 210px); display: block; width: 391px; height: 419px; object-fit: contain; } .lp-pre-venda__seal { position: absolute; top: 165px; left: calc(50% + 216px); display: block; width: 304px; height: auto; } /* Sobre a VIC ---------------------------------------------------------- */ .lp-sobre { min-height: 783px; padding: 68px 0 55px; background: linear-gradient(90deg, #fb9c47 15.81%, #e5e5e5 52.46%, #fb9c47 120.73%); } .lp-sobre__container { display: flex; align-items: flex-start; justify-content: flex-start; gap: 45px; width: min(1098px, calc(100% - 48px)); max-width: 1098px; margin: 0 0 0 calc(50% - 499px); } .lp-sobre__conteudo { flex: 0 0 384px; width: 384px; max-width: none; margin-top: 100px; } .lp-sobre__mapa { flex: 0 0 669px; width: 669px; max-width: none; height: 660px; object-fit: contain; } .lp-sobre__titulo { margin: 0 0 31px; color: #000; font-family: "Poppins", sans-serif; font-size: 32px; font-weight: 400; line-height: 32px; text-align: center; } .lp-sobre__titulo strong { display: block; margin: 10px 0 0; color: #000; font-family: "Poppins", sans-serif; font-size: 48px; font-weight: 700; line-height: 48px; text-transform: uppercase; } .lp-sobre__texto { margin: 0; color: #000; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; } .lp-sobre__stats { display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; padding-top: 27px; } .lp-sobre__stat--cidades, .lp-sobre__stat--pessoas { border-color: #ed7904; } .lp-sobre__stat :where(.lp-sobre__stat-number, .lp-sobre__stat-prefix, .lp-sobre__stat-plus, .lp-sobre__stat-sub) { color: #000; } .lp-sobre__stats, .lp-sobre__stats * { color: #000 !important; } .lp-sobre__selos { gap: 30px; margin-top: 48px; } /* Depoimentos ---------------------------------------------------------- */ .lp-depoimentos { position: relative; min-height: 975px; padding: 111px 0 100px; background-color: #e4e4e4; background-image: url("assets/images/shape-depoimentos.svg"); background-repeat: no-repeat; background-position: left bottom; background-size: min(92.35vw, 1773px) 558px; } .lp-depoimentos__container { width: min(1200px, calc(100% - 48px)); max-width: 1200px; } .lp-depoimentos__titulo { margin: 0 0 63px; color: #000; font-family: "Poppins", sans-serif; font-size: 32px; font-weight: 400; line-height: 32px; } .lp-depoimentos__titulo strong { display: block; margin: 0 0 0 32px; color: #ed7904; font-family: "Poppins", sans-serif; font-size: 40px; font-weight: 700; line-height: 48px; } .lp-depoimentos__lista { display: grid; grid-template-columns: repeat(3, 384px); align-items: end; gap: 24px; } .lp-depo { position: relative; display: block; width: 384px; height: 625px; max-width: none; overflow: visible; border-radius: 0; background: url("assets/images/site/published/depoimento-card.svg") left 80px / 384px 545px no-repeat; box-shadow: none; } .lp-depo:nth-child(2) { background-image: url("assets/images/site/published/depoimento-card-alt.svg"); } .lp-depo__foto { position: absolute; top: 0; left: 31px; z-index: 2; width: 323px; height: 217px; } .lp-depo__foto::after { position: absolute; right: -21px; bottom: -26px; width: 92px; height: 92px; background: url("assets/images/site/published/depoimento-chave.png") center / contain no-repeat; content: ""; pointer-events: none; } .lp-depo__foto img { width: 323px; height: 217px; border-radius: 16px; object-fit: cover; } .lp-depo__link { background: transparent; } .lp-depo__link::before, .lp-depo__link::after { display: none; } .lp-depo__info { position: absolute; top: 194px; left: 1px; box-sizing: border-box; display: flex; width: 381px; height: 431px; padding: 80px 40px 40px; border-radius: 32px; text-align: left; } .lp-depo__texto, .lp-depo__nome, .lp-depo__empreendimento { color: #fff; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 24px; } .lp-depo__texto { height: 191px; margin: 0 0 24px; font-weight: 400; } .lp-depo__nome, .lp-depo__empreendimento { font-weight: 600; } .lp-depo__nome { margin: 0; } .lp-depo__empreendimento { margin: 0; white-space: pre-line; } /* Empreendimentos entregues ------------------------------------------- */ .lp-empreendimentos { min-height: 1186px; padding: 136px 0 128px; background-color: #e4e4e4; background-image: url("assets/images/site/lp/bg-empreend.svg"); background-repeat: no-repeat; background-position: center; background-size: cover; } .lp-empreendimentos__container { width: min(824px, calc(100% - 48px)); max-width: 824px; } .lp-empreendimentos__texto { max-width: 791px; margin: 0 auto 40px; } .lp-empreendimentos__titulo { margin: 0 0 29px; color: #1d1e1c; font-family: "Poppins", sans-serif; font-size: 32px; font-weight: 400; line-height: 32px; text-align: center; } .lp-empreendimentos__titulo strong { display: block; margin: 0 0 0 78px; color: #ed7904; font-family: "Poppins", sans-serif; font-size: 48px; font-weight: 700; line-height: 48px; text-transform: uppercase; } .lp-empreendimentos__descricao { margin: 0; color: #1d1e1c; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; text-align: left; } .lp-empreendimentos__carrossel { width: 824px; max-width: 824px; margin: 0 auto 40px; padding: 0 20px; } .lp-empreendimentos__principal { width: 785px; max-width: 785px; height: 417px; border-radius: 4px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25); } .lp-empreendimentos__principal .swiper-slide { height: 417px; } .lp-empreendimentos__principal .swiper-slide img { width: 785px; height: 387px; max-height: none; object-fit: cover; } .lp-empreendimentos__zoom { height: 387px; border-radius: 4px 4px 0 0; box-shadow: none; } .lp-empreendimentos__nome { box-sizing: border-box; height: 30px; margin: 0; padding: 8px 7px; border-radius: 0 0 4px 4px; background: #fff; color: #fe7000; font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 600; line-height: 14px; } .lp-empreendimentos__nav { top: 184px; width: 48px; height: 48px; transform: none; } .lp-empreendimentos__nav--prev { left: 0px ; } .lp-empreendimentos__nav--next { right: 0px; } .lp-empreendimentos__minis { width: 770px; max-width: 770px; height: 91px; margin: 0 auto 40px; } .lp-empreendimentos__minis .swiper-wrapper { justify-content: flex-start; } .lp-empreendimentos__mini { height: 91px; border-radius: 0; opacity: 1; } .lp-empreendimentos__mini img { width: 170px; height: 91px; } .lp-empreendimentos__cta { box-sizing: border-box; width: 376px; height: 62px; padding: 16px 24px; border-radius: 8px; background: #e5e5e5; color: #fe7000; font-family: "Pluto Sans", "Poppins", sans-serif; font-size: 16px; font-weight: 700; line-height: 30px; letter-spacing: 0.8px; text-align: center; text-transform: uppercase; } /* Endereço e rodapé ---------------------------------------------------- */ .footer__estande { box-sizing: border-box; height: 110px; padding: 0; gap: 16px; background: linear-gradient(270deg, #8d62c9 0%, #492788 49.04%, #8d62c9 100%); } .footer__estande--icone { display: block; width: 65px; height: 65px; } .footer__estande--texto h3, .footer__estande--texto h2 { margin: 0; } .footer__estande--texto h3 { color: #fcaf36; font-family: "Distinct Style Sans Bold", "Poppins", sans-serif; font-size: 16px; font-weight: 700; line-height: normal; text-transform: uppercase; } .footer__estande--texto h2 { margin-top: 4px; color: #fff; font-family: "Aalto Sans Essential Alt", "Poppins", sans-serif; font-size: 20px; font-weight: 400; line-height: 24px; } .lp-footer { position: relative; height: 369px; padding: 0; background: #8b8b8b; } .lp-footer__container { box-sizing: border-box; display: flex; width: 992px; max-width: 992px; height: 180px; margin: 0 auto; padding: 81px 0 0; justify-content: flex-start; align-items: flex-start; gap: 201px; } .lp-footer__container--logos { flex: 0 0 203px; width: 203px; height: 99px; } .lp-footer__selo { display: block; width: 203px; height: 99px; margin: 0; } .lp-footer__logo { display: none; } .lp-footer__container--contato { flex: 0 0 604px; width: 604px; } .lp-footer__info, .lp-footer__info strong, .lp-footer__info a { color: #fff; font-family: "Pluto Sans", "Poppins", sans-serif; font-size: 20px; line-height: 28px; letter-spacing: 1px; } .lp-footer__info { margin: 25px 0 0; } .lp-footer__info strong { font-weight: 700; } .lp-footer__info a { font-weight: 400; text-decoration: underline; } .lp-footer__copyright { width: 996px; max-width: 996px; margin: 31px auto 0; } .lp-footer__disclaimer { max-width: none; margin: 0; color: #fff; font-family: "Poppins", sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0.6px; opacity: 1; text-align: left; } @media (max-width: 1240px) { .condicoes__content--infos { grid-template-columns: minmax(260px, 352px) 300px 340px; gap: 24px; width: 100%; } .condicoes__infos--img, .condicoes__infos--img .lp-zoom, .condicoes__infos--img img, .condicoes__infos--lista, .condicoes__infos--lista > div, .condicoes__infos--form, .condicoes__infos--form .lp-form-card__body { width: 100%; } .lp-sobre__container { gap: 24px; width: min(1080px, calc(100% - 48px)); } .lp-sobre__mapa { flex-basis: min(60vw, 669px); width: min(60vw, 669px); } .lp-depoimentos__lista { grid-template-columns: repeat(3, minmax(0, 384px)); } .lp-depo { transform: scale(.92); transform-origin: center bottom; } } @media (max-width: 900px) { .condicoes { min-height: 0; padding: 72px 0; } .lazer-localizacao-divider { display: none; } .condicoes__content--infos { display: flex; flex-direction: column; align-items: center; gap: 24px; } .condicoes__infos--img, .condicoes__infos--img .lp-zoom, .condicoes__infos--img img, .condicoes__infos--lista, .condicoes__infos--form, .condicoes__infos--form .lp-form-card__body { width: min(100%, 358px); } .condicoes__infos--lista > div { width: 100%; } .lp-pre-venda, .lp-pre-venda__content { height: 610px; min-height: 610px; } .lp-pre-venda { display: block; background-position: 35% top; } .lp-pre-venda__copy { top: 52px; left: 50%; width: calc(100% - 32px); transform: translateX(-50%); } .lp-pre-venda__family { top: auto; bottom: 0; left: 50%; width: 360px; height: 390px; transform: translateX(-50%); } .lp-pre-venda__seal { top: 180px; left: 50%; width: 250px; transform: translateX(-50%); display: none; } .lp-sobre { min-height: 0; padding: 64px 0; } .lp-sobre__container { flex-direction: column; align-items: center; width: min(680px, calc(100% - 40px)); margin: 0 auto; } .lp-sobre__conteudo { order: 1; width: min(100%, 440px); margin-top: 0; } .lp-sobre__mapa { order: 2; width: min(100%, 600px); height: auto; } .lp-depoimentos { min-height: 0; padding: 72px 0 88px; background-size: auto 558px; } .lp-depoimentos__titulo, .lp-depoimentos__titulo strong { text-align: center; } .lp-depoimentos__titulo strong { margin-left: 0; } .lp-depoimentos__lista { display: flex; flex-direction: column; align-items: center; gap: 32px; width: 100%; } .lp-depo { transform: none; } .lp-empreendimentos { min-height: 0; padding: 80px 0 96px; } .lp-empreendimentos__container, .lp-empreendimentos__carrossel, .lp-empreendimentos__principal, .lp-empreendimentos__minis { width: min(100%, 785px); max-width: 100%; } .lp-empreendimentos__carrossel { box-sizing: border-box; padding: 0 48px; } .lp-empreendimentos__principal, .lp-empreendimentos__principal .swiper-slide { height: auto; } .lp-empreendimentos__zoom { height: auto; } .lp-empreendimentos__principal .swiper-slide img { width: 100%; height: auto; aspect-ratio: 785 / 387; } .lp-empreendimentos__nav--prev { left: 0; } .lp-empreendimentos__nav--next { right: 0; } .lp-empreendimentos__minis { height: auto; } .lp-footer { height: auto; min-height: 369px; padding: 48px 24px; } .lp-footer__container { flex-direction: column; align-items: center; width: 100%; height: auto; padding: 0; gap: 24px; text-align: center; } .lp-footer__container--contato { flex-basis: auto; width: 100%; } .lp-footer__info { margin-top: 0; text-align: center; } .lp-footer__copyright { width: 100%; margin-top: 32px; } } @media (max-width: 560px) { .condicoes .container, .condicoes__content, .lp-depoimentos__container, .lp-empreendimentos__container { width: calc(100% - 32px); } .condicoes__content--titulo h2 { font-size: 34px; line-height: 42px; } .lp-pre-venda__copy h2 { font-size: 34px; line-height: 42px; } .lp-pre-venda__copy p { font-size: 20px; line-height: 26px; } .lp-sobre__titulo strong, .lp-empreendimentos__titulo strong { font-size: 38px; line-height: 42px; } .lp-depoimentos__titulo { font-size: 27px; line-height: 32px; } .lp-depoimentos__titulo strong { font-size: 28px; line-height: 34px; } .lp-depo { width: 384px; max-width: none; transform: none; margin-bottom: 0; } .lp-empreendimentos__titulo strong { margin-left: 0; } .lp-empreendimentos__descricao { font-size: 14px; line-height: 22px; } .lp-empreendimentos__carrossel { padding: 0 36px; } .lp-empreendimentos__nav { top: calc(50% - 24px); width: 40px; height: 40px; } .lp-empreendimentos__mini, .lp-empreendimentos__mini img { height: 64px; } .lp-empreendimentos__cta { width: 100%; height: auto; font-size: 13px; } .footer__estande { height: auto; min-height: 110px; padding: 20px; } .footer__estande--icone { width: 52px; height: 52px; } .footer__estande--texto h3 { font-size: 13px; } .footer__estande--texto h2 { font-size: 16px; line-height: 20px; } .lp-footer__info, .lp-footer__info strong, .lp-footer__info a { font-size: 16px; line-height: 24px; } .lp-footer__disclaimer { font-size: 10px; line-height: 15px; } } @media (max-width: 420px) { .lp-depoimentos { overflow: hidden; } .lp-depo { transform: scale(.88); transform-origin: center top; margin-bottom: -75px; } }