{"id":7,"date":"2026-06-03T01:10:28","date_gmt":"2026-06-03T01:10:28","guid":{"rendered":"https:\/\/bxbarberia.tureserva.uy\/inicio\/?page_id=7"},"modified":"2026-06-03T03:46:36","modified_gmt":"2026-06-03T03:46:36","slug":"inicio","status":"publish","type":"page","link":"https:\/\/bxbarberia.tureserva.uy\/inicio\/","title":{"rendered":"inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nBarber\u00eda X<\/title>\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.7.2\/css\/all.min.css\">\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@400;500;700;800;900&display=swap');\n\n*{margin:0;padding:0;box-sizing:border-box}\nhtml{scroll-behavior:smooth}\n\n:root{\n --bg:#030504;\n --text:#f4f7f2;\n --muted:rgba(255,255,255,.82);\n --green:#00ff66;\n}\n\nbody{\n background:var(--bg);\n color:var(--text);\n font-family:'Inter',sans-serif;\n overflow-x:hidden;\n}\n\nbody::before{\n content:\"\";\n position:fixed;\n inset:0;\n background:\n linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),\n linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);\n background-size:52px 52px;\n z-index:-2;\n pointer-events:none;\n}\n\n.marquee{\n position:fixed;\n top:0;\n left:0;\n width:100%;\n height:38px;\n z-index:50;\n overflow:hidden;\n background:var(--green);\n color:#030504;\n display:flex;\n align-items:center;\n}\n\n.marquee-track{\n display:flex;\n width:max-content;\n animation:marquee 20s linear infinite;\n}\n\n.marquee span{\n font-size:12px;\n font-weight:900;\n letter-spacing:2px;\n text-transform:uppercase;\n white-space:nowrap;\n padding-right:42px;\n}\n\n@keyframes marquee{\n from{transform:translateX(0)}\n to{transform:translateX(-50%)}\n}\n\n.page{\n width:100%;\n max-width:none !important;\n margin:0 !important;\n padding:0 !important;\n overflow:visible !important;\n}\n\n.hero{\n position:relative;\n width:100vw !important;\n height:100vh;\n min-height:100vh;\n margin-left:calc(50% - 50vw) !important;\n margin-right:calc(50% - 50vw) !important;\n overflow:hidden;\n background:#000;\n}\n\n.hero-video{\n position:absolute;\n inset:0;\n width:100%;\n height:100%;\n object-fit:cover;\n object-position:center center;\n filter:contrast(1.1) saturate(.9) brightness(.72);\n}\n\n.mobile-video{display:none}\n\n.hero::after{\n content:\"\";\n position:absolute;\n inset:0;\n z-index:1;\n background:\n linear-gradient(90deg,rgba(3,5,4,.95) 0%,rgba(3,5,4,.68) 42%,rgba(3,5,4,.24) 100%),\n linear-gradient(to top,rgba(3,5,4,1) 0%,rgba(3,5,4,.92) 14%,rgba(3,5,4,.45) 42%,transparent 70%),\n radial-gradient(circle at 25% 52%,rgba(0,255,102,.24),transparent 34%);\n}\n\n.hero::before{\n content:\"\";\n position:absolute;\n inset:0;\n z-index:2;\n background:linear-gradient(135deg,transparent,rgba(255,255,255,.035),transparent);\n pointer-events:none;\n}\n\n.top{\n position:relative;\n z-index:3;\n display:flex;\n justify-content:space-between;\n align-items:center;\n padding:86px 7vw 0;\n}\n\n.logo{\n width:74px;\n height:74px;\n border-radius:50%;\n border:1px solid rgba(255,255,255,.72);\n display:flex;\n align-items:center;\n justify-content:center;\n font-family:'Bebas Neue',sans-serif;\n font-size:40px;\n background:rgba(0,0,0,.32);\n backdrop-filter:blur(10px);\n box-shadow:0 0 34px rgba(0,255,102,.16);\n}\n\n.badge{\n color:#fff;\n font-size:12px;\n font-weight:900;\n text-transform:uppercase;\n letter-spacing:1.6px;\n padding:12px 18px;\n border-radius:999px;\n border:1px solid rgba(0,255,102,.48);\n background:rgba(0,0,0,.42);\n backdrop-filter:blur(12px);\n}\n\n.hero-content{\n position:absolute;\n left:7vw;\n bottom:9vh;\n z-index:3;\n max-width:520px;\n}\n\n.hero-content::before{\n content:\"\";\n position:absolute;\n width:560px;\n height:560px;\n left:-170px;\n top:-150px;\n border-radius:50%;\n background:radial-gradient(circle,rgba(0,255,102,.22),transparent 70%);\n filter:blur(55px);\n z-index:-1;\n}\n\n.kicker{\n color:var(--green);\n font-size:13px;\n font-weight:900;\n text-transform:uppercase;\n letter-spacing:2.5px;\n margin-bottom:18px;\n}\n\nh1{\n font-family:'Bebas Neue',sans-serif;\n font-size:clamp(96px,12vw,170px);\n line-height:.8;\n text-transform:uppercase;\n color:#f4f7f2;\n text-shadow:\n 0 0 28px rgba(0,0,0,.75),\n 0 0 36px rgba(0,255,102,.18);\n}\n\nh1 strong{\n display:block;\n color:var(--green);\n font-weight:400;\n text-shadow:0 0 34px rgba(0,255,102,.48);\n}\n\n.hero-text{\n margin-top:22px;\n max-width:390px;\n color:rgba(255,255,255,.82);\n font-size:17px;\n line-height:1.55;\n text-shadow:0 0 20px rgba(0,0,0,.8);\n}\n\n.cta{\n margin-top:34px;\n}\n\n.cta a{\n width:100%;\n max-width:520px;\n height:66px;\n display:flex;\n align-items:center;\n justify-content:center;\n gap:14px;\n text-decoration:none;\n border-radius:8px;\n font-size:14px;\n font-weight:900;\n letter-spacing:1.4px;\n text-transform:uppercase;\n background:var(--green);\n color:#030504;\n box-shadow:0 0 45px rgba(0,255,102,.45);\n transition:.25s ease;\n animation:pulse 3.2s infinite;\n}\n\n.cta a:hover{\n transform:translateY(-4px);\n box-shadow:0 0 70px rgba(0,255,102,.65);\n}\n\n@keyframes pulse{\n 0%,100%{box-shadow:0 0 30px rgba(0,255,102,.35)}\n 50%{box-shadow:0 0 64px rgba(0,255,102,.65)}\n}\n\n.links-section{\n position:relative;\n\n padding:70px 0 40px;\n\n margin-top:-1px;\n\n background:#030504;\n\n border-top:1px solid rgba(255,255,255,.04);\n}\n\n.links-section::before,\n.links-section::after{\n display:none;\n}\n\n.section-title,\n.cards,\n.socials,\n.footer{\n max-width:860px;\n margin-left:auto;\n margin-right:auto;\n position:relative;\n z-index:2;\n}\n\n.section-title{\n display:flex;\n align-items:center;\n justify-content:center;\n gap:28px;\n margin-bottom:34px;\n font-family:'Bebas Neue',sans-serif;\n font-size:48px;\n letter-spacing:14px;\n color:#f4f7f2;\n text-transform:uppercase;\n text-shadow:\n 0 0 25px rgba(0,255,102,.22),\n 0 0 10px rgba(255,255,255,.12);\n}\n\n.section-title::before,\n.section-title::after{\n content:\"\";\n width:7px;\n height:7px;\n background:var(--green);\n border-radius:50%;\n box-shadow:0 0 18px var(--green);\n}\n\n.cards{\n display:grid;\n gap:12px;\n padding:0 18px 20px;\n}\n\n.card{\n position:relative;\n min-height:96px;\n overflow:hidden;\n border:1px solid rgba(255,255,255,.24);\n background:rgba(255,255,255,.045);\n background:rgba(255,255,255,.04);\n display:grid;\n grid-template-columns:240px 58px 1fr 70px;\n align-items:center;\n text-decoration:none;\n color:var(--text);\n opacity:0;\n transform:translateY(28px);\n transition:.7s ease;\n \n}\n\n.card.show{\n opacity:1;\n transform:translateY(0);\n}\n\n.card::before{\n content:\"\";\n position:absolute;\n top:0;\n left:-100%;\n width:60%;\n height:100%;\n background:linear-gradient(90deg,transparent,rgba(0,255,102,.16),transparent);\n z-index:3;\n transition:.8s ease;\n}\n\n.card:hover::before{\n left:120%;\n}\n\n.card::after{\n content:\"\";\n position:absolute;\n inset:0;\n background:\n linear-gradient(90deg,rgba(0,0,0,.20),rgba(0,0,0,.88) 32%,rgba(0,0,0,.96)),\n radial-gradient(circle at left,rgba(0,255,102,.14),transparent 40%);\n z-index:1;\n}\n\n.card img{\n position:absolute;\n left:0;\n top:0;\n width:300px;\n height:100%;\n object-fit:cover;\n filter:saturate(.85) contrast(1.18) brightness(.78);\n transition:.6s ease;\n}\n\n.card:hover{\n border-color:rgba(0,255,102,.7);\n\n box-shadow:\n 0 0 30px rgba(0,255,102,.12),\n 0 0 60px rgba(0,255,102,.06);\n}\n\n.card:hover img{\n transform:scale(1.08);\n}\n\n.num,.card-text,.arrow{\n position:relative;\n z-index:2;\n}\n\n.num{\n grid-column:2;\n font-family:'Bebas Neue',sans-serif;\n font-size:40px;\n color:var(--green);\n text-shadow:0 0 18px rgba(0,255,102,.45);\n}\n\n.card-text{\n grid-column:3;\n padding:0 14px;\n min-width:0;\n}\n\n.card h2{\n font-family:'Bebas Neue',sans-serif;\n font-size:27px;\n line-height:.95;\n letter-spacing:2px;\n text-transform:uppercase;\n color:#ffffff;\n text-shadow:0 0 12px rgba(0,0,0,.85);\n}\n\n.card p{\n margin-top:6px;\n color:rgba(255,255,255,.82);\n font-size:14px;\n line-height:1.35;\n}\n\n.arrow{\n grid-column:4;\n width:46px;\n height:46px;\n border-radius:50%;\n border:1px solid var(--green);\n display:flex;\n align-items:center;\n justify-content:center;\n color:#fff;\n font-size:25px;\n transition:.25s ease;\n}\n\n.card:hover .arrow{\n background:var(--green);\n color:#030504;\n box-shadow:0 0 30px rgba(0,255,102,.38);\n}\n\n.socials{\n display:flex;\n justify-content:center;\n gap:28px;\n margin-top:34px;\n margin-bottom:20px;\n}\n\n.socials a{\n color:rgba(255,255,255,.72);\n text-decoration:none;\n font-size:20px;\n background:none;\n border:none;\n transition:.25s ease;\n}\n\n.socials a:hover{\n color:var(--green);\n transform:translateY(-2px);\n}\n\n.footer{\n text-align:center;\n color:rgba(255,255,255,.55);\n font-size:12px;\n font-weight:800;\n letter-spacing:6px;\n text-transform:uppercase;\n margin-bottom:34px;\n}\n\n.footer span{color:var(--green)}\n\n@media(max-width:700px){\n .desktop-video{display:none}\n .mobile-video{display:block}\n\n .hero{\n height:100svh;\n min-height:100svh;\n }\n\n .hero-video{\n height:100svh;\n object-position:center center;\n }\n\n .top{\n padding:62px 24px 0;\n }\n\n .logo{\n width:64px;\n height:64px;\n font-size:34px;\n }\n\n .badge{\n font-size:10px;\n padding:10px 14px;\n }\n\n .hero-content{\n left:24px;\n right:24px;\n bottom:42px;\n }\n\n h1{\n font-size:clamp(82px,24vw,120px);\n }\n\n .hero-text{\n font-size:15px;\n max-width:330px;\n }\n\n .links-section{\n padding-top:56px;\n }\n\n .section-title{\n font-size:38px;\n letter-spacing:9px;\n }\n\n .cards{\n gap:14px;\n padding:0 16px 24px;\n }\n\n .card{\n min-height:122px;\n grid-template-columns:38% 42px minmax(0,1fr) 44px;\n column-gap:0;\n }\n\n .card img{\n width:52%;\n }\n\n .card::after{\n background:\n linear-gradient(90deg,rgba(0,0,0,.22),rgba(0,0,0,.82) 36%,rgba(0,0,0,.98)),\n radial-gradient(circle at left,rgba(0,255,102,.14),transparent 42%);\n }\n\n .num{\n font-size:34px;\n text-align:center;\n }\n\n .card-text{\n min-width:0;\n padding:0 8px 0 10px;\n }\n\n .card h2{\n font-size:clamp(20px,6.2vw,26px);\n line-height:.95;\n letter-spacing:1.4px;\n overflow-wrap:normal;\n }\n\n .card p{\n margin-top:8px;\n font-size:clamp(12px,3.5vw,14px);\n line-height:1.28;\n color:rgba(255,255,255,.86);\n }\n\n .arrow{\n width:38px;\n height:38px;\n font-size:22px;\n justify-self:center;\n }\n}\n\n\n@media(max-width:390px){\n .cards{padding-left:12px;padding-right:12px}\n .card{\n min-height:128px;\n grid-template-columns:34% 38px minmax(0,1fr) 40px;\n }\n .card img{width:50%}\n .num{font-size:31px}\n .card h2{font-size:20px;letter-spacing:1.1px}\n .card p{font-size:12px;line-height:1.25}\n .arrow{width:34px;height:34px;font-size:20px}\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"marquee\">\n <div class=\"marquee-track\">\n <span>RESERV\u00c1 TU TURNO \u00b7 CORTE PREMIUM \u00b7 BARBA \u00b7 FADE \u00b7 ESTILO \u00b7 EXPERIENCIA DIGITAL \u00b7<\/span>\n <span>RESERV\u00c1 TU TURNO \u00b7 CORTE PREMIUM \u00b7 BARBA \u00b7 FADE \u00b7 ESTILO \u00b7 EXPERIENCIA DIGITAL \u00b7<\/span>\n <span>RESERV\u00c1 TU TURNO \u00b7 CORTE PREMIUM \u00b7 BARBA \u00b7 FADE \u00b7 ESTILO \u00b7 EXPERIENCIA DIGITAL \u00b7<\/span>\n <span>RESERV\u00c1 TU TURNO \u00b7 CORTE PREMIUM \u00b7 BARBA \u00b7 FADE \u00b7 ESTILO \u00b7 EXPERIENCIA DIGITAL \u00b7<\/span>\n <\/div>\n<\/div>\n\n<main class=\"page\">\n\n <section class=\"hero\">\n <video class=\"hero-video desktop-video\" autoplay muted loop playsinline>\n <source src=\"https:\/\/tureserva.uy\/wp-content\/uploads\/2026\/06\/8252399-hd_1920_1080_30fps.mp4\" type=\"video\/mp4\">\n <\/video>\n\n <video class=\"hero-video mobile-video\" autoplay muted loop playsinline>\n <source src=\"https:\/\/tureserva.uy\/wp-content\/uploads\/2026\/06\/16011834_1080_1920_30fps-1.mp4\" type=\"video\/mp4\">\n <\/video>\n\n <div class=\"top\">\n <div class=\"logo\">BX<\/div>\n <div class=\"badge\">Abierto hoy<\/div>\n <\/div>\n\n <div class=\"hero-content\">\n <div class=\"kicker\">Premium grooming studio<\/div>\n <h1>Barber\u00eda <strong>X<\/strong><\/h1>\n\n <p class=\"hero-text\">\n No es solo un corte. Es tu imagen. Reserv\u00e1 tu experiencia desde un solo lugar.\n <\/p>\n\n <div class=\"cta\">\n <a href=\"https:\/\/bxbarberia.tureserva.uy\/inicio\/reservar-turno\/\" target=\"_self\">\n Reservar turno <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"links-section\">\n\n <h2 class=\"section-title\" id=\"accesos\">Accesos<\/h2>\n\n <section class=\"cards\">\n\n <a class=\"card\" href=\"https:\/\/bxbarberia.tureserva.uy\/inicio\/whatsapp\/\" target=\"_self\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512428559087-560fa5ceab42?auto=format&fit=crop&w=1200&q=90\" alt=\"\">\n <div class=\"num\">01<\/div>\n <div class=\"card-text\">\n <h2>WhatsApp<\/h2>\n <p>Consultas, precios y coordinaci\u00f3n directa.<\/p>\n <\/div>\n <div class=\"arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"card\" href=\"https:\/\/bxbarberia.tureserva.uy\/inicio\/tienda-online\/\" target=\"_self\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1622296089863-eb7fc530daa8?auto=format&fit=crop&w=1200&q=90\" alt=\"\">\n <div class=\"num\">02<\/div>\n <div class=\"card-text\">\n <h2>Tienda Online<\/h2>\n <p>Productos, pomadas, aceites y gift cards.<\/p>\n <\/div>\n <div class=\"arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"card\" href=\"https:\/\/bxbarberia.tureserva.uy\/inicio\/cursos-online\/\" target=\"_self\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1585747860715-2ba37e788b70?auto=format&fit=crop&w=1200&q=90\" alt=\"\">\n <div class=\"num\">03<\/div>\n <div class=\"card-text\">\n <h2>Cursos Online<\/h2>\n <p>Formaci\u00f3n y t\u00e9cnicas profesionales.<\/p>\n <\/div>\n <div class=\"arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"card\" href=\"https:\/\/bxbarberia.tureserva.uy\/inicio\/ubicacion\/\" target=\"_self\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=1200&q=90\" alt=\"\">\n <div class=\"num\">04<\/div>\n <div class=\"card-text\">\n <h2>Ubicaci\u00f3n<\/h2>\n <p>Pocitos \u00b7 Montevideo.<\/p>\n <\/div>\n <div class=\"arrow\">\u2192<\/div>\n <\/a>\n\n <a class=\"card\" href=\"https:\/\/bxbarberia.tureserva.uy\/inicio\/conoce-la-barberia\/\" \">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521590832167-7bcbfaa6381f?auto=format&fit=crop&w=1200&q=90\" alt=\"\">\n <div class=\"num\">05<\/div>\n <div class=\"card-text\">\n <h2>Conoc\u00e9 la Barber\u00eda<\/h2>\n <p>Servicios, equipo, precios y novedades.<\/p>\n <\/div>\n <div class=\"arrow\">\u2192<\/div>\n <\/a>\n\n <\/section>\n\n <div class=\"socials\">\n <a href=\"https:\/\/instagram.com\/tureserva.uy\" target=\"_blank\">\n <i class=\"fa-brands fa-instagram\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/facebook.com\/tuperfil\" target=\"_blank\">\n <i class=\"fa-brands fa-facebook-f\"><\/i>\n <\/a>\n\n <a href=\"https:\/\/tiktok.com\/@tuperfil\" target=\"_blank\">\n <i class=\"fa-brands fa-tiktok\"><\/i>\n <\/a>\n <\/div>\n\n <div class=\"footer\">\n Powered by <span>Tu Reserva<\/span>\n <\/div>\n\n <\/section>\n\n<\/main>\n\n<script>\nconst cards = document.querySelectorAll('.card');\n\nconst observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n if(entry.isIntersecting){\n entry.target.classList.add('show');\n }\n });\n},{threshold:.18});\n\ncards.forEach(card => observer.observe(card));\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Barber\u00eda X RESERV\u00c1 TU TURNO \u00b7 CORTE PREMIUM \u00b7 BARBA \u00b7 FADE \u00b7 ESTILO \u00b7 EXPERIENCIA DIGITAL \u00b7 RESERV\u00c1 TU TURNO \u00b7 CORTE PREMIUM \u00b7 BARBA \u00b7 FADE \u00b7 ESTILO \u00b7 EXPERIENCIA DIGITAL \u00b7 RESERV\u00c1 TU TURNO \u00b7 CORTE PREMIUM \u00b7 BARBA \u00b7 FADE \u00b7 ESTILO \u00b7 EXPERIENCIA DIGITAL \u00b7 RESERV\u00c1 TU TURNO \u00b7 CORTE […]<\/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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bxbarberia.tureserva.uy\/inicio\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bxbarberia.tureserva.uy\/inicio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bxbarberia.tureserva.uy\/inicio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bxbarberia.tureserva.uy\/inicio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bxbarberia.tureserva.uy\/inicio\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":14,"href":"https:\/\/bxbarberia.tureserva.uy\/inicio\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":39,"href":"https:\/\/bxbarberia.tureserva.uy\/inicio\/wp-json\/wp\/v2\/pages\/7\/revisions\/39"}],"wp:attachment":[{"href":"https:\/\/bxbarberia.tureserva.uy\/inicio\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}