{"id":15,"date":"2026-05-17T04:58:37","date_gmt":"2026-05-17T04:58:37","guid":{"rendered":"https:\/\/yabiarquitetura.com.br\/?page_id=15"},"modified":"2026-05-18T14:18:09","modified_gmt":"2026-05-18T14:18:09","slug":"home","status":"publish","type":"page","link":"https:\/\/yabiarquitetura.com.br\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b0ad7f e-con-full e-flex e-con e-parent\" data-id=\"5b0ad7f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6b77c25 elementor-widget elementor-widget-html\" data-id=\"6b77c25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"wgno-hero-slider\">\r\n\r\n  <!-- HEADER -->\r\n  <header class=\"wgno-header\">\r\n    <div class=\"wgno-header-inner\">\r\n      <a href=\"https:\/\/yabiarquitetura.com.br\" class=\"wgno-logo\">\r\n        <img decoding=\"async\" src=\"https:\/\/darkslateblue-oryx-539037.hostingersite.com\/wp-content\/uploads\/2026\/04\/yabi.png\" alt=\"Yabi\">\r\n      <\/a>\r\n\r\n      <nav class=\"wgno-menu\">\r\n        <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=49\">quem somos<\/a>\r\n\r\n        <div class=\"wgno-dropdown\">\r\n          <a href=\"javascript:void(0)\" class=\"wgno-dropdown-toggle\">\r\n            projetos\r\n            <span class=\"wgno-arrow\"><\/span>\r\n          <\/a>\r\n\r\n          <div class=\"wgno-submenu\">\r\n            <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=25\">arquitetura<\/a>\r\n            <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=43\">interiores<\/a>\r\n            <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=37\">corporativo<\/a>\r\n            <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=55\">m\u00eddias<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=31\">contato<\/a>\r\n      <\/nav>\r\n\r\n      <button class=\"wgno-menu-toggle\" aria-label=\"Abrir menu\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"wgno-mobile-menu\">\r\n      <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=49\">quem somos<\/a>\r\n\r\n      <div class=\"wgno-mobile-dropdown\">\r\n        <button class=\"wgno-mobile-dropdown-toggle\" type=\"button\">\r\n          projetos\r\n          <span class=\"wgno-arrow\"><\/span>\r\n        <\/button>\r\n\r\n        <div class=\"wgno-mobile-submenu\">\r\n          <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=25\">arquitetura<\/a>\r\n          <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=43\">interiores<\/a>\r\n          <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=37\">corporativo<\/a>\r\n          <a href=\"yabiarquitetura.com.br\/midias\">m\u00eddias<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/yabiarquitetura.com.br\/?page_id=31\">contato<\/a>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- CARROSSEL -->\r\n  <div class=\"wgno-slider-track\">\r\n    <div class=\"wgno-slide active\">\r\n      <img decoding=\"async\" src=\"https:\/\/darkslateblue-oryx-539037.hostingersite.com\/wp-content\/uploads\/2026\/04\/foto1.jpeg\" alt=\"Imagem 1\">\r\n    <\/div>\r\n\r\n    <div class=\"wgno-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/darkslateblue-oryx-539037.hostingersite.com\/wp-content\/uploads\/2026\/04\/foto2.jpeg\" alt=\"Imagem 2\">\r\n    <\/div>\r\n\r\n    <div class=\"wgno-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/darkslateblue-oryx-539037.hostingersite.com\/wp-content\/uploads\/2026\/04\/foto-3.jpeg\" alt=\"Imagem 3\">\r\n    <\/div>\r\n\r\n    <div class=\"wgno-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/darkslateblue-oryx-539037.hostingersite.com\/wp-content\/uploads\/2026\/04\/foto-4.jpeg\" alt=\"Imagem 4\">\r\n    <\/div>\r\n\r\n    <div class=\"wgno-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/darkslateblue-oryx-539037.hostingersite.com\/wp-content\/uploads\/2026\/04\/foto-5.jpeg\" alt=\"Imagem 5\">\r\n    <\/div>\r\n\r\n    <div class=\"wgno-slide\">\r\n      <img decoding=\"async\" src=\"https:\/\/darkslateblue-oryx-539037.hostingersite.com\/wp-content\/uploads\/2026\/04\/foto-6.jpeg\" alt=\"Imagem 6\">\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- DOTS -->\r\n  <div class=\"wgno-dots\">\r\n    <span class=\"wgno-dot active\" data-slide=\"0\"><\/span>\r\n    <span class=\"wgno-dot\" data-slide=\"1\"><\/span>\r\n    <span class=\"wgno-dot\" data-slide=\"2\"><\/span>\r\n    <span class=\"wgno-dot\" data-slide=\"3\"><\/span>\r\n    <span class=\"wgno-dot\" data-slide=\"4\"><\/span>\r\n    <span class=\"wgno-dot\" data-slide=\"5\"><\/span>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n  html, body {\r\n    margin: 0;\r\n    padding: 0;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .wgno-hero-slider {\r\n    position: relative;\r\n    width: 100vw !important;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    left: 50%;\r\n    margin-left: -50vw !important;\r\n    max-width: 100vw !important;\r\n    background: #000;\r\n  }\r\n\r\n  .wgno-slider-track {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n\r\n  .wgno-slide {\r\n    position: absolute;\r\n    inset: 0;\r\n    opacity: 0;\r\n    transition: opacity .8s ease;\r\n  }\r\n\r\n  .wgno-slide.active {\r\n    opacity: 1;\r\n  }\r\n\r\n  .wgno-slide img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n  }\r\n\r\n  .wgno-header {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    z-index: 50;\r\n    background: rgba(255,255,255,0.18);\r\n    backdrop-filter: blur(3px);\r\n    -webkit-backdrop-filter: blur(3px);\r\n    border-bottom: 1px solid rgba(255,255,255,0.10);\r\n  }\r\n\r\n  .wgno-header-inner {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    min-height: 96px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0 38px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wgno-logo {\r\n    display: flex;\r\n    align-items: center;\r\n    text-decoration: none;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .wgno-logo img {\r\n    width: 72px;\r\n    height: auto;\r\n    display: block;\r\n  }\r\n\r\n  .wgno-menu {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 46px;\r\n  }\r\n\r\n  .wgno-menu > a,\r\n  .wgno-dropdown-toggle {\r\n    color: #111;\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    transition: .3s ease;\r\n    text-transform: lowercase;\r\n  }\r\n\r\n  .wgno-menu > a:hover,\r\n  .wgno-dropdown-toggle:hover {\r\n    opacity: .7;\r\n  }\r\n\r\n  .wgno-dropdown {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n  }\r\n\r\n  .wgno-dropdown-toggle {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .wgno-arrow {\r\n    display: inline-block;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 5px solid transparent;\r\n    border-right: 5px solid transparent;\r\n    border-top: 6px solid #111;\r\n    transition: .3s ease;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .wgno-dropdown:hover .wgno-arrow {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .wgno-submenu {\r\n    position: absolute;\r\n    top: calc(100% + 22px);\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    min-width: 190px;\r\n    background: #efefef;\r\n    padding: 10px 0;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.18);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: .25s ease;\r\n    z-index: 60;\r\n  }\r\n\r\n  .wgno-submenu::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -22px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 22px;\r\n  }\r\n\r\n  .wgno-dropdown:hover .wgno-submenu {\r\n    opacity: 1;\r\n    visibility: visible;\r\n  }\r\n\r\n  .wgno-submenu a {\r\n    display: block;\r\n    padding: 15px 24px;\r\n    color: #111;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    text-transform: lowercase;\r\n    transition: .25s ease;\r\n    background: #efefef;\r\n  }\r\n\r\n  .wgno-submenu a:hover {\r\n    background: #e6e6e6;\r\n  }\r\n\r\n  .wgno-menu-toggle {\r\n    display: none;\r\n    width: 44px;\r\n    height: 44px;\r\n    padding: 0;\r\n    border: none;\r\n    background: transparent;\r\n    cursor: pointer;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n  }\r\n\r\n  .wgno-menu-toggle span {\r\n    width: 24px;\r\n    height: 2px;\r\n    background: #111;\r\n    display: block;\r\n    transition: .3s ease;\r\n  }\r\n\r\n  .wgno-mobile-menu {\r\n    display: none;\r\n    width: 100%;\r\n    background: rgba(255,255,255,0.96);\r\n    padding: 0 24px 20px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .wgno-mobile-menu > a,\r\n  .wgno-mobile-dropdown-toggle {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    color: #111;\r\n    text-decoration: none;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    padding: 14px 0;\r\n    border-bottom: 1px solid rgba(0,0,0,0.08);\r\n    text-transform: lowercase;\r\n    background: transparent;\r\n    border-left: none;\r\n    border-right: none;\r\n    border-top: none;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .wgno-mobile-dropdown {\r\n    width: 100%;\r\n  }\r\n\r\n  .wgno-mobile-submenu {\r\n    display: none;\r\n    padding: 6px 0 10px 14px;\r\n    border-bottom: 1px solid rgba(0,0,0,0.08);\r\n  }\r\n\r\n  .wgno-mobile-submenu.active {\r\n    display: block;\r\n  }\r\n\r\n  .wgno-mobile-submenu a {\r\n    display: block;\r\n    color: #111;\r\n    text-decoration: none;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    padding: 10px 0;\r\n    text-transform: lowercase;\r\n  }\r\n\r\n  .wgno-mobile-dropdown.active .wgno-arrow {\r\n    transform: rotate(180deg);\r\n  }\r\n\r\n  .wgno-dots {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 26px;\r\n    transform: translateX(-50%);\r\n    z-index: 15;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 10px;\r\n    padding: 0 14px;\r\n  }\r\n\r\n  .wgno-dot {\r\n    width: 12px;\r\n    height: 12px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.55);\r\n    cursor: pointer;\r\n    transition: .3s ease;\r\n  }\r\n\r\n  .wgno-dot.active {\r\n    background: #ffffff;\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  @media (max-width: 1024px) {\r\n    .wgno-header-inner {\r\n      padding: 0 24px;\r\n      min-height: 88px;\r\n    }\r\n\r\n    .wgno-menu {\r\n      gap: 28px;\r\n    }\r\n\r\n    .wgno-menu > a,\r\n    .wgno-dropdown-toggle {\r\n      font-size: 15px;\r\n    }\r\n\r\n    .wgno-logo img {\r\n      width: 66px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    .wgno-hero-slider {\r\n      height: 100vh;\r\n      min-height: 100vh;\r\n    }\r\n\r\n    .wgno-header-inner {\r\n      min-height: 78px;\r\n      padding: 0 18px;\r\n    }\r\n\r\n    .wgno-logo img {\r\n      width: 58px;\r\n    }\r\n\r\n    .wgno-menu {\r\n      display: none;\r\n    }\r\n\r\n    .wgno-menu-toggle {\r\n      display: flex;\r\n    }\r\n\r\n    .wgno-mobile-menu.active {\r\n      display: block;\r\n    }\r\n\r\n    .wgno-dots {\r\n      bottom: 18px;\r\n      gap: 8px;\r\n    }\r\n\r\n    .wgno-dot {\r\n      width: 10px;\r\n      height: 10px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function() {\r\n    const wrapper = document.querySelector('.wgno-hero-slider');\r\n    if (!wrapper) return;\r\n\r\n    const slides = wrapper.querySelectorAll('.wgno-slide');\r\n    const dots = wrapper.querySelectorAll('.wgno-dot');\r\n    const menuToggle = wrapper.querySelector('.wgno-menu-toggle');\r\n    const mobileMenu = wrapper.querySelector('.wgno-mobile-menu');\r\n    const mobileDropdown = wrapper.querySelector('.wgno-mobile-dropdown');\r\n    const mobileDropdownToggle = wrapper.querySelector('.wgno-mobile-dropdown-toggle');\r\n    const mobileSubmenu = wrapper.querySelector('.wgno-mobile-submenu');\r\n\r\n    let current = 0;\r\n    let timer = null;\r\n\r\n    function showSlide(index) {\r\n      slides.forEach((slide, i) => {\r\n        slide.classList.toggle('active', i === index);\r\n      });\r\n\r\n      dots.forEach((dot, i) => {\r\n        dot.classList.toggle('active', i === index);\r\n      });\r\n\r\n      current = index;\r\n    }\r\n\r\n    function nextSlide() {\r\n      current = (current + 1) % slides.length;\r\n      showSlide(current);\r\n    }\r\n\r\n    function startAuto() {\r\n      clearInterval(timer);\r\n      timer = setInterval(nextSlide, 3000);\r\n    }\r\n\r\n    function resetAuto() {\r\n      startAuto();\r\n    }\r\n\r\n    dots.forEach(dot => {\r\n      dot.addEventListener('click', function() {\r\n        const index = parseInt(this.getAttribute('data-slide'), 10);\r\n        showSlide(index);\r\n        resetAuto();\r\n      });\r\n    });\r\n\r\n    wrapper.addEventListener('mouseenter', () => {\r\n      clearInterval(timer);\r\n    });\r\n\r\n    wrapper.addEventListener('mouseleave', () => {\r\n      startAuto();\r\n    });\r\n\r\n    if (menuToggle && mobileMenu) {\r\n      menuToggle.addEventListener('click', function() {\r\n        mobileMenu.classList.toggle('active');\r\n      });\r\n    }\r\n\r\n    if (mobileDropdown && mobileDropdownToggle && mobileSubmenu) {\r\n      mobileDropdownToggle.addEventListener('click', function() {\r\n        mobileDropdown.classList.toggle('active');\r\n        mobileSubmenu.classList.toggle('active');\r\n      });\r\n    }\r\n\r\n    if (mobileMenu) {\r\n      mobileMenu.querySelectorAll('a').forEach(link => {\r\n        link.addEventListener('click', function() {\r\n          mobileMenu.classList.remove('active');\r\n          if (mobileDropdown) mobileDropdown.classList.remove('active');\r\n          if (mobileSubmenu) mobileSubmenu.classList.remove('active');\r\n        });\r\n      });\r\n    }\r\n\r\n    showSlide(0);\r\n    startAuto();\r\n  })();\r\n<\/script>\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>quem somos projetos arquitetura interiores corporativo m\u00eddias contato quem somos projetos arquitetura interiores corporativo m\u00eddias contato<\/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-15","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yabiarquitetura.com.br\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yabiarquitetura.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yabiarquitetura.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yabiarquitetura.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yabiarquitetura.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":37,"href":"https:\/\/yabiarquitetura.com.br\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/yabiarquitetura.com.br\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/yabiarquitetura.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}