{"id":2,"date":"2026-07-10T15:07:25","date_gmt":"2026-07-10T15:07:25","guid":{"rendered":"https:\/\/kulturebarbearia.com.br\/?page_id=2"},"modified":"2026-07-11T13:05:29","modified_gmt":"2026-07-11T13:05:29","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/kulturebarbearia.com.br\/","title":{"rendered":"Sample Page"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n \t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n Kulture Barbearia | Barbearia Premium<\/title>\r\n\r\n <meta\r\n name=\"description\"\r\n content=\"A Kulture Barbearia oferece uma experi\u00eancia premium em cortes masculinos, barba e acabamento. Agende seu hor\u00e1rio e descubra um novo padr\u00e3o em estilo masculino.\">\r\n\r\n <meta\r\n name=\"keywords\"\r\n content=\"barbearia, corte masculino, barba, barbeiro, barbearia premium, cultura masculina\">\r\n\r\n <meta\r\n name=\"author\"\r\n content=\"Kulture Barbearia\">\r\n\r\n <meta\r\n name=\"robots\"\r\n content=\"index,follow\">\r\n\r\n <link rel=\"canonical\" href=\"https:\/\/www.seusite.com.br\">\r\n\r\n <!-- ===========================\r\n OPEN GRAPH\r\n ============================ -->\r\n\r\n <meta property=\"og:type\" content=\"website\">\r\n <meta property=\"og:title\" content=\"Kulture Barbearia\">\r\n <meta property=\"og:description\" content=\"Mais do que um corte. Uma experi\u00eancia premium.\">\r\n <meta property=\"og:image\" content=\"images\/og-image.jpg\">\r\n <meta property=\"og:url\" content=\"https:\/\/www.seusite.com.br\">\r\n\r\n <!-- ===========================\r\n FONTS\r\n ============================ -->\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n\r\n <link rel=\"preconnect\"\r\n href=\"https:\/\/fonts.gstatic.com\"\r\n crossorigin>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap\"\r\n rel=\"stylesheet\">\r\n\r\n <!-- ===========================\r\n CSS ESTILOS UNIFICADOS\r\n ============================ -->\r\n <style>\r\n \/*==================================================\r\n KULTURE BARBEARIA\r\n Design by ChatGPT\r\n ==================================================*\/\r\n\r\n \/*==========================\r\n RESET\r\n ==========================*\/\r\n\r\n *,\r\n *::before,\r\n *::after{\r\n margin:0;\r\n padding:0;\r\n box-sizing:border-box;\r\n }\r\n\r\n html{\r\n scroll-behavior:smooth;\r\n }\r\n\r\n body{\r\n font-family:'Inter',sans-serif;\r\n background:#161616;\r\n color:#F5F5F5;\r\n overflow-x:hidden;\r\n line-height:1.7;\r\n -webkit-font-smoothing:antialiased;\r\n }\r\n\r\n img{\r\n display:block;\r\n width:100%;\r\n }\r\n\r\n a{\r\n text-decoration:none;\r\n color:inherit;\r\n }\r\n\r\n ul{\r\n list-style:none;\r\n }\r\n\r\n button{\r\n border:none;\r\n background:none;\r\n cursor:pointer;\r\n font-family:inherit;\r\n }\r\n\r\n :root{\r\n --primary:#ffffff;\r\n --secondary:#D8D8D8;\r\n --black:#161616;\r\n --dark:#202020;\r\n --gray:#8C8C8C;\r\n --border:rgba(255,255,255,.08);\r\n --transition:.45s ease;\r\n --radius:18px;\r\n --container:1280px;\r\n }\r\n\r\n .container{\r\n width:min(92%,var(--container));\r\n margin:auto;\r\n }\r\n\r\n .section{\r\n padding:130px 0;\r\n }\r\n\r\n .section-title{\r\n margin-bottom:80px;\r\n }\r\n\r\n .section-title.center{\r\n text-align:center;\r\n }\r\n\r\n .section-title span{\r\n display:inline-block;\r\n color:var(--gray);\r\n letter-spacing:4px;\r\n text-transform:uppercase;\r\n font-size:.78rem;\r\n margin-bottom:18px;\r\n }\r\n\r\n .section-title h2{\r\n font-family:'Cormorant Garamond',serif;\r\n font-size:clamp(2.8rem,6vw,5rem);\r\n font-weight:600;\r\n line-height:1.05;\r\n }\r\n\r\n .loader{\r\n position:fixed;\r\n inset:0;\r\n background:#161616;\r\n display:flex;\r\n justify-content:center;\r\n align-items:center;\r\n z-index:99999;\r\n }\r\n\r\n .loader span{\r\n width:55px;\r\n height:55px;\r\n border-radius:50%;\r\n border:2px solid rgba(255,255,255,.15);\r\n border-top-color:#fff;\r\n animation:spin 1s linear infinite;\r\n }\r\n\r\n @keyframes spin{\r\n to{\r\n transform:rotate(360deg);\r\n }\r\n }\r\n\r\n #header{\r\n position:fixed;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n z-index:999;\r\n transition:.4s;\r\n padding:22px 0;\r\n padding-top: 15px; \/* Padding top adicionado ao menu *\/\r\n }\r\n\r\n #header.scrolled{\r\n background:rgba(18,18,18,.92);\r\n backdrop-filter:blur(18px);\r\n box-shadow:0 10px 40px rgba(0,0,0,.35);\r\n padding-top: 22px; \/* Retorna ao padr\u00e3o ao scrollar para n\u00e3o quebrar o layout *\/\r\n }\r\n\r\n #header .container{\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n }\r\n\r\n .logo img {\r\n max-width: 150px;\r\n height: auto;\r\n object-fit: contain;\r\n }\r\n\r\n nav ul{\r\n display:flex;\r\n gap:50px;\r\n }\r\n\r\n nav a{\r\n position:relative;\r\n font-size:.95rem;\r\n letter-spacing:1px;\r\n transition:.35s;\r\n }\r\n\r\n nav a::after{\r\n content:\"\";\r\n position:absolute;\r\n left:0;\r\n bottom:-10px;\r\n width:0;\r\n height:1px;\r\n background:#fff;\r\n transition:.4s;\r\n }\r\n\r\n nav a:hover::after{\r\n width:100%;\r\n }\r\n\r\n .btn-header{\r\n padding:14px 34px;\r\n border:1px solid rgba(255,255,255,.2);\r\n border-radius:100px;\r\n transition:.4s;\r\n position:relative;\r\n overflow:hidden;\r\n }\r\n\r\n .btn-header:hover{\r\n background:#fff;\r\n color:#161616;\r\n }\r\n\r\n .hero{\r\n position:relative;\r\n height:100vh;\r\n display:flex;\r\n align-items:center;\r\n overflow:hidden;\r\n }\r\n\r\n .hero-bg{\r\n position:absolute;\r\n top: 50%;\r\n left: 50%;\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n \/* Centraliza a imagem perfeitamente e aplica a anima\u00e7\u00e3o *\/\r\n transform: translate(-50%, -50%) scale(1);\r\n animation:heroZoom 18s linear infinite alternate;\r\n }\r\n\r\n .hero-overlay{\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(\r\n rgba(0,0,0,.65),\r\n rgba(0,0,0,.75)\r\n );\r\n }\r\n\r\n .hero-content{\r\n position:relative;\r\n z-index:2;\r\n max-width:720px;\r\n }\r\n\r\n .hero-subtitle{\r\n letter-spacing:4px;\r\n text-transform:uppercase;\r\n color:#D2D2D2;\r\n font-size:.85rem;\r\n }\r\n\r\n .hero h1{\r\n font-family:'Cormorant Garamond',serif;\r\n font-size:clamp(4rem,10vw,8rem);\r\n line-height:.92;\r\n margin:22px 0;\r\n font-weight:600;\r\n }\r\n\r\n .hero h2{\r\n font-size:2rem;\r\n font-weight:300;\r\n margin-bottom:30px;\r\n }\r\n\r\n .hero p{\r\n max-width:560px;\r\n color:#D2D2D2;\r\n font-size:1.08rem;\r\n margin-bottom:45px;\r\n }\r\n\r\n .hero-buttons{\r\n display:flex;\r\n gap:20px;\r\n flex-wrap:wrap;\r\n }\r\n\r\n .btn-primary{\r\n padding:18px 42px;\r\n background:#fff;\r\n color:#111;\r\n border-radius:100px;\r\n font-weight:600;\r\n transition:.4s;\r\n }\r\n\r\n .btn-primary:hover{\r\n transform:translateY(-6px);\r\n box-shadow:0 20px 45px rgba(255,255,255,.18);\r\n }\r\n\r\n .btn-secondary{\r\n padding:18px 42px;\r\n border:1px solid rgba(255,255,255,.25);\r\n border-radius:100px;\r\n transition:.4s;\r\n }\r\n\r\n .btn-secondary:hover{\r\n background:#fff;\r\n color:#111;\r\n }\r\n\r\n .scroll-indicator{\r\n position:absolute;\r\n bottom:45px;\r\n left:50%;\r\n transform:translateX(-50%);\r\n width:30px;\r\n height:50px;\r\n border:1px solid rgba(255,255,255,.4);\r\n border-radius:100px;\r\n }\r\n\r\n .scroll-indicator span{\r\n position:absolute;\r\n width:5px;\r\n height:5px;\r\n border-radius:50%;\r\n background:#fff;\r\n left:50%;\r\n top:12px;\r\n transform:translateX(-50%);\r\n animation:scroll 2s infinite;\r\n }\r\n\r\n @keyframes scroll{\r\n 0%{\r\n opacity:0;\r\n top:10px;\r\n }\r\n 50%{\r\n opacity:1;\r\n }\r\n 100%{\r\n opacity:0;\r\n top:30px;\r\n }\r\n }\r\n\r\n \/* Mant\u00e9m a centraliza\u00e7\u00e3o durante o efeito do zoom *\/\r\n @keyframes heroZoom{\r\n from{\r\n transform: translate(-50%, -50%) scale(1);\r\n }\r\n to{\r\n transform: translate(-50%, -50%) scale(1.12);\r\n }\r\n }\r\n\r\n \/*==================================================\r\n ABOUT\r\n ==================================================*\/\r\n\r\n .about{\r\n position:relative;\r\n }\r\n\r\n .about-grid{\r\n display:grid;\r\n grid-template-columns:1.1fr 1fr;\r\n gap:90px;\r\n align-items:center;\r\n }\r\n\r\n .about-image{\r\n overflow:hidden;\r\n border-radius:28px;\r\n }\r\n\r\n .about-image img{\r\n height:720px;\r\n object-fit:cover;\r\n transition:1.2s;\r\n }\r\n\r\n .about-image:hover img{\r\n transform:scale(1.08);\r\n }\r\n\r\n .about-content{\r\n max-width:560px;\r\n }\r\n\r\n .about-content .lead{\r\n font-size:2rem;\r\n font-family:'Cormorant Garamond',serif;\r\n margin-bottom:30px;\r\n line-height:1.2;\r\n }\r\n\r\n .about-content p{\r\n color:#CFCFCF;\r\n margin-bottom:25px;\r\n }\r\n\r\n .btn-outline{\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n margin-top:20px;\r\n padding:18px 42px;\r\n border:1px solid rgba(255,255,255,.18);\r\n border-radius:999px;\r\n transition:.45s;\r\n }\r\n\r\n .btn-outline:hover{\r\n background:#fff;\r\n color:#111;\r\n }\r\n\r\n \/*==================================================\r\n NUMBERS\r\n ==================================================*\/\r\n\r\n .numbers{\r\n border-top:1px solid var(--border);\r\n border-bottom:1px solid var(--border);\r\n padding:90px 0;\r\n }\r\n\r\n .numbers .container{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n gap:40px;\r\n text-align:center;\r\n }\r\n\r\n .number-item{\r\n position:relative;\r\n }\r\n\r\n .number-item h3{\r\n font-size:4.8rem;\r\n font-family:'Cormorant Garamond',serif;\r\n font-weight:600;\r\n }\r\n\r\n .number-item p{\r\n color:#A8A8A8;\r\n text-transform:uppercase;\r\n letter-spacing:2px;\r\n font-size:.8rem;\r\n }\r\n\r\n \/*==================================================\r\n SERVICES\r\n ==================================================*\/\r\n\r\n .services{\r\n position:relative;\r\n }\r\n\r\n .services-grid{\r\n display:grid;\r\n grid-template-columns:repeat(3,1fr);\r\n gap:35px;\r\n }\r\n\r\n .service-card{\r\n position:relative;\r\n padding:55px;\r\n border:1px solid rgba(255,255,255,.08);\r\n border-radius:24px;\r\n transition:.45s;\r\n overflow:hidden;\r\n background:#1B1B1B;\r\n }\r\n\r\n .service-card:hover{\r\n transform:translateY(-10px);\r\n border-color:#fff;\r\n box-shadow:0 30px 80px rgba(0,0,0,.35);\r\n }\r\n\r\n .service-number{\r\n display:block;\r\n font-size:4rem;\r\n font-family:'Cormorant Garamond',serif;\r\n color:rgba(255,255,255,.07);\r\n line-height:1;\r\n margin-bottom:25px;\r\n }\r\n\r\n .service-card h3{\r\n font-size:1.5rem;\r\n margin-bottom:20px;\r\n font-weight:500;\r\n }\r\n\r\n .service-card p{\r\n color:#B8B8B8;\r\n }\r\n\r\n .service-card.featured{\r\n background:#ffffff;\r\n color:#111;\r\n }\r\n\r\n .service-card.featured p{\r\n color:#555;\r\n }\r\n\r\n .service-card.featured .service-number{\r\n color:rgba(0,0,0,.08);\r\n }\r\n\r\n \/*==================================================\r\n BENEFITS\r\n ==================================================*\/\r\n\r\n .benefits{\r\n padding-top:60px;\r\n }\r\n\r\n .benefits-grid{\r\n display:grid;\r\n grid-template-columns:repeat(2,1fr);\r\n gap:35px;\r\n }\r\n\r\n .benefits article{\r\n padding:45px;\r\n border-left:2px solid rgba(255,255,255,.08);\r\n transition:.4s;\r\n }\r\n\r\n .benefits article:hover{\r\n border-left:2px solid #fff;\r\n transform:translateX(10px);\r\n }\r\n\r\n .benefits h3{\r\n margin-bottom:18px;\r\n font-size:1.35rem;\r\n }\r\n\r\n .benefits p{\r\n color:#BEBEBE;\r\n }\r\n\r\n \/*==================================================\r\n GALLERY\r\n ==================================================*\/\r\n\r\n .gallery-grid{\r\n display:grid;\r\n grid-template-columns:repeat(4,1fr);\r\n grid-auto-rows:240px;\r\n gap:20px;\r\n }\r\n\r\n .gallery-item{\r\n position:relative;\r\n overflow:hidden;\r\n border-radius:22px;\r\n cursor:pointer;\r\n }\r\n\r\n .gallery-item img{\r\n width:100%;\r\n height:100%;\r\n object-fit:cover;\r\n transition:1s;\r\n }\r\n\r\n .gallery-item::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(\r\n transparent,\r\n rgba(0,0,0,.35)\r\n );\r\n opacity:0;\r\n transition:.5s;\r\n }\r\n\r\n .gallery-item:hover::after{\r\n opacity:1;\r\n }\r\n\r\n .gallery-item:hover img{\r\n transform:scale(1.12) rotate(.8deg);\r\n }\r\n\r\n .item-large{\r\n grid-column:span 2;\r\n grid-row:span 2;\r\n }\r\n\r\n .item-wide{\r\n grid-column:span 2;\r\n }\r\n\r\n .item-tall{\r\n grid-row:span 2;\r\n }\r\n\r\n \/*==================================================\r\n EXPERIENCE\r\n ==================================================*\/\r\n\r\n .experience{\r\n padding:130px 0;\r\n }\r\n\r\n .experience-grid{\r\n display:grid;\r\n grid-template-columns:1fr 1fr;\r\n gap:80px;\r\n align-items:center;\r\n }\r\n\r\n .experience-text span{\r\n display:inline-block;\r\n margin-bottom:20px;\r\n letter-spacing:4px;\r\n text-transform:uppercase;\r\n color:var(--gray);\r\n font-size:.8rem;\r\n }\r\n\r\n .experience-text h2{\r\n font-family:'Cormorant Garamond',serif;\r\n font-size:clamp(2.8rem,5vw,4.5rem);\r\n line-height:1.1;\r\n margin-bottom:30px;\r\n }\r\n\r\n .experience-text p{\r\n color:#C9C9C9;\r\n max-width:540px;\r\n }\r\n\r\n .experience-image{\r\n overflow:hidden;\r\n border-radius:24px;\r\n }\r\n\r\n .experience-image img{\r\n height:700px;\r\n object-fit:cover;\r\n transition:1s;\r\n }\r\n\r\n .experience-image:hover img{\r\n transform:scale(1.08);\r\n }\r\n\r\n \/*==================================================\r\n TESTIMONIALS\r\n ==================================================*\/\r\n\r\n .testimonials{\r\n background:#1B1B1B;\r\n }\r\n\r\n .testimonial-slider{\r\n max-width:900px;\r\n margin:auto;\r\n text-align:center;\r\n }\r\n\r\n .testimonial{\r\n display:none;\r\n }\r\n\r\n .testimonial.active{\r\n display:block;\r\n animation:fade .6s ease;\r\n }\r\n\r\n .testimonial p{\r\n font-family:'Cormorant Garamond',serif;\r\n font-size:2rem;\r\n line-height:1.4;\r\n margin-bottom:35px;\r\n }\r\n\r\n .testimonial h4{\r\n font-size:1.2rem;\r\n letter-spacing:4px;\r\n margin-bottom:15px;\r\n }\r\n\r\n .testimonial span{\r\n color:#AFAFAF;\r\n }\r\n\r\n @keyframes fade{\r\n from{\r\n opacity:0;\r\n transform:translateY(20px);\r\n }\r\n to{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n }\r\n\r\n \/*==================================================\r\n CTA\r\n ==================================================*\/\r\n\r\n .cta{\r\n position:relative;\r\n padding:180px 0;\r\n text-align:center;\r\n overflow:hidden;\r\n }\r\n\r\n .cta-overlay{\r\n position:absolute;\r\n inset:0;\r\n background:linear-gradient(\r\n rgba(0,0,0,.82),\r\n rgba(0,0,0,.82)\r\n );\r\n }\r\n\r\n .cta .container{\r\n position:relative;\r\n z-index:2;\r\n }\r\n\r\n .cta span{\r\n display:inline-block;\r\n margin-bottom:20px;\r\n text-transform:uppercase;\r\n letter-spacing:5px;\r\n color:#BBBBBB;\r\n font-size:.8rem;\r\n }\r\n\r\n .cta h2{\r\n font-family:'Cormorant Garamond',serif;\r\n font-size:clamp(3rem,7vw,6rem);\r\n line-height:1;\r\n margin-bottom:35px;\r\n }\r\n\r\n .cta p{\r\n max-width:700px;\r\n margin:0 auto 50px;\r\n color:#CFCFCF;\r\n font-size:1.1rem;\r\n }\r\n\r\n \/*==================================================\r\n CONTACT\r\n ==================================================*\/\r\n\r\n .contact-grid{\r\n display:grid;\r\n grid-template-columns:420px 1fr;\r\n gap:70px;\r\n align-items:start;\r\n }\r\n\r\n .contact-item{\r\n margin-bottom:40px;\r\n }\r\n\r\n .contact-item h3{\r\n margin-bottom:12px;\r\n font-size:1rem;\r\n text-transform:uppercase;\r\n letter-spacing:2px;\r\n }\r\n\r\n .contact-item p,\r\n .contact-item a{\r\n color:#C8C8C8;\r\n transition:.4s;\r\n }\r\n\r\n .contact-item a:hover{\r\n color:#fff;\r\n }\r\n\r\n .contact-map iframe{\r\n width:100%;\r\n height:550px;\r\n border:none;\r\n border-radius:24px;\r\n }\r\n\r\n \/*==================================================\r\n FOOTER\r\n ==================================================*\/\r\n\r\n footer{\r\n background:#101010;\r\n border-top:1px solid rgba(255,255,255,.06);\r\n padding-top:90px;\r\n }\r\n\r\n .footer-top{\r\n display:grid;\r\n grid-template-columns:2fr 1fr 1fr 1fr;\r\n gap:60px;\r\n padding-bottom:70px;\r\n }\r\n\r\n .footer-brand img{\r\n max-width:180px;\r\n height: auto;\r\n margin-bottom:25px;\r\n object-fit: contain;\r\n }\r\n\r\n .footer-brand p{\r\n color:#AFAFAF;\r\n max-width:350px;\r\n }\r\n\r\n .footer-links h4{\r\n margin-bottom:25px;\r\n font-size:1rem;\r\n }\r\n\r\n .footer-links ul li{\r\n margin-bottom:15px;\r\n }\r\n\r\n .footer-links a{\r\n color:#BEBEBE;\r\n transition:.35s;\r\n }\r\n\r\n .footer-links a:hover{\r\n color:#fff;\r\n }\r\n\r\n .social-links{\r\n display:flex;\r\n flex-direction:column;\r\n gap:15px;\r\n }\r\n\r\n .footer-bottom{\r\n border-top:1px solid rgba(255,255,255,.06);\r\n padding:30px 0;\r\n text-align:center;\r\n }\r\n\r\n .footer-bottom p{\r\n color:#888;\r\n font-size:.9rem;\r\n }\r\n\r\n \/*==================================================\r\n WHATSAPP\r\n ==================================================*\/\r\n\r\n .whatsapp{\r\n position:fixed;\r\n right:30px;\r\n bottom:30px;\r\n width:65px;\r\n height:65px;\r\n border-radius:50%;\r\n background:#fff;\r\n color:#111;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n box-shadow:0 20px 40px rgba(0,0,0,.35);\r\n transition:.35s;\r\n z-index:999;\r\n }\r\n\r\n .whatsapp:hover{\r\n transform:translateY(-8px) scale(1.05);\r\n }\r\n\r\n \/*==================================================\r\n ANIMA\u00c7\u00d5ES GERAIS\r\n ==================================================*\/\r\n\r\n .reveal{\r\n opacity:0;\r\n transform:translateY(60px);\r\n transition:1s;\r\n }\r\n\r\n .reveal.active{\r\n opacity:1;\r\n transform:translateY(0);\r\n }\r\n\r\n \/*==================================================\r\n MENU MOBILE\r\n ==================================================*\/\r\n\r\n .menu-mobile{\r\n display:none;\r\n width:45px;\r\n height:45px;\r\n position:relative;\r\n z-index:1001;\r\n }\r\n\r\n .menu-mobile span{\r\n position:absolute;\r\n left:8px;\r\n width:28px;\r\n height:2px;\r\n background:#fff;\r\n transition:.4s;\r\n }\r\n\r\n .menu-mobile span:nth-child(1){\r\n top:12px;\r\n }\r\n\r\n .menu-mobile span:nth-child(2){\r\n top:21px;\r\n }\r\n\r\n .menu-mobile span:nth-child(3){\r\n top:30px;\r\n }\r\n\r\n .menu-mobile.active span:nth-child(1){\r\n transform:rotate(45deg);\r\n top:21px;\r\n }\r\n\r\n .menu-mobile.active span:nth-child(2){\r\n opacity:0;\r\n }\r\n\r\n .menu-mobile.active span:nth-child(3){\r\n transform:rotate(-45deg);\r\n top:21px;\r\n }\r\n\r\n \/*==================================================\r\n MENU MOBILE OVERLAY\r\n ==================================================*\/\r\n\r\n .mobile-menu{\r\n position:fixed;\r\n top:0;\r\n right:-100%;\r\n width:320px;\r\n height:100vh;\r\n background:#111;\r\n z-index:998;\r\n transition:.45s ease;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n }\r\n\r\n .mobile-menu.active{\r\n right:0;\r\n }\r\n\r\n .mobile-menu nav ul{\r\n display:flex;\r\n flex-direction:column;\r\n gap:35px;\r\n text-align:center;\r\n }\r\n\r\n .mobile-menu nav a{\r\n font-size:1.2rem;\r\n font-weight:500;\r\n }\r\n\r\n \/*==================================================\r\n UTILIT\u00c1RIOS\r\n ==================================================*\/\r\n\r\n .text-center{\r\n text-align:center;\r\n }\r\n\r\n .mt-30{\r\n margin-top:30px;\r\n }\r\n\r\n .mt-50{\r\n margin-top:50px;\r\n }\r\n\r\n .mb-30{\r\n margin-bottom:30px;\r\n }\r\n\r\n .mb-50{\r\n margin-bottom:50px;\r\n }\r\n\r\n .hide{\r\n display:none;\r\n }\r\n\r\n .show{\r\n display:block;\r\n }\r\n\r\n \/*==================================================\r\n SCROLLBAR\r\n ==================================================*\/\r\n\r\n ::-webkit-scrollbar{\r\n width:10px;\r\n }\r\n\r\n ::-webkit-scrollbar-track{\r\n background:#141414;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb{\r\n background:#444;\r\n border-radius:20px;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb:hover{\r\n background:#666;\r\n }\r\n\r\n \/*==================================================\r\n SELE\u00c7\u00c3O DE TEXTO\r\n ==================================================*\/\r\n\r\n ::selection{\r\n background:#ffffff;\r\n color:#111111;\r\n }\r\n\r\n \/*==================================================\r\n FOCUS\r\n ==================================================*\/\r\n\r\n a:focus,\r\n button:focus{\r\n outline:2px solid #ffffff;\r\n outline-offset:4px;\r\n }\r\n\r\n \/*==================================================\r\n RESPONSIVO 1200px\r\n ==================================================*\/\r\n\r\n @media(max-width:1200px){\r\n .about-grid,\r\n .experience-grid{\r\n grid-template-columns:1fr;\r\n }\r\n .services-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n .gallery-grid{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n .footer-top{\r\n grid-template-columns:repeat(2,1fr);\r\n }\r\n }\r\n\r\n \/*==================================================\r\n RESPONSIVO 992px\r\n ==================================================*\/\r\n\r\n @media(max-width:992px){\r\n nav{\r\n display:none;\r\n }\r\n .menu-mobile{\r\n display:block;\r\n }\r\n .btn-header{\r\n display:none;\r\n }\r\n .numbers .container{\r\n grid-template-columns:repeat(2,1fr);\r\n gap:50px;\r\n }\r\n .benefits-grid{\r\n grid-template-columns:1fr;\r\n }\r\n .contact-grid{\r\n grid-template-columns:1fr;\r\n }\r\n }\r\n\r\n \/*==================================================\r\n RESPONSIVO 768px\r\n ==================================================*\/\r\n\r\n @media(max-width:768px){\r\n .section{\r\n padding:90px 0;\r\n }\r\n .hero{\r\n text-align:center;\r\n }\r\n .hero-buttons{\r\n justify-content:center;\r\n }\r\n .hero h1{\r\n font-size:3.5rem;\r\n }\r\n .hero h2{\r\n font-size:1.5rem;\r\n }\r\n .services-grid{\r\n grid-template-columns:1fr;\r\n }\r\n .gallery-grid{\r\n grid-template-columns:1fr;\r\n grid-auto-rows:300px;\r\n }\r\n .item-large,\r\n .item-wide,\r\n .item-tall{\r\n grid-column:auto;\r\n grid-row:auto;\r\n }\r\n .footer-top{\r\n grid-template-columns:1fr;\r\n text-align:center;\r\n }\r\n .footer-brand{\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n }\r\n .footer-brand p{\r\n max-width:100%;\r\n }\r\n }\r\n\r\n \/*==================================================\r\n RESPONSIVO 480px\r\n ==================================================*\/\r\n\r\n @media(max-width:480px){\r\n .hero h1{\r\n font-size:2.8rem;\r\n }\r\n .section-title h2{\r\n font-size:2.4rem;\r\n }\r\n .number-item h3{\r\n font-size:3.5rem;\r\n }\r\n .service-card{\r\n padding:35px;\r\n }\r\n .btn-primary,\r\n .btn-secondary,\r\n .btn-outline{\r\n width:100%;\r\n text-align:center;\r\n }\r\n .whatsapp{\r\n width:58px;\r\n height:58px;\r\n right:20px;\r\n bottom:20px;\r\n }\r\n }\r\n \r\n \/* Ajuste do Lightbox para garantir visualiza\u00e7\u00e3o *\/\r\n .lightbox {\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0,0,0,0.9);\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 10000;\r\n }\r\n .lightbox.show {\r\n display: flex;\r\n }\r\n .lightbox-close {\r\n position: absolute;\r\n top: 20px;\r\n right: 30px;\r\n color: #fff;\r\n font-size: 40px;\r\n cursor: pointer;\r\n }\r\n .lightbox-image {\r\n max-width: 85%;\r\n max-height: 85vh;\r\n object-fit: contain;\r\n }\r\n .lightbox-prev, .lightbox-next {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: rgba(255,255,255,0.1);\r\n color: white;\r\n border: none;\r\n padding: 15px;\r\n font-size: 24px;\r\n cursor: pointer;\r\n border-radius: 50%;\r\n }\r\n .lightbox-prev { left: 20px; }\r\n .lightbox-next { right: 20px; }\r\n <\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!--=====================================\r\n LOADER\r\n ======================================-->\r\n\r\n <div class=\"loader\">\r\n\r\n <span><\/span>\r\n\r\n <\/div>\r\n\r\n <!--=====================================\r\n HEADER\r\n ======================================-->\r\n\r\n <header id=\"header\">\r\n\r\n <div class=\"container\">\r\n\r\n <a href=\"#\" class=\"logo\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/kulturebarbearia.com.br\/wp-content\/uploads\/2026\/07\/0b4f6af7-0814-4087-b674-af6d177e63c4-removebg-preview.png\"\r\n alt=\"Kulture Barbearia\">\r\n\r\n <\/a>\r\n\r\n <nav>\r\n\r\n <ul>\r\n\r\n <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\r\n\r\n <li><a href=\"#sobre\">Sobre<\/a><\/li>\r\n\r\n <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n\r\n <li><a href=\"#galeria\">Galeria<\/a><\/li>\r\n\r\n <li><a href=\"#contato\">Contato<\/a><\/li>\r\n\r\n <\/ul>\r\n\r\n <\/nav>\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/5500000000000\"\r\n target=\"_blank\"\r\n class=\"btn-header\">\r\n\r\n Agendar\r\n\r\n <\/a>\r\n\r\n <button class=\"menu-mobile\">\r\n\r\n <span><\/span>\r\n\r\n <span><\/span>\r\n\r\n <span><\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/header>\r\n\r\n <!--=====================================\r\n MENU MOBILE\r\n ======================================-->\r\n\r\n <aside class=\"mobile-menu\">\r\n\r\n <nav>\r\n\r\n <ul>\r\n\r\n <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\r\n\r\n <li><a href=\"#sobre\">Sobre<\/a><\/li>\r\n\r\n <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n\r\n <li><a href=\"#galeria\">Galeria<\/a><\/li>\r\n\r\n <li><a href=\"#contato\">Contato<\/a><\/li>\r\n\r\n <\/ul>\r\n\r\n <\/nav>\r\n\r\n <\/aside>\r\n\r\n <!--=====================================\r\n HERO\r\n ======================================-->\r\n\r\n <section\r\n id=\"inicio\"\r\n class=\"hero\">\r\n\r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n <!-- Foto de Background centralizada e cobrindo a tela -->\r\n <img decoding=\"async\"\r\n src=\"https:\/\/kulturebarbearia.com.br\/wp-content\/uploads\/2026\/07\/821ED3CA-8A31-420E-B0A5-D08303CC568E.jpg\"\r\n alt=\"Interior da Kulture Barbearia\"\r\n class=\"hero-bg\">\r\n\r\n <div class=\"container hero-content\">\r\n\r\n <span class=\"hero-subtitle\">\r\n\r\n BARBEARIA PREMIUM\r\n\r\n <\/span>\r\n\r\n <h1>\r\n\r\n N\u00c3O \u00c9 APENAS\r\n <br>\r\n UM CORTE.\r\n <\/h1>\r\n\r\n <h2>\r\n\r\n \u00c9 A SUA IDENTIDADE.\r\n <\/h2>\r\n\r\n <p>\r\n\r\n Cortes masculinos, barba e atendimento personalizado\r\n para homens que valorizam estilo, confian\u00e7a e experi\u00eancia.\r\n <\/p>\r\n\r\n <div class=\"hero-buttons\">\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/5500000000000\"\r\n class=\"btn-primary\"\r\n target=\"_blank\">\r\n\r\n Agendar Hor\u00e1rio\r\n\r\n <\/a>\r\n\r\n <a\r\n href=\"#sobre\"\r\n class=\"btn-secondary\">\r\n\r\n Conhe\u00e7a a Barbearia\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <a href=\"#sobre\" class=\"scroll-indicator\">\r\n\r\n <span><\/span>\r\n\r\n <\/a>\r\n\r\n <\/section>\r\n\r\n <!--=====================================\r\n IN\u00cdCIO DO MAIN\r\n ======================================-->\r\n\r\n <main>\r\n \r\n \r\n <!--=====================================\r\n SOBRE\r\n ======================================-->\r\n\r\n <section id=\"sobre\" class=\"about section\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"section-title\">\r\n\r\n <span>Sobre a Kulture<\/span>\r\n\r\n <h2>\r\n Um novo conceito\r\n <br>\r\n de barbearia.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"about-grid\">\r\n\r\n <div class=\"about-image\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/kulturebarbearia.com.br\/wp-content\/uploads\/2026\/07\/IMG_0159.jpg\"\r\n alt=\"Interior da Kulture Barbearia\"\r\n loading=\"lazy\">\r\n\r\n <\/div>\r\n\r\n <div class=\"about-content\">\r\n\r\n <p class=\"lead\">\r\n\r\n A Kulture Barbearia nasceu para oferecer mais do que\r\n um corte de cabelo.\r\n <\/p>\r\n\r\n <p>\r\n\r\n Criamos um ambiente gedacht para homens que valorizam\r\n estilo, conforto e atendimento de excel\u00eancia.\r\n <\/p>\r\n\r\n <p>\r\n\r\n Cada detalhe foi planejado para transformar um simples\r\n corte em uma experi\u00eancia exclusiva.\r\n <\/p>\r\n\r\n <a href=\"#servicos\" class=\"btn-outline\">\r\n\r\n Conhe\u00e7a nossos servi\u00e7os\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!--=====================================\r\n ESTAT\u00cdSTICAS\r\n ======================================-->\r\n\r\n <section class=\"numbers\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"number-item\">\r\n\r\n <h3 class=\"counter\" data-target=\"8\">0<\/h3>\r\n\r\n <p>Anos de experi\u00eancia<\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"number-item\">\r\n\r\n <h3 class=\"counter\" data-target=\"3500\">0<\/h3>\r\n\r\n <p>Clientes atendidos<\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"number-item\">\r\n\r\n <h3 class=\"counter\" data-target=\"5\">0<\/h3>\r\n\r\n <p>Profissionais<\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"number-item\">\r\n\r\n <h3 class=\"counter\" data-target=\"100\">0<\/h3>\r\n\r\n <p>% dedica\u00e7\u00e3o<\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!--=====================================\r\n SERVI\u00c7OS\r\n ======================================-->\r\n\r\n <section\r\n id=\"servicos\"\r\n class=\"services section\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"section-title center\">\r\n\r\n <span>Servi\u00e7os<\/span>\r\n\r\n <h2>\r\n\r\n Excel\u00eancia em\r\n <br>\r\n cada detalhe.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n\r\n <article class=\"service-card\">\r\n\r\n <span class=\"service-number\">\r\n\r\n 01\r\n\r\n <\/span>\r\n\r\n <h3>\r\n\r\n Corte Masculino\r\n\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Cortes modernos, cl\u00e1ssicos e personalizados\r\n para valorizar o seu estilo.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <article class=\"service-card\">\r\n\r\n <span class=\"service-number\">\r\n\r\n 02\r\n\r\n <\/span>\r\n\r\n <h3>\r\n\r\n Barba Premium\r\n\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Modelagem completa com acabamento preciso\r\n e toalha quente.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <article class=\"service-card\">\r\n\r\n <span class=\"service-number\">\r\n\r\n 03\r\n\r\n <\/span>\r\n\r\n <h3>\r\n\r\n Combo\r\n\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Corte + barba para uma experi\u00eancia completa.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <article class=\"service-card\">\r\n\r\n <span class=\"service-number\">\r\n\r\n 04\r\n\r\n <\/span>\r\n\r\n <h3>\r\n\r\n Acabamento\r\n\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Manuten\u00e7\u00e3o r\u00e1pida para manter seu visual\r\n sempre impec\u00e1vel.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <article class=\"service-card\">\r\n\r\n <span class=\"service-number\">\r\n\r\n 05\r\n\r\n <\/span>\r\n\r\n <h3>\r\n\r\n Corte Infantil\r\n\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Atendimento especializado para crian\u00e7as\r\n com conforto e seguran\u00e7a.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <article class=\"service-card featured\">\r\n\r\n <span class=\"service-number last\">\r\n\r\n 06\r\n\r\n <\/span>\r\n\r\n <h3>\r\n\r\n Experi\u00eancia Kulture\r\n\r\n <\/h3>\r\n\r\n <p>\r\n\r\n Atendimento premium, ambiente exclusivo e\r\n aten\u00e7\u00e3o aos m\u00ednimos detalhes.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!--=====================================\r\n DIFERENCIAIS\r\n ======================================-->\r\n\r\n <section class=\"benefits section\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"section-title\">\r\n\r\n <span>Diferenciais<\/span>\r\n\r\n <h2>\r\n\r\n Muito al\u00e9m\r\n <br>\r\n de um corte.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"benefits-grid\">\r\n\r\n <article>\r\n\r\n <h3>Atendimento Personalizado<\/h3>\r\n\r\n <p>\r\n Cada cliente recebe uma experi\u00eancia \u00fanica,\r\n respeitando seu estilo e personalidade.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <article>\r\n\r\n <h3>Profissionais Qualificados<\/h3>\r\n\r\n <p>\r\n Equipe constantemente atualizada nas\r\n principais tend\u00eancias do mercado.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <article>\r\n\r\n <h3>Produtos Premium<\/h3>\r\n\r\n <p>\r\n Utilizamos produtos de alta qualidade para\r\n garantir o melhor resultado.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <article>\r\n\r\n <h3>Ambiente Exclusivo<\/h3>\r\n\r\n <p>\r\n Um espa\u00e7o moderno, confort\u00e1vel e pensado\r\n para proporcionar uma experi\u00eancia diferenciada.\r\n <\/p>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n \r\n <!--=====================================\r\n GALERIA ATUALIZADA\r\n ======================================-->\r\n\r\n <section id=\"galeria\" class=\"gallery section\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"section-title center\">\r\n\r\n <span>Galeria<\/span>\r\n\r\n <h2>\r\n Nosso espa\u00e7o,\r\n <br>\r\n nossa identidade.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"gallery-grid\">\r\n\r\n <figure class=\"gallery-item item-large\">\r\n <img decoding=\"async\" src=\"https:\/\/kulture.w3desenvolvimento.com.br\/wp-content\/uploads\/2026\/07\/4C2C39D9-7F70-492D-A9A7-36892F2D7C2E.jpg\" alt=\"Interior da barbearia\" loading=\"lazy\">\r\n <\/figure>\r\n\r\n <figure class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/kulture.w3desenvolvimento.com.br\/wp-content\/uploads\/2026\/07\/CE289DC1-3D80-452A-85B2-4B0C33D834E5.jpg\" alt=\"Corte masculino\" loading=\"lazy\">\r\n <\/figure>\r\n\r\n <figure class=\"gallery-item\">\r\n <img decoding=\"async\" src=\"https:\/\/kulture.w3desenvolvimento.com.br\/wp-content\/uploads\/2026\/07\/IMG_1223.jpg\" alt=\"Barbeiro trabalhando\" loading=\"lazy\">\r\n <\/figure>\r\n\r\n <figure class=\"gallery-item item-wide\">\r\n <img decoding=\"async\" src=\"https:\/\/kulture.w3desenvolvimento.com.br\/wp-content\/uploads\/2026\/07\/IMG_7087.jpg\" alt=\"Detalhes da barbearia\" loading=\"lazy\">\r\n <\/figure>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!--=====================================\r\n EXPERI\u00caNCIA\r\n ======================================-->\r\n\r\n <section class=\"experience\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"experience-grid\">\r\n\r\n <div class=\"experience-text\">\r\n\r\n <span>Experi\u00eancia Kulture<\/span>\r\n\r\n <h2>\r\n O cuidado come\u00e7a\r\n antes do primeiro corte.\r\n <\/h2>\r\n\r\n <p>\r\n\r\n Nossa equipe acredita que uma boa barbearia vai al\u00e9m\r\n da t\u00e9cnica. \u00c9 sobre atendimento, ambiente, aten\u00e7\u00e3o aos\r\n detalhes e respeito ao estilo de cada cliente.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"experience-image\">\r\n\r\n <img decoding=\"async\" src=\"https:\/\/kulturebarbearia.com.br\/wp-content\/uploads\/2026\/07\/IMG_7087.jpg\"\r\n alt=\"Experi\u00eancia Kulture\"\r\n loading=\"lazy\">\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!--=====================================\r\n DEPOIMENTOS\r\n ======================================-->\r\n\r\n <section class=\"testimonials section\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"section-title center\">\r\n\r\n <span>Avalia\u00e7\u00f5es<\/span>\r\n\r\n <h2>\r\n O que nossos clientes dizem.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"testimonial-slider\">\r\n\r\n <article class=\"testimonial active\">\r\n\r\n <p>\r\n\r\n \"Ambiente incr\u00edvel, profissionais extremamente\r\n qualificados e um atendimento impec\u00e1vel.\"\r\n <\/p>\r\n\r\n <h4>\r\n\r\n \u2605\u2605\u2605\u2605\u2605\r\n\r\n <\/h4>\r\n\r\n <span>Lucas Martins<\/span>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <article class=\"testimonial\">\r\n\r\n <p>\r\n\r\n \"Sem d\u00favida a melhor experi\u00eancia que j\u00e1 tive em uma\r\n barbearia.\"\r\n <\/p>\r\n\r\n <h4>\r\n\r\n \u2605\u2605\u2605\u2605\u2605\r\n\r\n <\/h4>\r\n\r\n <span>Rafael Oliveira<\/span>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n <article class=\"testimonial\">\r\n\r\n <p>\r\n\r\n \"Qualidade, conforto e um corte perfeito.\r\n Recomendo de olhos fechados.\"\r\n <\/p>\r\n\r\n <h4>\r\n\r\n \u2605\u2605\u2605\u2605\u2605\r\n\r\n <\/h4>\r\n\r\n <span>Eduardo Souza<\/span>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n <!--=====================================\r\n CTA\r\n ======================================-->\r\n\r\n <section class=\"cta\">\r\n\r\n <div class=\"cta-overlay\"><\/div>\r\n\r\n <div class=\"container\">\r\n\r\n <span>\r\n\r\n BARBEARIA PREMIUM\r\n\r\n <\/span>\r\n\r\n <h2>\r\n\r\n O SEU ESTILO\r\n <br>\r\n COME\u00c7A AQUI.\r\n <\/h2>\r\n\r\n <p>\r\n\r\n Agende agora mesmo seu hor\u00e1rio e descubra por que tantos\r\n clientes escolhem a Kulture Barbearia para cuidar do visual.\r\n <\/p>\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/5500000000000\"\r\n target=\"_blank\"\r\n class=\"btn-primary\">\r\n\r\n Agendar pelo WhatsApp\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!--=====================================\r\n CONTATO\r\n ======================================-->\r\n\r\n <section id=\"contato\" class=\"contact section\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"section-title center\">\r\n\r\n <span>Contato<\/span>\r\n\r\n <h2>\r\n Venha viver a\r\n experi\u00eancia Kulture.\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n <div class=\"contact-grid\">\r\n\r\n <div class=\"contact-info\">\r\n\r\n <div class=\"contact-item\">\r\n\r\n <h3>Endere\u00e7o<\/h3>\r\n\r\n <p>\r\n Rua Exemplo, 123<br>\r\n Centro \u2022 Sua Cidade\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n\r\n <h3>WhatsApp<\/h3>\r\n\r\n <a href=\"https:\/\/wa.me\/5500000000000\">\r\n\r\n (00) 00000-0000\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n\r\n <h3>Instagram<\/h3>\r\n\r\n <a href=\"https:\/\/instagram.com\/KultureBarbearia\"\r\n target=\"_blank\">\r\n\r\n @KultureBarbearia\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"contact-item\">\r\n\r\n <h3>Hor\u00e1rio<\/h3>\r\n\r\n <p>\r\n\r\n Segunda \u00e0 Sexta\r\n\r\n <br>\r\n\r\n 09:00 \u00e0s 20:00\r\n\r\n <br><br>\r\n\r\n S\u00e1bado\r\n\r\n <br>\r\n\r\n 09:00 \u00e0s 18:00\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"contact-map\">\r\n\r\n <iframe\r\n src=\"https:\/\/www.google.com\/maps\/embed?pb=\"\r\n loading=\"lazy\"\r\n allowfullscreen\r\n referrerpolicy=\"no-referrer-when-downgrade\">\r\n\r\n <\/iframe>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n\r\n\r\n\r\n\r\n <!--=====================================\r\n FOOTER\r\n ======================================-->\r\n\r\n <footer>\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"footer-top\">\r\n\r\n <div class=\"footer-brand\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/kulturebarbearia.com.br\/wp-content\/uploads\/2026\/07\/0b4f6af7-0814-4087-b674-af6d177e63c4-removebg-preview.png\"\r\n alt=\"Kulture Barbearia\">\r\n\r\n <p>\r\n\r\n Muito mais do que uma barbearia.\r\n Uma experi\u00eancia criada para homens\r\n que valorizam estilo e qualidade.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-links\">\r\n\r\n <h4>\r\n\r\n Navega\u00e7\u00e3o\r\n\r\n <\/h4>\r\n\r\n <ul>\r\n\r\n <li><a href=\"#inicio\">In\u00edcio<\/a><\/li>\r\n\r\n <li><a href=\"#sobre\">Sobre<\/a><\/li>\r\n\r\n <li><a href=\"#servicos\">Servi\u00e7os<\/a><\/li>\r\n\r\n <li><a href=\"#galeria\">Galeria<\/a><\/li>\r\n\r\n <li><a href=\"#contato\">Contato<\/a><\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-links\">\r\n\r\n <h4>\r\n\r\n Atendimento\r\n\r\n <\/h4>\r\n\r\n <ul>\r\n\r\n <li>Seg a Sex<\/li>\r\n\r\n <li>09h \u00e0s 20h<\/li>\r\n\r\n <li>S\u00e1bado<\/li>\r\n\r\n <li>09h \u00e0s 18h<\/li>\r\n\r\n <\/ul>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-links\">\r\n\r\n <h4>\r\n\r\n Redes Sociais\r\n\r\n <\/h4>\r\n\r\n <div class=\"social-links\">\r\n\r\n <a href=\"#\">Instagram<\/a>\r\n\r\n <a href=\"#\">WhatsApp<\/a>\r\n\r\n <a href=\"#\">Facebook<\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"footer-bottom\">\r\n\r\n <p>\r\n\r\n \u00a9 2026 Kulture Barbearia.\r\n Todos os direitos reservados.\r\n\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/footer>\r\n\r\n\r\n\r\n\r\n\r\n <!--=====================================\r\n BOT\u00c3O WHATSAPP\r\n ======================================-->\r\n\r\n <a\r\n href=\"https:\/\/wa.me\/5500000000000\"\r\n class=\"whatsapp\"\r\n target=\"_blank\"\r\n aria-label=\"WhatsApp\">\r\n\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n width=\"26\"\r\n height=\"26\"\r\n fill=\"currentColor\"\r\n viewBox=\"0 0 16 16\">\r\n\r\n <path d=\"M13.6 2.4A7.9 7.9 0 008 .1C3.6.1.1 3.6.1 8c0 1.4.4 2.7 1 3.9L0 16l4.2-1.1A7.9 7.9 0 008 15.9c4.4 0 7.9-3.5 7.9-7.9 0-2.1-.8-4.1-2.3-5.6z\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n\r\n\r\n\r\n <!--=====================================\r\n SCHEMA LOCAL BUSINESS\r\n ======================================-->\r\n\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\":\"https:\/\/schema.org\",\r\n \"@type\":\"Barbershop\",\r\n \"name\":\"Kulture Barbearia\",\r\n \"image\":\"https:\/\/kulturebarbearia.com.br\/wp-content\/uploads\/2026\/07\/0b4f6af7-0814-4087-b674-af6d177e63c4-removebg-preview.png\",\r\n \"url\":\"https:\/\/www.seusite.com.br\",\r\n \"telephone\":\"+55XXXXXXXXXXX\",\r\n \"address\":{\r\n \"@type\":\"PostalAddress\",\r\n \"streetAddress\":\"Rua Exemplo, 123\",\r\n \"addressLocality\":\"Sua Cidade\",\r\n \"addressRegion\":\"SP\",\r\n \"postalCode\":\"00000-000\",\r\n \"addressCountry\":\"BR\"\r\n },\r\n \"sameAs\":[\r\n \"https:\/\/instagram.com\/KultureBarbearia\"\r\n ]\r\n }\r\n <\/script>\r\n\r\n<\/main>\r\n\r\n <!-- ==================================================\r\n JAVASCRIPT SCRIPTS UNIFICADOS\r\n ================================================== -->\r\n <script>\r\n \/*==================================================\r\n KULTURE BARBEARIA\r\n main.js\r\n ==================================================*\/\r\n\r\n \/*==================================================\r\n LOADER\r\n ==================================================*\/\r\n\r\n window.addEventListener(\"load\", () => {\r\n const loader = document.querySelector(\".loader\");\r\n if (!loader) return;\r\n loader.style.opacity = \"0\";\r\n loader.style.visibility = \"hidden\";\r\n setTimeout(() => {\r\n loader.remove();\r\n }, 500);\r\n });\r\n\r\n \/*==================================================\r\n HEADER SCROLL\r\n ==================================================*\/\r\n\r\n const header = document.getElementById(\"header\");\r\n\r\n window.addEventListener(\"scroll\", () => {\r\n if (!header) return;\r\n if (window.scrollY > 80) {\r\n header.classList.add(\"scrolled\");\r\n } else {\r\n header.classList.remove(\"scrolled\");\r\n }\r\n });\r\n\r\n \/*==================================================\r\n MENU MOBILE\r\n ==================================================*\/\r\n\r\n const menuButton = document.querySelector(\".menu-mobile\");\r\n const mobileMenu = document.querySelector(\".mobile-menu\");\r\n\r\n if (menuButton && mobileMenu) {\r\n menuButton.addEventListener(\"click\", () => {\r\n menuButton.classList.toggle(\"active\");\r\n mobileMenu.classList.toggle(\"active\");\r\n document.body.classList.toggle(\"menu-open\");\r\n });\r\n }\r\n\r\n \/*==================================================\r\n FECHAR MENU AO CLICAR\r\n ==================================================*\/\r\n\r\n document.querySelectorAll(\".mobile-menu a\").forEach(link => {\r\n link.addEventListener(\"click\", () => {\r\n if(menuButton) menuButton.classList.remove(\"active\");\r\n if(mobileMenu) mobileMenu.classList.remove(\"active\");\r\n document.body.classList.remove(\"menu-open\");\r\n });\r\n });\r\n\r\n \/*==================================================\r\n SCROLL SUAVE\r\n ==================================================*\/\r\n\r\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n anchor.addEventListener(\"click\", function(e){\r\n const target = document.querySelector(this.getAttribute(\"href\"));\r\n if(!target) return;\r\n e.preventDefault();\r\n target.scrollIntoView({\r\n behavior:\"smooth\",\r\n block:\"start\"\r\n });\r\n });\r\n });\r\n\r\n \/*==================================================\r\n SCROLL REVEAL\r\n ==================================================*\/\r\n\r\n const revealElements = document.querySelectorAll(\r\n \".section, .number-item, .service-card, .gallery-item, .benefits article\"\r\n );\r\n\r\n const revealObserver = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if(entry.isIntersecting){\r\n entry.target.classList.add(\"active\");\r\n }\r\n });\r\n },{\r\n threshold:.15\r\n });\r\n\r\n revealElements.forEach(el=>{\r\n el.classList.add(\"reveal\");\r\n revealObserver.observe(el);\r\n });\r\n\r\n \/*==================================================\r\n CONTADORES\r\n ==================================================*\/\r\n\r\n const counters = document.querySelectorAll(\".counter\");\r\n const counterObserver = new IntersectionObserver(entries=>{\r\n entries.forEach(entry=>{\r\n if(!entry.isIntersecting) return;\r\n\r\n const counter = entry.target;\r\n const target = +counter.dataset.target;\r\n let current = 0;\r\n const increment = target \/ 120;\r\n\r\n const update = () =>{\r\n current += increment;\r\n if(current < target){\r\n counter.textContent = Math.floor(current);\r\n requestAnimationFrame(update);\r\n }else{\r\n counter.textContent = target;\r\n }\r\n }\r\n update();\r\n counterObserver.unobserve(counter);\r\n });\r\n });\r\n\r\n counters.forEach(counter=>{\r\n counterObserver.observe(counter);\r\n });\r\n \r\n \/*==================================================\r\n SLIDER DEPOIMENTOS\r\n ==================================================*\/\r\n\r\n const testimonials = document.querySelectorAll(\".testimonial\");\r\n let testimonialIndex = 0;\r\n\r\n function changeTestimonial(){\r\n if(testimonials.length === 0) return;\r\n testimonials.forEach(item=>{\r\n item.classList.remove(\"active\");\r\n });\r\n testimonialIndex++;\r\n if(testimonialIndex >= testimonials.length){\r\n testimonialIndex = 0;\r\n }\r\n testimonials[testimonialIndex].classList.add(\"active\");\r\n }\r\n\r\n if(testimonials.length){\r\n setInterval(changeTestimonial,5000);\r\n }\r\n\r\n \/*==================================================\r\n GALERIA LIGHTBOX\r\n ==================================================*\/\r\n\r\n const galleryImages = document.querySelectorAll(\".gallery-item img\");\r\n\r\n if(galleryImages.length){\r\n const lightbox = document.createElement(\"div\");\r\n lightbox.className = \"lightbox\";\r\n lightbox.innerHTML = `\r\n <span class=\"lightbox-close\">×<\/span>\r\n <img decoding=\"async\" class=\"lightbox-image\" src=\"\" alt=\"\">\r\n <button class=\"lightbox-prev\">❮<\/button>\r\n <button class=\"lightbox-next\">❯<\/button>\r\n `;\r\n document.body.appendChild(lightbox);\r\n\r\n const lightboxImage = lightbox.querySelector(\".lightbox-image\");\r\n const closeButton = lightbox.querySelector(\".lightbox-close\");\r\n const nextButton = lightbox.querySelector(\".lightbox-next\");\r\n const prevButton = lightbox.querySelector(\".lightbox-prev\");\r\n let currentImage = 0;\r\n\r\n function openImage(index){\r\n currentImage = index;\r\n lightboxImage.src = galleryImages[index].src;\r\n lightbox.classList.add(\"show\");\r\n document.body.style.overflow = \"hidden\";\r\n }\r\n\r\n function closeImage(){\r\n lightbox.classList.remove(\"show\");\r\n document.body.style.overflow = \"\";\r\n }\r\n\r\n function nextImage(){\r\n currentImage++;\r\n if(currentImage >= galleryImages.length){\r\n currentImage = 0;\r\n }\r\n lightboxImage.src = galleryImages[currentImage].src;\r\n }\r\n\r\n function prevImage(){\r\n currentImage--;\r\n if(currentImage < 0){\r\n currentImage = galleryImages.length - 1;\r\n }\r\n lightboxImage.src = galleryImages[currentImage].src;\r\n }\r\n\r\n galleryImages.forEach((image,index)=>{\r\n image.addEventListener(\"click\",()=>{\r\n openImage(index);\r\n });\r\n });\r\n\r\n closeButton.addEventListener(\"click\",closeImage);\r\n nextButton.addEventListener(\"click\",nextImage);\r\n prevButton.addEventListener(\"click\",prevImage);\r\n\r\n lightbox.addEventListener(\"click\",(e)=>{\r\n if(e.target === lightbox){\r\n closeImage();\r\n }\r\n });\r\n\r\n document.addEventListener(\"keydown\",(e)=>{\r\n if(!lightbox.classList.contains(\"show\")) return;\r\n if(e.key===\"Escape\") closeImage();\r\n if(e.key===\"ArrowRight\") nextImage();\r\n if(e.key===\"ArrowLeft\") prevImage();\r\n });\r\n }\r\n\r\n \/*==================================================\r\n SCROLLSPY MENU\r\n ==================================================*\/\r\n\r\n const sections = document.querySelectorAll(\"section[id]\");\r\n const menuLinks = document.querySelectorAll(\"nav a\");\r\n\r\n window.addEventListener(\"scroll\",()=>{\r\n let current = \"\";\r\n sections.forEach(section=>{\r\n const top = section.offsetTop - 140;\r\n if(window.pageYOffset >= top){\r\n current = section.getAttribute(\"id\");\r\n }\r\n });\r\n\r\n menuLinks.forEach(link=>{\r\n link.classList.remove(\"active\");\r\n if(link.getAttribute(\"href\")===\"#\"+current){\r\n link.classList.add(\"active\");\r\n }\r\n });\r\n });\r\n\r\n \/*==================================================\r\n BOT\u00c3O VOLTAR AO TOPO\r\n ==================================================*\/\r\n\r\n const backTop = document.createElement(\"button\");\r\n backTop.className = \"back-top\";\r\n backTop.innerHTML = \"\u2191\";\r\n \r\n backTop.style.position = \"fixed\";\r\n backTop.style.bottom = \"110px\";\r\n backTop.style.right = \"35px\";\r\n backTop.style.width = \"50px\";\r\n backTop.style.height = \"50px\";\r\n backTop.style.background = \"#fff\";\r\n backTop.style.color = \"#111\";\r\n backTop.style.border = \"none\";\r\n backTop.style.borderRadius = \"50%;\"\r\n backTop.style.cursor = \"pointer\";\r\n backTop.style.zIndex = \"998\";\r\n backTop.style.display = \"none\";\r\n backTop.style.fontSize = \"20px\";\r\n backTop.style.boxShadow = \"0 10px 25px rgba(0,0,0,0.3)\";\r\n\r\n document.body.appendChild(backTop);\r\n\r\n window.addEventListener(\"scroll\",()=>{\r\n if(window.scrollY > 600){\r\n backTop.style.display = \"block\";\r\n }else{\r\n backTop.style.display = \"none\";\r\n }\r\n });\r\n\r\n backTop.addEventListener(\"click\",()=>{\r\n window.scrollTo({\r\n top:0,\r\n behavior:\"smooth\"\r\n });\r\n });\r\n\r\n \/*==================================================\r\n ANO AUTOM\u00c1TICO NO FOOTER\r\n ==================================================*\/\r\n\r\n const footerText = document.querySelector(\".footer-bottom p\");\r\n if(footerText){\r\n footerText.innerHTML = `\u00a9 ${new Date().getFullYear()} Kulture Barbearia. Todos os direitos reservados.`;\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kulture Barbearia | Barbearia Premium In\u00edcio Sobre Servi\u00e7os Galeria Contato Agendar In\u00edcio Sobre Servi\u00e7os Galeria Contato BARBEARIA PREMIUM N\u00c3O \u00c9 APENAS UM CORTE. \u00c9 A SUA IDENTIDADE. Cortes masculinos, barba e atendimento personalizado para homens que valorizam estilo, confian\u00e7a e experi\u00eancia. Agendar Hor\u00e1rio Conhe\u00e7a a Barbearia Sobre a Kulture Um novo conceito de barbearia. A […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kulturebarbearia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kulturebarbearia.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kulturebarbearia.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kulturebarbearia.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kulturebarbearia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":51,"href":"https:\/\/kulturebarbearia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":103,"href":"https:\/\/kulturebarbearia.com.br\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/103"}],"wp:attachment":[{"href":"https:\/\/kulturebarbearia.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}