{"id":14,"date":"2026-02-23T03:08:28","date_gmt":"2026-02-23T03:08:28","guid":{"rendered":"https:\/\/stellamaris.hgbrasil.eng.br\/?page_id=14"},"modified":"2026-05-26T00:24:47","modified_gmt":"2026-05-26T00:24:47","slug":"stella-maris","status":"publish","type":"page","link":"https:\/\/stellamaris.hgbrasil.eng.br\/","title":{"rendered":"Stella Maris"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c288623 e-con-full e-flex e-con e-parent\" data-id=\"1c288623\" data-element_type=\"container\" data-e-type=\"container\" id=\"inicio\" data-settings=\"{&quot;shape_divider_bottom&quot;:&quot;opacity-fan&quot;}\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 283.5 19.6\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 18.8 141.8 4.1 283.5 18.8 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 12.6 141.8 4 283.5 12.6 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.33\" d=\"M0 0L0 6.4 141.8 4 283.5 6.4 283.5 0z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L0 1.2 141.8 4 283.5 1.2 283.5 0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31c72ac6 elementor-widget elementor-widget-html\" data-id=\"31c72ac6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n:root {\r\n    --gold-color: #c5a059;\r\n    --text-shadow: 2px 2px 10px rgba(0,0,0,0.8);\r\n}\r\n\r\n\/* HERO *\/\r\n#stella-hero {\r\n    position: relative;\r\n    height: 100vh;\r\n    width: 100%;\r\n    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), \r\n                url('https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/CAPA-HOME.webp');\r\n    background-size: cover;\r\n    background-position: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    color: #fff;\r\n    font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n\/* HEADER *\/\r\n#stella-header {\r\n    position: absolute;\r\n    top: 0;\r\n    width: 100%;\r\n    padding: 30px 5%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    z-index: 10;\r\n    transition: 0.4s;\r\n}\r\n\r\n\/* FUNDO AO ROLAR *\/\r\n#stella-header.scrolled {\r\n    position: fixed;\r\n    background: rgba(0,0,0,0.7);\r\n    backdrop-filter: blur(10px);\r\n    padding: 20px 5%;\r\n}\r\n\r\n\/* LOGO *\/\r\n.stella-menu-logo img {\r\n    height: 50px;\r\n    width: auto;\r\n    filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.3));\r\n}\r\n\r\n\/* NAV DESKTOP *\/\r\n#stella-header nav {\r\n    display: flex;\r\n}\r\n\r\n#stella-header nav ul {\r\n    list-style: none;\r\n    display: flex;\r\n    gap: 25px;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n#stella-header nav ul li a {\r\n    color: #fff;\r\n    text-decoration: none;\r\n    font-size: 13px;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    transition: 0.3s;\r\n    opacity: 0.85;\r\n}\r\n\r\n#stella-header nav ul li a:hover {\r\n    opacity: 1;\r\n    color: var(--gold-color);\r\n}\r\n\r\n\/* HAMBURGUER *\/\r\n.stella-toggle {\r\n    display: none;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.stella-toggle span {\r\n    width: 26px;\r\n    height: 2px;\r\n    background: #fff;\r\n    display: block;\r\n}\r\n\r\n\/* MOBILE MENU *\/\r\n@media (max-width: 768px) {\r\n\r\n    .stella-toggle {\r\n        display: flex;\r\n    }\r\n\r\n    #stella-header nav {\r\n        position: fixed;\r\n        top: 0;\r\n        left: -100%;\r\n        width: 100%;\r\n        height: 100vh;\r\n        background: rgba(0,0,0,0.95);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition: 0.4s;\r\n    }\r\n\r\n    #stella-header nav.active {\r\n        left: 0;\r\n    }\r\n\r\n    #stella-header nav ul {\r\n        flex-direction: column;\r\n        gap: 25px;\r\n        text-align: center;\r\n    }\r\n\r\n    #stella-header nav ul li a {\r\n        font-size: 18px;\r\n        letter-spacing: 3px;\r\n    }\r\n}\r\n\r\n\/* CONTE\u00daDO *\/\r\n.stella-content {\r\n    text-align: center;\r\n    z-index: 5;\r\n    animation: fadeInUp 1.5s ease-out;\r\n}\r\n\r\n.stella-main-logo {\r\n    max-width: 450px;\r\n    width: 85%;\r\n    margin-bottom: 20px;\r\n    filter: drop-shadow(0px 5px 15px rgba(0,0,0,0.5));\r\n    animation: float 4s ease-in-out infinite;\r\n}\r\n\r\n.stella-location {\r\n    font-size: 14px;\r\n    letter-spacing: 2px;\r\n    opacity: 0.9;\r\n    text-shadow: var(--text-shadow);\r\n}\r\n\r\n\/* ANIMA\u00c7\u00d5ES *\/\r\n@keyframes float {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-15px); }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* DESCUBRA *\/\r\n.stella-footer {\r\n    position: absolute;\r\n    bottom: 30px;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n}\r\n\r\n.stella-footer:hover {\r\n    transform: translateY(5px);\r\n    color: var(--gold-color);\r\n}\r\n\r\n.stella-footer span {\r\n    display: block;\r\n    font-size: 10px;\r\n    letter-spacing: 3px;\r\n    text-transform: uppercase;\r\n}\r\n<\/style>\r\n\r\n<section id=\"inicio\">\r\n<section id=\"stella-hero\">\r\n\r\n<header id=\"stella-header\">\r\n    <div class=\"stella-menu-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/LOGO-PRINCIPAL-HOME.png\" alt=\"Stella Maris Logo\">\r\n    <\/div>\r\n\r\n    <nav id=\"stella-nav\">\r\n        <ul>\r\n            <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\r\n            <li><a href=\"#projeto\">Projeto<\/a><\/li>\r\n            <li><a href=\"#galeria\">Galeria<\/a><\/li>\r\n            <li><a href=\"#diferenciais\">Diferenciais<\/a><\/li>\r\n            <li><a href=\"#contato\">Contato<\/a><\/li>\r\n        <\/ul>\r\n    <\/nav>\r\n\r\n    <div class=\"stella-toggle\" id=\"stella-toggle\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n    <\/div>\r\n<\/header>\r\n\r\n<div class=\"stella-content\">\r\n    <img src=https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/logo-stella-maris-nova-copiar.png alt=\"Stella Maris\" class=\"stella-main-logo\">\r\n    <div class=\"stella-location\">Balne\u00e1rio Gaivota - Santa Catarina<\/div>\r\n<\/div>\r\n\r\n<div class=\"stella-footer\" data-target=\"#projeto\">\r\n    <span>Saiba Mais<\/span>\r\n    <div style=\"width:1px; height:40px; background:#fff; margin: 10px auto;\"><\/div>\r\n<\/div>\r\n\r\n<\/section>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n\r\n    const OFFSET = 90;\r\n    const header = document.getElementById(\"stella-header\");\r\n    const toggle = document.getElementById(\"stella-toggle\");\r\n    const nav = document.getElementById(\"stella-nav\");\r\n\r\n    \/* MENU MOBILE *\/\r\n    toggle.addEventListener(\"click\",()=>{\r\n        nav.classList.toggle(\"active\");\r\n    });\r\n\r\n    \/* FUNDO AO ROLAR *\/\r\n    window.addEventListener(\"scroll\",()=>{\r\n        if(window.scrollY>60){\r\n            header.classList.add(\"scrolled\");\r\n        }else{\r\n            header.classList.remove(\"scrolled\");\r\n        }\r\n    });\r\n\r\n    \/* SCROLL SUAVE *\/\r\n    function smoothScrollTo(targetId){\r\n        const target = document.querySelector(targetId);\r\n        if(!target) return;\r\n\r\n        const y =\r\n            target.getBoundingClientRect().top +\r\n            window.pageYOffset -\r\n            OFFSET;\r\n\r\n        window.scrollTo({\r\n            top:y,\r\n            behavior:\"smooth\"\r\n        });\r\n    }\r\n\r\n    \/* LINKS MENU *\/\r\n    document.querySelectorAll('#stella-header a').forEach(link=>{\r\n        link.addEventListener(\"click\",e=>{\r\n            const href = link.getAttribute(\"href\");\r\n\r\n            if(href && href.startsWith(\"#\")){\r\n                e.preventDefault();\r\n                nav.classList.remove(\"active\");\r\n                smoothScrollTo(href);\r\n            }\r\n        });\r\n    });\r\n\r\n    \/* BOT\u00c3O SAIBA MAIS *\/\r\n    const footerBtn = document.querySelector(\".stella-footer\");\r\n    if(footerBtn){\r\n        footerBtn.addEventListener(\"click\",()=>{\r\n            smoothScrollTo(footerBtn.dataset.target);\r\n        });\r\n    }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf12fee e-flex e-con-boxed e-con e-parent\" data-id=\"cf12fee\" data-element_type=\"container\" data-e-type=\"container\" id=\"projeto\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f66e0f elementor-widget elementor-widget-html\" data-id=\"6f66e0f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.empL-section{\r\n    background:#3f5249;\r\n    padding:110px 6%;\r\n    font-family:'Montserrat',sans-serif;\r\n    color:#fff;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n\/* ===== HEADLINE PREMIUM ===== *\/\r\n.empL-titleCine{\r\n    width:100%;\r\n    text-align:center;\r\n    margin-bottom:55px;\r\n}\r\n\r\n.empL-titleCine h1{\r\n    font-size:clamp(28px,4.5vw,48px);\r\n    font-weight:600;\r\n    letter-spacing:.08em;\r\n    line-height:1.2;\r\n    margin:0;\r\n}\r\n\r\n.empL-titleCine .empL-sub{\r\n    margin-top:14px;\r\n    font-size:clamp(13px,2.2vw,15px);\r\n    letter-spacing:.35em;\r\n    opacity:.65;\r\n}\r\n\r\n.empL-titleCine::after{\r\n    content:\"\";\r\n    display:block;\r\n    width:80px;\r\n    height:2px;\r\n    margin:26px auto 0 auto;\r\n    background:#d6b36a;\r\n    opacity:.8;\r\n}\r\n\r\n\/* HERO - VISIBILIDADE M\u00c1XIMA *\/\r\n.empL-hero{\r\n    position:relative;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    box-shadow:0 35px 70px rgba(0,0,0,0.55);\r\n    margin-bottom:60px;\r\n    aspect-ratio:16\/9;\r\n    background:#2c3a33;\r\n}\r\n\r\n.empL-hero img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n    filter:none !important;\r\n    opacity:1 !important;\r\n    transition:transform 1.2s ease, opacity .5s ease;\r\n}\r\n\r\n.empL-hero::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(to top, rgba(0,0,0,0.4) 0%, transparent 30%);\r\n    backdrop-filter:none !important;\r\n}\r\n\r\n.empL-hero:hover img{\r\n    transform:scale(1.04);\r\n}\r\n\r\n.empL-arrow{\r\n    position:absolute;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    width:46px;\r\n    height:46px;\r\n    border-radius:50%;\r\n    background:rgba(0,0,0,0.6);\r\n    backdrop-filter:blur(6px);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    cursor:pointer;\r\n    color:#fff;\r\n    font-size:20px;\r\n    opacity:0;\r\n    transition:.3s;\r\n    z-index:5;\r\n}\r\n\r\n.empL-hero:hover .empL-arrow{opacity:1;}\r\n.empL-arrow.left{left:18px;}\r\n.empL-arrow.right{right:18px;}\r\n\r\n\/* TEXTO *\/\r\n.empL-text{\r\n    text-align:center;\r\n    max-width:720px;\r\n    margin:0 auto 55px auto;\r\n    padding:0 10px;\r\n}\r\n\r\n.empL-text h2{\r\n    font-size:clamp(22px,4.5vw,40px);\r\n    font-weight:300;\r\n    line-height:1.25;\r\n}\r\n\r\n.empL-gold{\r\n    background:linear-gradient(90deg,#cfae5b,#fff3c4,#cfae5b);\r\n    background-size:200% auto;\r\n    -webkit-background-clip:text;\r\n    -webkit-text-fill-color:transparent;\r\n    animation:goldShine 4s linear infinite;\r\n    font-weight:600;\r\n}\r\n\r\n@keyframes goldShine{\r\n    0%{background-position:0% center;}\r\n    100%{background-position:200% center;}\r\n}\r\n\r\n.empL-text p{\r\n    margin-top:18px;\r\n    opacity:.85;\r\n    font-size:clamp(14px,2.5vw,17px);\r\n    line-height:1.6;\r\n}\r\n\r\n\/* BOT\u00c3O 360 *\/\r\n.empL-360{\r\n    margin-top:26px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:14px 26px;\r\n    border-radius:50px;\r\n    background:rgba(255,255,255,0.08);\r\n    border:1px solid rgba(255,255,255,0.25);\r\n    backdrop-filter:blur(10px);\r\n    font-weight:600;\r\n    letter-spacing:.4px;\r\n    cursor:pointer;\r\n    position:relative;\r\n    overflow:hidden;\r\n    transition:.4s;\r\n    font-size:clamp(13px,2.6vw,15px);\r\n}\r\n\r\n.empL-360:hover{\r\n    transform:translateY(-3px) scale(1.03);\r\n    background:rgba(255,255,255,0.18);\r\n}\r\n\r\n\/* ===== BOT\u00c3O DOURADO ESPECIALISTA ===== *\/\r\n.empL-whats{\r\n    margin-top:18px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:15px 32px;\r\n    border-radius:50px;\r\n    background:linear-gradient(135deg,#cfae5b,#f5e2a3,#cfae5b);\r\n    background-size:200% auto;\r\n    color:#3f5249;\r\n    font-weight:700;\r\n    letter-spacing:.6px;\r\n    text-decoration:none;\r\n    position:relative;\r\n    overflow:hidden;\r\n    animation:goldFlow 4s linear infinite, goldPulse 2.8s infinite;\r\n    transition:.35s;\r\n}\r\n\r\n.empL-whats:hover{\r\n    transform:translateY(-4px) scale(1.05);\r\n    box-shadow:0 14px 35px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* LISTA *\/\r\n.empL-list{\r\n    max-width:950px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:repeat(auto-fit,minmax(240px,1fr));\r\n    gap:14px 40px;\r\n}\r\n\r\n.empL-item{\r\n    display:flex;\r\n    gap:10px;\r\n    align-items:flex-start;\r\n    font-size:clamp(13px,2.4vw,15px);\r\n    letter-spacing:.3px;\r\n    padding:10px 12px;\r\n    border-radius:10px;\r\n    transition:.25s;\r\n}\r\n\r\n.empL-item:hover{\r\n    background:rgba(255,255,255,0.06);\r\n    transform:translateX(5px);\r\n}\r\n\r\n.empL-dot{\r\n    color:#d6b36a;\r\n    margin-top:3px;\r\n}\r\n\r\n@media(max-width:768px){\r\n    .empL-section{padding:80px 5%;}\r\n    .empL-hero{aspect-ratio:4\/3;}\r\n    .empL-arrow{opacity:1;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"empL-section\" id=\"empreendimento\">\r\n    <div class=\"empL-titleCine\">\r\n        <h1>UM NOVO PADR\u00c3O DE VIVER<\/h1>\r\n        <div class=\"empL-sub\">EMPREENDIMENTOS STELLA MARIS<br> BALNE\u00c1RIO GAIVOTA - SC<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"empL-hero\">\r\n        <img decoding=\"async\" src=\"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-01-.png\" id=\"empL-img\">\r\n\r\n        <div class=\"empL-arrow left\" onclick=\"empLPrev()\">\u276e<\/div>\r\n        <div class=\"empL-arrow right\" onclick=\"empLNext()\">\u276f<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"empL-text\">\r\n        <h2>\r\n            CADA ESPA\u00c7O<br>\r\n            PENSADO COM CUIDADO<br>\r\n            <span class=\"empL-gold\">PARA UMA EXPERI\u00caNCIA \u00daNICA<\/span>\r\n        <\/h2>\r\n\r\n        <p>\r\n            Todos os ambientes s\u00e3o entregues decorados,\r\n            mobiliados e equipados para proporcionar\r\n            conforto, eleg\u00e2ncia e exclusividade.\r\n        <\/p>\r\n\r\n        <div class=\"empL-360\" onclick=\"scrollTour()\">Tour Imersivo 360\u00b0<\/div>\r\n\r\n        <a href=\"https:\/\/wa.me\/5548996690283?text=Ol%C3%A1%2C%20gostaria%20de%20obter%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20empreendimento%20Stella%20Maris.\" class=\"empL-whats\" target=\"_blank\">\r\n            Falar com Especialista\r\n        <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"empL-list\">\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Hall com p\u00e9-direito duplo<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Espa\u00e7o Fitness<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> 2 Sal\u00f5es de Festas<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Sal\u00e3o de Jogos Gourmet<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Espa\u00e7o Mulher<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Brinquedoteca<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Arena Beach<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> 3 Piscinas<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Churrasqueiras externas<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Playground<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> Pet Place<\/div>\r\n        <div class=\"empL-item\"><span class=\"empL-dot\">\u25c6<\/span> 2 Elevadores por torre<\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst empLImages = [\r\n\r\n    \/* ===== NOVAS IMAGENS ===== *\/\r\n\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-01-.png\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-02.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-03.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-04.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-05.png\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-06.png\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-07.png\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-08.png\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/05\/sqn-09.png\",\r\n\r\n    \/* ===== IMAGENS ANTIGAS ===== *\/\r\n\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/01-1-700x394-1.jpg\",\r\n    \r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/03-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/04-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/05-700x394-1.jpg\"\r\n];\r\n\r\nlet empLCurrent = 0;\r\n\r\nconst empLImg = document.getElementById(\"empL-img\");\r\nconst empLHero = document.querySelector(\".empL-hero\");\r\n\r\nfunction empLShow(index){\r\n\r\n    empLImg.style.opacity = 0;\r\n\r\n    setTimeout(() => {\r\n\r\n        empLImg.src = empLImages[index];\r\n\r\n        empLImg.onload = () => {\r\n            empLImg.style.opacity = 1;\r\n        };\r\n\r\n    }, 250);\r\n}\r\n\r\nfunction empLNext(){\r\n\r\n    empLCurrent++;\r\n\r\n    if(empLCurrent >= empLImages.length){\r\n        empLCurrent = 0;\r\n    }\r\n\r\n    empLShow(empLCurrent);\r\n}\r\n\r\nfunction empLPrev(){\r\n\r\n    empLCurrent--;\r\n\r\n    if(empLCurrent < 0){\r\n        empLCurrent = empLImages.length - 1;\r\n    }\r\n\r\n    empLShow(empLCurrent);\r\n}\r\n\r\n\/* AUTO PLAY *\/\r\nlet empLAutoplay = setInterval(empLNext, 4000);\r\n\r\n\/* PAUSAR HOVER *\/\r\nempLHero.addEventListener(\"mouseenter\", () => {\r\n    clearInterval(empLAutoplay);\r\n});\r\n\r\nempLHero.addEventListener(\"mouseleave\", () => {\r\n\r\n    clearInterval(empLAutoplay);\r\n\r\n    empLAutoplay = setInterval(empLNext, 4000);\r\n});\r\n\r\n\/* TOUCH MOBILE *\/\r\nlet empLStartX = 0;\r\n\r\nempLHero.addEventListener(\"touchstart\", (e) => {\r\n    empLStartX = e.touches[0].clientX;\r\n});\r\n\r\nempLHero.addEventListener(\"touchend\", (e) => {\r\n\r\n    let empLEndX = e.changedTouches[0].clientX;\r\n\r\n    if(empLStartX - empLEndX > 50){\r\n        empLNext();\r\n    }\r\n\r\n    if(empLEndX - empLStartX > 50){\r\n        empLPrev();\r\n    }\r\n});\r\n\r\nfunction scrollTour(){\r\n    console.log(\"Tour 360\");\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-79324429 tour360 e-flex e-con-boxed e-con e-parent\" data-id=\"79324429\" data-element_type=\"container\" data-e-type=\"container\" id=\"galeria\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;book&quot;,&quot;shape_divider_top_negative&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M806,94.7C619.5,90,500,20.3,500,1.7c-1,18.6-117.5,88.3-306,93C92,97.2,0,97.9,0,97.9v-0l0,0v2.3h1000v-2.3 C1000,97.7,920.3,97.6,806,94.7z M350,65.1L350,65.1L350,65.1L350,65.1z\"\/>\n<\/svg>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cad032f elementor-widget elementor-widget-html\" data-id=\"7cad032f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n:root {\r\n    --gold-color: #c5a059;\r\n}\r\n\r\n\/* CONTAINER *\/\r\n.stella-immersive-360 {\r\n    padding: 100px 5%;\r\n    background: transparent;\r\n    font-family: 'Montserrat', sans-serif;\r\n    color: #ffffff;\r\n    text-align: center;\r\n}\r\n\r\n\/* HEADER *\/\r\n.stella-360-header {\r\n    margin-bottom: 60px;\r\n    animation: fadeInUp 1s ease;\r\n}\r\n\r\n.stella-360-header span {\r\n    color: #ffffff;\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 5px;\r\n    display: block;\r\n    margin-bottom: 12px;\r\n}\r\n\r\n.stella-360-header h2 {\r\n    font-size: 46px;\r\n    font-weight: 300;\r\n    margin: 0;\r\n    color: #ffffff;\r\n}\r\n\r\n.stella-360-header h2 b {\r\n    color: #c5a059;\r\n    font-weight: 300;\r\n}\r\n\r\n\/* SELECTOR *\/\r\n.stella-tour-selector {\r\n    display: inline-flex;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    padding: 8px;\r\n    border-radius: 50px;\r\n    margin-bottom: 40px;\r\n    border: 1px solid rgba(197, 160, 89, 0.2);\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    gap: 6px;\r\n}\r\n\r\n.selector-btn {\r\n    padding: 12px 30px;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    font-size: 13px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    transition: all 0.4s ease;\r\n    border: none;\r\n    background: transparent;\r\n    color: #ffffff;\r\n    white-space: nowrap;\r\n}\r\n\r\n.selector-btn.active {\r\n    background: #c5a059;\r\n    color: #000;\r\n    font-weight: 600;\r\n    box-shadow: 0 10px 20px rgba(197, 160, 89, 0.3);\r\n}\r\n\r\n\/* VIEWPORT *\/\r\n.stella-viewport-360 {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    min-height: 320px;\r\n    max-height: 650px;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    box-shadow: 0 40px 100px rgba(0,0,0,0.8);\r\n    border: 1px solid rgba(255,255,255,0.05);\r\n}\r\n\r\n.tour-iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n    display: none;\r\n    animation: fadeIn 0.8s ease;\r\n}\r\n\r\n.tour-iframe.active {\r\n    display: block;\r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media (max-width: 1024px) {\r\n    .stella-viewport-360 {\r\n        aspect-ratio: 16 \/ 10;\r\n        max-height: 520px;\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .stella-immersive-360 {\r\n        padding: 70px 20px;\r\n    }\r\n\r\n    .stella-360-header h2 {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .stella-tour-selector {\r\n        padding: 6px;\r\n        gap: 4px;\r\n    }\r\n\r\n    .selector-btn {\r\n        padding: 10px 14px;\r\n        font-size: 11px;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .stella-viewport-360 {\r\n        aspect-ratio: 16 \/ 11;\r\n        max-height: none;\r\n        min-height: 260px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .stella-360-header h2 {\r\n        font-size: 26px;\r\n    }\r\n\r\n    .selector-btn {\r\n        padding: 9px 12px;\r\n        font-size: 10px;\r\n    }\r\n\r\n    .stella-viewport-360 {\r\n        aspect-ratio: 4 \/ 3;\r\n        min-height: 240px;\r\n    }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(30px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes fadeIn {\r\n    from { opacity: 0; }\r\n    to { opacity: 1; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"stella-immersive-360\">\r\n    <div class=\"stella-360-header\">\r\n        <span>A EXPERI\u00caNCIA DEFINITIVA<\/span>\r\n        <h2>Tour Virtual <b>360\u00b0<\/b><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"stella-tour-selector\">\r\n        <button class=\"selector-btn active\" onclick=\"switchTour('interior', this)\">\r\n            <i class=\"fas fa-couch\"><\/i> Apartamento Decorado\r\n        <\/button>\r\n        <button class=\"selector-btn\" onclick=\"switchTour('exterior', this)\">\r\n            <i class=\"fas fa-water\"><\/i> Lazer e Fachada\r\n        <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"stella-viewport-360\">\r\n        <iframe id=\"tour-interior\" class=\"tour-iframe active\" \r\n            src=\"https:\/\/kuula.co\/share\/collection\/7D06C?logo=0&card=0&info=0&fs=1&vr=1&sd=1&initload=0&thumbs=0&alpha=0.60&inst=pt\" \r\n            allowfullscreen allow=\"xr-spatial-tracking\"><\/iframe>\r\n        \r\n        <iframe id=\"tour-exterior\" class=\"tour-iframe\" \r\n            src=\"https:\/\/kuula.co\/share\/h8YvR\/collection\/7D0gc?logo=0&card=0&info=0&fs=1&vr=1&sd=1&initload=0&thumbs=0&alpha=0.60&inst=pt\" \r\n            allowfullscreen allow=\"xr-spatial-tracking\"><\/iframe>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction switchTour(type, btn) {\r\n    document.querySelectorAll('.selector-btn').forEach(b => b.classList.remove('active'));\r\n    btn.classList.add('active');\r\n\r\n    document.querySelectorAll('.tour-iframe').forEach(i => i.classList.remove('active'));\r\n    document.getElementById('tour-' + type).classList.add('active');\r\n}\r\n<\/script>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f11e167 e-flex e-con-boxed e-con e-parent\" data-id=\"f11e167\" data-element_type=\"container\" data-e-type=\"container\" id=\"galeria\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;opacity-tilt&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 2600 131.1\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0 0L2600 0 2600 69.1 0 0z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.5\" d=\"M0 0L2600 0 2600 69.1 0 69.1z\"\/>\n\t<path class=\"elementor-shape-fill\" style=\"opacity:0.25\" d=\"M2600 0L0 0 0 130.1 2600 69.1z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f3df3f0 elementor-widget elementor-widget-html\" data-id=\"f3df3f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- STELLA MARIS \u2022 SE\u00c7\u00c3O APARTAMENTO + GALERIA -->\r\n<section class=\"stella-apto\">\r\n  <div class=\"stella-wrap\">\r\n\r\n    <!-- TEXTO + DIFERENCIAIS -->\r\n    <div class=\"stella-text\">\r\n      <h2 class=\"stella-title\">\r\n        ESPA\u00c7OS BEM PENSADOS<br>\r\n        <strong>PARA VIVER EXPERI\u00caNCIAS<\/strong><br>\r\n        INESQUEC\u00cdVEIS\r\n      <\/h2>\r\n\r\n      <p class=\"stella-sub\">\r\n        S\u00e3o 4 op\u00e7\u00f5es de plantas de 73 at\u00e9 262 m\u00b2 + op\u00e7\u00f5es de apartamentos tipo garden:\r\n      <\/p>\r\n\r\n      <div class=\"stella-features\">\r\n        <div class=\"stella-item\"><span>\u25c6<\/span>Tubula\u00e7\u00e3o para \u00e1gua quente e fria<\/div>\r\n        <div class=\"stella-item\"><span>\u25c6<\/span>Forro em gesso<\/div>\r\n        <div class=\"stella-item\"><span>\u25c6<\/span>Sacada com churrasqueira a carv\u00e3o<\/div>\r\n        <div class=\"stella-item\"><span>\u25c6<\/span>Infraestrutura para ar-condicionado<\/div>\r\n        <div class=\"stella-item\"><span>\u25c6<\/span>Esquadrias em PVC<\/div>\r\n        <div class=\"stella-item\"><span>\u25c6<\/span>Persianas nos dormit\u00f3rios<\/div>\r\n        <div class=\"stella-item\"><span>\u25c6<\/span>Piso em porcelanato retificado<\/div>\r\n        <div class=\"stella-item\"><span>\u25c6<\/span>Op\u00e7\u00e3o de vagas + hobby box<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SLIDER -->\r\n    <div class=\"stella-slider\" id=\"stellaSlider\">\r\n      <img id=\"stellaMainImg\" alt=\"Apartamento Stella Maris\">\r\n      <button class=\"stella-arrow left\" id=\"stellaPrev\">\u276e<\/button>\r\n      <button class=\"stella-arrow right\" id=\"stellaNext\">\u276f<\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- LIGHTBOX -->\r\n  <div class=\"stella-lightbox\" id=\"stellaLightbox\">\r\n    <img id=\"stellaLightImg\" alt=\"Imagem ampliada\">\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.stella-apto{\r\n  background:#3f5249;\r\n  padding:80px 20px;\r\n  font-family:'Montserrat',sans-serif;\r\n  color:#fff;\r\n  display:flex;\r\n  justify-content:center;\r\n}\r\n.stella-wrap{\r\n  width:100%;\r\n  max-width:920px;\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:36px;\r\n  align-items:center;\r\n}\r\n\r\n\/* TEXTOS *\/\r\n.stella-title{\r\n  font-size:38px;\r\n  line-height:1.15;\r\n  font-weight:300;\r\n  letter-spacing:1px;\r\n  margin:0;\r\n  text-align:center;\r\n}\r\n.stella-title strong{font-weight:600;}\r\n.stella-sub{\r\n  margin:12px 0 0;\r\n  font-size:17px;\r\n  opacity:.9;\r\n  max-width:560px;\r\n  text-align:center;\r\n}\r\n.stella-features{\r\n  margin-top:20px;\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:10px 24px;\r\n  font-size:14px;\r\n  max-width:560px;\r\n}\r\n.stella-item{display:flex;gap:10px;align-items:flex-start}\r\n.stella-item span{color:#d6b36a}\r\n\r\n\/* SLIDER *\/\r\n.stella-slider{\r\n  position:relative;\r\n  width:100%;\r\n  max-width:720px;\r\n  aspect-ratio:16\/9;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  box-shadow:0 25px 60px rgba(0,0,0,.35);\r\n}\r\n.stella-slider img{\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n  display:block;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* SETAS *\/\r\n.stella-arrow{\r\n  position:absolute;\r\n  top:50%;\r\n  transform:translateY(-50%);\r\n  width:46px;\r\n  height:46px;\r\n  border-radius:50%;\r\n  background:rgba(0,0,0,.45);\r\n  color:#fff;\r\n  border:none;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:20px;\r\n  cursor:pointer;\r\n  backdrop-filter:blur(4px);\r\n  transition:.25s;\r\n}\r\n.stella-arrow:hover{background:rgba(0,0,0,.65)}\r\n.stella-arrow.left{left:14px}\r\n.stella-arrow.right{right:14px}\r\n\r\n\/* LIGHTBOX *\/\r\n.stella-lightbox{\r\n  position:fixed;\r\n  inset:0;\r\n  background:rgba(0,0,0,.92);\r\n  display:none;\r\n  align-items:center;\r\n  justify-content:center;\r\n  z-index:9999;\r\n}\r\n.stella-lightbox img{\r\n  max-width:92%;\r\n  max-height:92%;\r\n  border-radius:10px;\r\n}\r\n.stella-lightbox.active{display:flex}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n  .stella-title{font-size:26px}\r\n  .stella-features{grid-template-columns:1fr}\r\n  .stella-slider{aspect-ratio:4\/3}\r\n  .stella-arrow{\r\n    width:52px;\r\n    height:52px;\r\n    font-size:22px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n\r\n  const images=[\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/01-1-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/02-1-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/03-1-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/04-1-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/05-1-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/06-1-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/07-1-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/08-1-700x394-1.jpg\",\r\n    \"https:\/\/stellamaris.hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/09-1-700x394-1.jpg\"\r\n  ];\r\n\r\n  let index=0;\r\n\r\n  const main=document.getElementById(\"stellaMainImg\");\r\n  const prev=document.getElementById(\"stellaPrev\");\r\n  const next=document.getElementById(\"stellaNext\");\r\n  const slider=document.getElementById(\"stellaSlider\");\r\n  const lightbox=document.getElementById(\"stellaLightbox\");\r\n  const lightImg=document.getElementById(\"stellaLightImg\");\r\n\r\n  function show(){\r\n    main.src=images[index];\r\n  }\r\n\r\n  prev.addEventListener(\"click\", ()=>{\r\n    index=(index-1+images.length)%images.length;\r\n    show();\r\n  });\r\n\r\n  next.addEventListener(\"click\", ()=>{\r\n    index=(index+1)%images.length;\r\n    show();\r\n  });\r\n\r\n  main.addEventListener(\"click\", ()=>{\r\n    lightImg.src=images[index];\r\n    lightbox.classList.add(\"active\");\r\n  });\r\n\r\n  lightbox.addEventListener(\"click\", ()=>{\r\n    lightbox.classList.remove(\"active\");\r\n  });\r\n\r\n  \/* SWIPE *\/\r\n  let startX=0;\r\n  slider.addEventListener(\"touchstart\",e=>{\r\n    startX=e.touches[0].clientX;\r\n  },{passive:true});\r\n\r\n  slider.addEventListener(\"touchend\",e=>{\r\n    let diff=e.changedTouches[0].clientX-startX;\r\n    if(Math.abs(diff)>50){\r\n      diff<0 ? next.click() : prev.click();\r\n    }\r\n  },{passive:true});\r\n\r\n  show();\r\n\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12bf69df e-flex e-con-boxed e-con e-parent\" data-id=\"12bf69df\" data-element_type=\"container\" data-e-type=\"container\" id=\"diferenciais\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b7f98ae elementor-widget elementor-widget-html\" data-id=\"3b7f98ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* CONFIGURA\u00c7\u00d5ES GERAIS *\/\r\n.stella-details-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    padding: 60px 5%;\r\n    color: #ffffff;\r\n    font-family: 'Montserrat', sans-serif;\r\n    gap: 40px;\r\n    background: #404F46;\r\n}\r\n\r\n\/* COLUNA ESQUERDA - TEXTOS *\/\r\n.stella-text-col {\r\n    flex: 1;\r\n    min-width: 300px;\r\n    animation: fadeInLeft 1s ease-out;\r\n}\r\n\r\n.stella-details-logo {\r\n    max-width: 180px;\r\n    margin-bottom: 30px;\r\n    animation: floatSlow 6s ease-in-out infinite;\r\n}\r\n\r\n.stella-text-col h2 {\r\n    font-size: 42px;\r\n    font-weight: 400;\r\n    margin-bottom: 25px;\r\n    color: #ffffff;\r\n}\r\n\r\n.stella-text-col h2 span {\r\n    color: #AA8F55; \r\n}\r\n\r\n.stella-description {\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    max-width: 500px;\r\n}\r\n\r\n.stella-description p {\r\n    color: #ffffff !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n.stella-highlight {\r\n    margin-top: 20px;\r\n    font-weight: 500;\r\n    color: #ffffff;\r\n}\r\n\r\n.stella-highlight span {\r\n    color: #ffffff; \r\n}\r\n\r\n\/* COLUNA DIREITA *\/\r\n.stella-info-col {\r\n    flex: 1;\r\n    min-width: 300px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n}\r\n\r\n.info-item {\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n    padding-bottom: 15px;\r\n    transition: 0.4s;\r\n    cursor: default;\r\n    opacity: 0;\r\n    animation: fadeInRight 0.8s forwards;\r\n}\r\n\r\n.info-item:hover {\r\n    padding-left: 10px;\r\n    border-bottom: 1px solid #c5a059;\r\n}\r\n\r\n.info-label {\r\n    color: #c5a059;\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 5px;\r\n    display: block;\r\n}\r\n\r\n.info-value {\r\n    font-size: 18px;\r\n    font-weight: 300;\r\n    color: #ffffff;\r\n}\r\n\r\n@keyframes floatSlow {\r\n    0%, 100% { transform: translateY(0); }\r\n    50% { transform: translateY(-10px); }\r\n}\r\n\r\n@keyframes fadeInLeft {\r\n    from { opacity: 0; transform: translateX(-30px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n@keyframes fadeInRight {\r\n    from { opacity: 0; transform: translateX(30px); }\r\n    to { opacity: 1; transform: translateX(0); }\r\n}\r\n\r\n.info-item:nth-child(1) { animation-delay: 0.2s; }\r\n.info-item:nth-child(2) { animation-delay: 0.4s; }\r\n.info-item:nth-child(3) { animation-delay: 0.6s; }\r\n.info-item:nth-child(4) { animation-delay: 0.8s; }\r\n.info-item:nth-child(5) { animation-delay: 1.0s; }\r\n\r\n@media (max-width: 768px) {\r\n    .stella-text-col h2 { font-size: 32px; }\r\n    .stella-details-container { padding: 40px 20px; text-align: center; }\r\n    .stella-description { margin: 0 auto; }\r\n    .stella-details-logo { margin: 0 auto 30px auto; }\r\n    .info-item:hover { padding-left: 0; }\r\n    .stella-info-col { text-align: left; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"stella-details-container\">\r\n    <div class=\"stella-text-col\">\r\n        <img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/LOGO-PRINCIPAL-HOME.png\" class=\"stella-details-logo\" alt=\"Logo\">\r\n        <h2>Detalhes do <span>Projeto<\/span><\/h2>\r\n        \r\n        <div class=\"stella-description\">\r\n            <p>\r\n              O Stella Maris \u00e9 um empreendimento que redefine a maneira como voc\u00ea vive e experimenta a vida.\r\n            <\/p>\r\n\r\n            <p>\r\n                Onde cada dia aguarda para ser preenchido por mem\u00f3rias preciosas. Aqui, sua vida \u00e9 o que voc\u00ea escolhe fazer dela, e as possibilidades s\u00e3o infinitas.\r\n            <\/p>\r\n\r\n            <p class=\"stella-highlight\">\r\n                Voc\u00ea n\u00e3o apenas investe em uma casa; investe em um <span>estilo de vida<\/span>.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"stella-info-col\">\r\n        <div class=\"info-item\">\r\n            <span class=\"info-label\">Categoria<\/span>\r\n            <div class=\"info-value\">Em constru\u00e7\u00e3o<\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"info-item\">\r\n            <span class=\"info-label\">Entrega<\/span>\r\n            <div class=\"info-value\">Novembro de 2029<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"info-item\">\r\n            <span class=\"info-label\">Localiza\u00e7\u00e3o<\/span>\r\n            <div class=\"info-value\">Rua Minas Gerais \u2013 Turimar, Balne\u00e1rio Gaivota\/SC<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"info-item\">\r\n            <span class=\"info-label\">Registro (RI)<\/span>\r\n            <div class=\"info-value\">91.793<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"info-item\">\r\n            <span class=\"info-label\">\u00c1rea Privativa<\/span>\r\n            <div class=\"info-value\">de 73m\u00b2 at\u00e9 262m\u00b2<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fc982a9 e-flex e-con-boxed e-con e-parent\" data-id=\"fc982a9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12f2f13 elementor-widget elementor-widget-html\" data-id=\"12f2f13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ===== BOT\u00c3O STELLA (ISOLADO) ===== *\/\r\n.stella-cta {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 35px;\r\n}\r\n\r\n.stella-btn {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding: 16px 32px;\r\n    background: linear-gradient(135deg,#c5a059,#e0c27a);\r\n    color: #2f3b34;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    border-radius: 40px;\r\n    text-decoration: none;\r\n    overflow: hidden;\r\n    transition: 0.4s;\r\n    animation: pulseBtn 2.8s infinite;\r\n}\r\n\r\n.stella-btn:hover {\r\n    transform: translateY(-3px) scale(1.03);\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.25);\r\n}\r\n\r\n.stella-btn::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -75%;\r\n    width: 50%;\r\n    height: 100%;\r\n    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.6), transparent);\r\n    transform: skewX(-25deg);\r\n    animation: shine 3.5s infinite;\r\n}\r\n\r\n@keyframes pulseBtn {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(197,160,89,0.5); }\r\n    50% { box-shadow: 0 0 0 12px rgba(197,160,89,0); }\r\n}\r\n\r\n@keyframes shine {\r\n    0% { left: -75%; }\r\n    60% { left: 125%; }\r\n    100% { left: 125%; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"stella-cta\">\r\n    <a href=\"https:\/\/wa.me\/5548996690283?text=Ol%C3%A1%2C%20gostaria%20de%20obter%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20empreendimento%20Stella%20Maris.\" \r\n       class=\"stella-btn\" \r\n       target=\"_blank\">\r\n       Falar com Especialista\r\n    <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39bd5f20 e-flex e-con-boxed e-con e-parent\" data-id=\"39bd5f20\" data-element_type=\"container\" data-e-type=\"container\" id=\"diferenciais\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-203c90b9 elementor-widget elementor-widget-html\" data-id=\"203c90b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. ESTRUTURA GERAL *\/\r\n.stella-dif-wrapper {\r\n  padding: 60px 0;\r\n  font-family: 'Montserrat', sans-serif;\r\n  background: #404F46; \/* FUNDO APLICADO *\/\r\n}\r\n\r\n\/* 2. CABE\u00c7ALHO *\/\r\n.stella-dif-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n}\r\n\r\n.stella-dif-header span {\r\n  color: #c5a059;\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 4px;\r\n  display: block;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.stella-dif-header h2 {\r\n  font-size: 42px;\r\n  font-weight: 300;\r\n  margin: 0;\r\n  color: #ffffff;\r\n}\r\n\r\n.stella-dif-header h2 b {\r\n  color: #c5a059;\r\n  font-weight: 300;\r\n}\r\n\r\n.stella-dif-header::after {\r\n  content: '';\r\n  display: block;\r\n  width: 50px;\r\n  height: 1px;\r\n  background: #c5a059;\r\n  margin: 20px auto 0;\r\n}\r\n\r\n\/* 3. GRID DE CARDS *\/\r\n.stella-dif-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 20px;\r\n  max-width: 1140px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* 4. ESTILO DOS CARDS *\/\r\n.stella-dif-card {\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  padding: 45px 35px;\r\n  border-radius: 2px;\r\n  transition: all 0.4s ease;\r\n  text-align: left;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  animation: fadeInUp 0.7s forwards;\r\n}\r\n\r\n.stella-dif-card:hover {\r\n  border-color: rgba(197, 160, 89, 0.6);\r\n  background: rgba(255, 255, 255, 0.05);\r\n  transform: translateY(-10px);\r\n}\r\n\r\n\/* \u00cdCONES E T\u00cdTULOS (DOURADO) *\/\r\n.stella-dif-card .dif-icon,\r\n.stella-dif-card h3 {\r\n  color: #c5a059;\r\n}\r\n\r\n.stella-dif-card .dif-icon {\r\n  font-size: 32px;\r\n  margin-bottom: 25px;\r\n  display: inline-block;\r\n  transition: 0.3s;\r\n}\r\n\r\n.stella-dif-card h3 {\r\n  font-size: 19px;\r\n  margin-bottom: 15px;\r\n  font-weight: 600;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n\/* TEXTO DE BAIXO (BRANCO) *\/\r\n.stella-dif-card p {\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n  font-weight: 300;\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* 5. RESPONSIVIDADE *\/\r\n@media (max-width: 1024px) {\r\n  .stella-dif-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    padding: 0 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .stella-dif-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .stella-dif-header h2 {\r\n    font-size: 30px;\r\n  }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Delays *\/\r\n.stella-dif-card:nth-child(1) { animation-delay: 0.1s; }\r\n.stella-dif-card:nth-child(2) { animation-delay: 0.2s; }\r\n.stella-dif-card:nth-child(3) { animation-delay: 0.3s; }\r\n.stella-dif-card:nth-child(4) { animation-delay: 0.4s; }\r\n.stella-dif-card:nth-child(5) { animation-delay: 0.5s; }\r\n.stella-dif-card:nth-child(6) { animation-delay: 0.6s; }\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<div class=\"stella-dif-wrapper\">\r\n  <div class=\"stella-dif-header\">\r\n    <span>POR QUE ESCOLHER<\/span>\r\n    <h2>STELLA <b>MARIS<\/b><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"stella-dif-grid\">\r\n    <div class=\"stella-dif-card\">\r\n      <i class=\"fas fa-pen-fancy dif-icon\"><\/i>\r\n      <h3>Superando Expectativas<\/h3>\r\n      <p>Surpreenda-se com os detalhes de paisagismo e acabamento que tornam cada projeto \u00fanico.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stella-dif-card\">\r\n      <i class=\"fas fa-gem dif-icon\"><\/i>\r\n      <h3>Design e Conforto<\/h3>\r\n      <p>Empreendimentos modernos aliando conforto e alto padr\u00e3o em cada m\u00b2 constru\u00eddo.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stella-dif-card\">\r\n      <i class=\"fas fa-shield-alt dif-icon\"><\/i>\r\n      <h3>Solidez<\/h3>\r\n      <p>Conte com a solidez de mais de 40 anos do grupo Realengo entregando qualidade.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stella-dif-card\">\r\n      <i class=\"fas fa-chart-line dif-icon\"><\/i>\r\n      <h3>Valoriza\u00e7\u00e3o<\/h3>\r\n      <p>Im\u00f3veis que realizam sonhos e rentabilizam investimentos de forma inteligente.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stella-dif-card\">\r\n      <i class=\"fas fa-history dif-icon\"><\/i>\r\n      <h3>Pontualidade<\/h3>\r\n      <p>Cronograma seguido \u00e0 risca, porque seus sonhos n\u00e3o podem esperar pela entrega.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stella-dif-card\">\r\n      <i class=\"fas fa-headset dif-icon\"><\/i>\r\n      <h3>Acompanhamento<\/h3>\r\n      <p>Todo suporte antes, durante e ap\u00f3s a conclus\u00e3o das obras para sua tranquilidade.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c441a55 e-flex e-con-boxed e-con e-parent\" data-id=\"c441a55\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;mountains&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fc0125 elementor-widget elementor-widget-html\" data-id=\"5fc0125\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== STELLA MARIS VIDEO PREMIUM ===== -->\r\n<section class=\"sm-video-section\">\r\n  <div class=\"sm-video-container\">\r\n    \r\n    <div class=\"sm-video-text\">\r\n      <span class=\"sm-video-label\">STELLA MARIS<\/span>\r\n      <h2>Conhe\u00e7a o empreendimento em detalhes<\/h2>\r\n      <p>\r\n        Um projeto exclusivo que une sofistica\u00e7\u00e3o, natureza e alto potencial de valoriza\u00e7\u00e3o.\r\n        Assista ao v\u00eddeo e descubra cada detalhe deste investimento \u00fanico.\r\n      <\/p>\r\n\r\n      <!-- BOT\u00c3O WHATSAPP -->\r\n      <a href=\"https:\/\/wa.me\/5548996690283?text=Ol%C3%A1%2C%20gostaria%20de%20obter%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20empreendimento%20Stella%20Maris.\" target=\"_blank\" class=\"sm-btn-whatsapp\">\r\n        Falar com Especialista\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"sm-video-wrapper\">\r\n      <div class=\"sm-video-frame\">\r\n        <iframe \r\n          src=\"https:\/\/www.youtube.com\/embed\/snuHnweui3w\" \r\n          title=\"Stella Maris\" \r\n          frameborder=\"0\" \r\n          allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \r\n          allowfullscreen>\r\n        <\/iframe>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== VIDEO STELLA MARIS ===== *\/\r\n.sm-video-section{\r\n  background:#708578;\r\n  padding:120px 6%;\r\n  font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n.sm-video-container{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  display:grid;\r\n  grid-template-columns:1fr 1.2fr;\r\n  gap:60px;\r\n  align-items:center;\r\n}\r\n\r\n.sm-video-text h2{\r\n  color:#ffffff;\r\n  font-size:36px;\r\n  margin:10px 0 20px;\r\n  font-weight:600;\r\n}\r\n\r\n.sm-video-text p{\r\n  color:#eef2ef;\r\n  line-height:1.6;\r\n  font-size:16px;\r\n  max-width:420px;\r\n}\r\n\r\n.sm-video-label{\r\n  color:#E7D3A7;\r\n  font-size:13px;\r\n  letter-spacing:3px;\r\n  font-weight:600;\r\n}\r\n\r\n\/* ===== BOT\u00c3O WHATSAPP PREMIUM NOVA ANIMA\u00c7\u00c3O ===== *\/\r\n.sm-btn-whatsapp{\r\n  display:inline-block;\r\n  margin-top:30px;\r\n  padding:14px 28px;\r\n  border-radius:40px;\r\n  background:linear-gradient(135deg,#E7D3A7,#C6A96B);\r\n  color:#2f3e35;\r\n  font-weight:600;\r\n  font-size:15px;\r\n  text-decoration:none;\r\n  letter-spacing:.5px;\r\n  position:relative;\r\n  overflow:hidden;\r\n  transition:all .35s ease;\r\n\r\n  \/* anima\u00e7\u00e3o luxo suave *\/\r\n  animation:floatGlow 3.5s ease-in-out infinite;\r\n}\r\n\r\n\/* brilho interno suave *\/\r\n.sm-btn-whatsapp::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  border-radius:40px;\r\n  background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.35), transparent 60%);\r\n  opacity:.6;\r\n  animation:innerGlow 3.5s ease-in-out infinite;\r\n}\r\n\r\n\/* hover premium *\/\r\n.sm-btn-whatsapp:hover{\r\n  transform:translateY(-4px) scale(1.04);\r\n  box-shadow:0 18px 40px rgba(0,0,0,.35);\r\n}\r\n\r\n\/* anima\u00e7\u00e3o flutuante + glow *\/\r\n@keyframes floatGlow{\r\n  0%{\r\n    transform:translateY(0);\r\n    box-shadow:0 10px 25px rgba(0,0,0,.25);\r\n  }\r\n  50%{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 18px 40px rgba(231,211,167,.45);\r\n  }\r\n  100%{\r\n    transform:translateY(0);\r\n    box-shadow:0 10px 25px rgba(0,0,0,.25);\r\n  }\r\n}\r\n\r\n\/* brilho respirando *\/\r\n@keyframes innerGlow{\r\n  0%,100%{opacity:.45}\r\n  50%{opacity:.75}\r\n}\r\n\r\n\/* VIDEO FRAME *\/\r\n.sm-video-wrapper{\r\n  position:relative;\r\n}\r\n\r\n.sm-video-frame{\r\n  position:relative;\r\n  padding-bottom:56.25%;\r\n  height:0;\r\n  overflow:hidden;\r\n  border-radius:16px;\r\n  box-shadow:0 25px 60px rgba(0,0,0,0.25);\r\n}\r\n\r\n.sm-video-frame iframe{\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  width:100%;\r\n  height:100%;\r\n  border:0;\r\n}\r\n\r\n\/* RESPONSIVO *\/\r\n@media(max-width:980px){\r\n  .sm-video-container{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n    text-align:center;\r\n  }\r\n\r\n  .sm-video-text p{\r\n    margin:auto;\r\n  }\r\n\r\n  .sm-btn-whatsapp{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15db8211 e-flex e-con-boxed e-con e-parent\" data-id=\"15db8211\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1476ff2 elementor-widget elementor-widget-html\" data-id=\"1476ff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* 1. CONTAINER AMPLIADO *\/\r\n.stella-carousel-max {\r\n  background-color: #708578; \/* cor alterada *\/\r\n  padding: 60px 0 100px 0;\r\n  font-family: 'Montserrat', sans-serif;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* 2. CABE\u00c7ALHO MINIMALISTA *\/\r\n.carousel-header {\r\n  text-align: center;\r\n  margin-bottom: 30px;\r\n}\r\n.carousel-header h2 {\r\n  color: #ffffff;\r\n  font-size: 38px;\r\n  font-weight: 300;\r\n  letter-spacing: 2px;\r\n}\r\n.carousel-header h2 b {\r\n  color: #c5a059;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* 3. CARROSSEL *\/\r\n.swiper-plantas-max {\r\n  width: 100%;\r\n  padding: 20px 0 80px 0 !important;\r\n}\r\n\r\n.swiper-slide {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  transition: all 0.5s ease-in-out;\r\n  opacity: 0.2;\r\n  transform: scale(0.8);\r\n  width: 80% !important;\r\n}\r\n\r\n.swiper-slide-active {\r\n  opacity: 1;\r\n  transform: scale(1);\r\n  z-index: 10;\r\n}\r\n\r\n\/* Moldura *\/\r\n.planta-frame-large {\r\n  background: #ffffff;\r\n  padding: 10px;\r\n  border-radius: 2px;\r\n  box-shadow: none;\r\n  border: 1px solid rgba(197, 160, 89, 0.4);\r\n  width: 100%;\r\n  max-width: 1000px;\r\n  aspect-ratio: 16 \/ 9;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.planta-frame-large img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  display: block;\r\n}\r\n\r\n\/* 4. NAVEGA\u00c7\u00c3O *\/\r\n.swiper-button-next,\r\n.swiper-button-prev {\r\n  color: #c5a059 !important;\r\n  background: rgba(34, 38, 44, 0.8);\r\n  width: 50px !important;\r\n  height: 50px !important;\r\n  border-radius: 50%;\r\n  border: 1px solid #c5a059;\r\n}\r\n\r\n.swiper-button-next:after,\r\n.swiper-button-prev:after {\r\n  font-size: 18px !important;\r\n  font-weight: bold;\r\n}\r\n\r\n.swiper-pagination-bullet-active {\r\n  background: #c5a059 !important;\r\n  width: 25px;\r\n  border-radius: 5px;\r\n}\r\n\r\n\/* 5. RESPONSIVO *\/\r\n@media (max-width: 768px) {\r\n  .carousel-header h2 {\r\n    font-size: 28px;\r\n  }\r\n  .swiper-slide {\r\n    width: 90% !important;\r\n  }\r\n  .planta-frame-large {\r\n    aspect-ratio: 4 \/ 3;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\" \/>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\r\n\r\n<section class=\"stella-carousel-max\">\r\n  <div class=\"carousel-header\">\r\n    <h2>Plantas <b>Exclusivas<\/b><\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"swiper swiper-plantas-max\">\r\n    <div class=\"swiper-wrapper\">\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_1pavimento.jpg\"><\/div><\/div>\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_terreo.jpg\"><\/div><\/div>\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_area_comum-1-1.jpg\"><\/div><\/div>\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_apartamento_lateral.jpg\"><\/div><\/div>\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_apartamento_garten_Lateral.jpg\"><\/div><\/div>\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_apartamento_garten_frente_mar.jpg\"><\/div><\/div>\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_apartamento_garten_central.jpg\"><\/div><\/div>\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_apartamento_frente_mar.jpg\"><\/div><\/div>\r\n      <div class=\"swiper-slide\"><div class=\"planta-frame-large\"><img decoding=\"async\" src=\"https:\/\/hgbrasil.eng.br\/wp-content\/uploads\/2026\/02\/planta_apartamento_cobertura.jpg\"><\/div><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"swiper-button-next\"><\/div>\r\n    <div class=\"swiper-button-prev\"><\/div>\r\n    <div class=\"swiper-pagination\"><\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nnew Swiper(\".swiper-plantas-max\", {\r\n  loop: true,\r\n  centeredSlides: true,\r\n  slidesPerView: \"auto\",\r\n  spaceBetween: 20,\r\n  speed: 800,\r\n  autoplay: {\r\n    delay: 4000,\r\n    disableOnInteraction: false,\r\n  },\r\n  navigation: {\r\n    nextEl: \".swiper-button-next\",\r\n    prevEl: \".swiper-button-prev\",\r\n  },\r\n  pagination: {\r\n    el: \".swiper-pagination\",\r\n    clickable: true,\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2f36f77 e-flex e-con-boxed e-con e-parent\" data-id=\"2f36f77\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-583ed1c elementor-widget elementor-widget-html\" data-id=\"583ed1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== BARRA ESTAT\u00cdSTICA LUXO ===== -->\r\n<section class=\"sm-stat-bar\">\r\n  <div class=\"sm-stat-wrap\">\r\n    \r\n    <div class=\"sm-stat-text\">\r\n      <span class=\"sm-stat-label\">UNIDADES COMERCIALIZADAS<\/span>\r\n      <h3>\r\n        <span class=\"sm-white\">72% dos apartamentos <br>j\u00e1 foram vendidos.<\/span>\r\n        <strong class=\"sm-gold\">Ainda restam 28% dos apartamentos dispon\u00edveis para aquisi\u00e7\u00e3o.<\/strong>\r\n      <\/h3>\r\n\r\n      <a href=\"https:\/\/wa.me\/5548996690283?text=Ol%C3%A1%2C%20gostaria%20de%20obter%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20empreendimento%20Stella%20Maris.\" class=\"sm-whats-btn\" target=\"_blank\">\r\n        Falar com especialista\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"sm-progress\">\r\n      <div class=\"sm-progress-track\">\r\n        <div class=\"sm-progress-fill\"><\/div>\r\n      <\/div>\r\n      <div class=\"sm-progress-number\">28%<\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== SE\u00c7\u00c3O ===== *\/\r\n.sm-stat-bar{\r\n  width:100%;\r\n  padding:70px 6%;\r\n  font-family:'Montserrat',sans-serif;\r\n  color:#fff;\r\n}\r\n\r\n\/* ===== CORES LUXO ===== *\/\r\n.sm-white{ color:#ffffff; }\r\n.sm-gold{ color:#d4af37; } \/* dourado premium *\/\r\n\r\n\/* ===== CONTAINER ===== *\/\r\n.sm-stat-wrap{\r\n  max-width:1200px;\r\n  margin:auto;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:60px;\r\n}\r\n\r\n\/* ===== TEXTO ===== *\/\r\n.sm-stat-label{\r\n  font-size:12px;\r\n  letter-spacing:2px;\r\n  opacity:.85;\r\n  color:#ffffff;\r\n}\r\n\r\n.sm-stat-text h3{\r\n  margin:10px 0 24px;\r\n  font-weight:300;\r\n  line-height:1.4;\r\n  font-size:30px;\r\n}\r\n\r\n.sm-stat-text strong{\r\n  display:block;\r\n  font-weight:600;\r\n  margin-top:6px;\r\n}\r\n\r\n\/* ===== BOT\u00c3O ===== *\/\r\n.sm-whats-btn{\r\n  display:inline-block;\r\n  background:#d4af37;\r\n  color:#1a1a1a;\r\n  padding:14px 28px;\r\n  border-radius:40px;\r\n  font-weight:600;\r\n  text-decoration:none;\r\n  font-size:15px;\r\n  box-shadow:0 10px 25px rgba(0,0,0,.25);\r\n  animation:smBreath 2.5s ease-in-out infinite;\r\n  transition:.25s;\r\n}\r\n\r\n.sm-whats-btn:hover{\r\n  transform:translateY(-3px) scale(1.05);\r\n  box-shadow:0 14px 32px rgba(0,0,0,.35);\r\n}\r\n\r\n@keyframes smBreath{\r\n  0%{transform:scale(1)}\r\n  50%{transform:scale(1.06)}\r\n  100%{transform:scale(1)}\r\n}\r\n\r\n\/* ===== PROGRESS ===== *\/\r\n.sm-progress{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:20px;\r\n  min-width:340px;\r\n}\r\n\r\n.sm-progress-track{\r\n  width:260px;\r\n  height:10px;\r\n  background:rgba(255,255,255,.25);\r\n  border-radius:10px;\r\n  overflow:hidden;\r\n}\r\n\r\n.sm-progress-fill{\r\n  width:73%;\r\n  height:100%;\r\n  background:#d4af37;\r\n  border-radius:10px;\r\n  animation:smGrow 1.8s ease;\r\n}\r\n\r\n.sm-progress-number{\r\n  font-size:28px;\r\n  font-weight:600;\r\n  color:#d4af37;\r\n}\r\n\r\n@keyframes smGrow{\r\n  from{width:0}\r\n  to{width:73%}\r\n}\r\n\r\n\/* ===== TABLET ===== *\/\r\n@media(max-width:992px){\r\n  .sm-stat-wrap{\r\n    gap:40px;\r\n  }\r\n\r\n  .sm-stat-text h3{\r\n    font-size:26px;\r\n  }\r\n\r\n  .sm-progress-track{\r\n    width:220px;\r\n  }\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n@media(max-width:768px){\r\n  .sm-stat-wrap{\r\n    flex-direction:column;\r\n    align-items:center;\r\n    text-align:center;\r\n  }\r\n\r\n  .sm-stat-text h3{\r\n    font-size:22px;\r\n  }\r\n\r\n  .sm-progress{\r\n    width:100%;\r\n    justify-content:center;\r\n  }\r\n\r\n  .sm-progress-track{\r\n    width:100%;\r\n    max-width:320px;\r\n  }\r\n\r\n  .sm-progress-number{\r\n    font-size:26px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c342f25 e-con-full e-flex e-con e-parent\" data-id=\"c342f25\" data-element_type=\"container\" data-e-type=\"container\" id=\"contato\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c9b5aae elementor-widget elementor-widget-html\" data-id=\"c9b5aae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.stella-location-section{\r\n    background:#3F5249;\r\n    padding:110px 6%;\r\n    font-family:'Montserrat',sans-serif;\r\n    color:#fff;\r\n}\r\n\r\n.stella-location-wrap{\r\n    max-width:1200px;\r\n    margin:auto;\r\n}\r\n\r\n.stella-label{\r\n    letter-spacing:4px;\r\n    font-size:12px;\r\n    opacity:.7;\r\n    display:block;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.stella-location-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:60px;\r\n    align-items:center;\r\n}\r\n\r\n.stella-location-content h2{\r\n    font-size:42px;\r\n    font-weight:300;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.stella-location-content h2 span{\r\n    font-weight:600;\r\n}\r\n\r\n.stella-location-content p{\r\n    font-size:16px;\r\n    line-height:1.7;\r\n    opacity:.9;\r\n    margin-bottom:26px;\r\n    max-width:420px;\r\n}\r\n\r\n.stella-address{\r\n    border-left:2px solid rgba(255,255,255,.3);\r\n    padding-left:16px;\r\n    margin-bottom:28px;\r\n    font-size:14px;\r\n    opacity:.85;\r\n}\r\n\r\n.stella-benefits{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:14px 30px;\r\n}\r\n\r\n.stella-benefits div{\r\n    font-size:14px;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    opacity:.9;\r\n}\r\n\r\n.stella-benefits i{\r\n    font-size:14px;\r\n    opacity:.7;\r\n}\r\n\r\n.stella-map{\r\n    position:relative;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    box-shadow:0 25px 60px rgba(0,0,0,.35);\r\n}\r\n\r\n.stella-map iframe{\r\n    width:100%;\r\n    height:420px;\r\n    border:0;\r\n}\r\n\r\n.stella-cta{\r\n    margin-top:90px;\r\n    text-align:center;\r\n    max-width:620px;\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n}\r\n\r\n.stella-cta h3{\r\n    font-size:34px;\r\n    font-weight:300;\r\n    margin-bottom:14px;\r\n}\r\n\r\n.stella-cta h3 span{\r\n    font-weight:600;\r\n}\r\n\r\n.stella-cta p{\r\n    opacity:.9;\r\n    margin-bottom:30px;\r\n}\r\n\r\n.stella-btn{\r\n    display:inline-block;\r\n    padding:14px 34px;\r\n    border:1px solid #fff;\r\n    border-radius:40px;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    letter-spacing:1px;\r\n    transition:.3s;\r\n}\r\n\r\n.stella-btn:hover{\r\n    background:#fff;\r\n    color:#3F5249;\r\n}\r\n\r\n@media(max-width:900px){\r\n    .stella-location-grid{\r\n        grid-template-columns:1fr;\r\n        gap:40px;\r\n    }\r\n\r\n    .stella-location-content h2{\r\n        font-size:32px;\r\n    }\r\n\r\n    .stella-map iframe{\r\n        height:320px;\r\n    }\r\n\r\n    .stella-cta{\r\n        margin-top:60px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"stella-location-section\">\r\n  <div class=\"stella-location-wrap\">\r\n\r\n    <div class=\"stella-location-grid\">\r\n\r\n      <div class=\"stella-location-content\">\r\n        <span class=\"stella-label\">LOCALIZA\u00c7\u00c3O<\/span>\r\n        <h2>Balne\u00e1rio <span>Gaivota<\/span><\/h2>\r\n\r\n        <p>\r\n          A Praia das Passarelas \u2014 aqui, voc\u00ea encontra mais do que um apartamento.\r\n          Encontra um estilo de vida exclusivo \u00e0 beira-mar.\r\n        <\/p>\r\n\r\n        <div class=\"stella-address\">\r\n          R. Minas Gerais, 148-378 \u2013 Turimar<br>\r\n          Balne\u00e1rio Gaivota \u2013 SC, 88955-000\r\n        <\/div>\r\n\r\n        <div class=\"stella-benefits\">\r\n          <div><i class=\"fa-solid fa-water\"><\/i> Frente para o mar<\/div>\r\n          <div><i class=\"fa-solid fa-sun\"><\/i> Clima agrad\u00e1vel<\/div>\r\n          <div><i class=\"fa-solid fa-tree\"><\/i> Natureza preservada<\/div>\r\n          <div><i class=\"fa-solid fa-location-dot\"><\/i> Localiza\u00e7\u00e3o privilegiada<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- MAPA GOOGLE INTERATIVO COM ROTAS -->\r\n<div class=\"stella-map\">\r\n  <iframe \r\n    src=\"https:\/\/www.google.com\/maps?q=Stella+Maris+Residence+Club+Balne%C3%A1rio+Gaivota&z=18&output=embed\"\r\n    loading=\"lazy\"\r\n    referrerpolicy=\"no-referrer-when-downgrade\">\r\n  <\/iframe>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In\u00edcio Projeto Galeria Diferenciais Contato Balne\u00e1rio Gaivota &#8211; Santa Catarina Saiba Mais UM NOVO PADR\u00c3O DE VIVER EMPREENDIMENTOS STELLA MARIS BALNE\u00c1RIO GAIVOTA &#8211; SC \u276e \u276f CADA ESPA\u00c7O PENSADO COM CUIDADO PARA UMA EXPERI\u00caNCIA \u00daNICA Todos os ambientes s\u00e3o entregues decorados, mobiliados e equipados para proporcionar conforto, eleg\u00e2ncia e exclusividade. Tour Imersivo 360\u00b0 Falar com [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/stellamaris.hgbrasil.eng.br\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stellamaris.hgbrasil.eng.br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/stellamaris.hgbrasil.eng.br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/stellamaris.hgbrasil.eng.br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/stellamaris.hgbrasil.eng.br\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":280,"href":"https:\/\/stellamaris.hgbrasil.eng.br\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/stellamaris.hgbrasil.eng.br\/wp-json\/wp\/v2\/pages\/14\/revisions\/387"}],"wp:attachment":[{"href":"https:\/\/stellamaris.hgbrasil.eng.br\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}