.jb{--negro:#000;--cuero:#16120f;--led:#ffb13d;--nucleo:#ffe9c4;--cromo:#aeb4bb;--acero:#e9eaec;--pulido:linear-gradient(180deg,#fdfdfd 0%,#d4d6d9 34%,#8f9399 50%,#c9ccd0 66%,#f3f4f5 100%);--marmol:#f2efea;--hilo:#ffb13d47;--suave:cubic-bezier(.16,1,.3,1);--alto:max(100svh,580px);--px:50%;--texto:var(--font-jb-texto),system-ui,sans-serif;--titulo:var(--font-jb-titulo),Georgia,serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--negro);color:var(--marmol);font:400 17px/1.6 var(--texto);position:relative;overflow-x:clip}.jb.dark{--primary:var(--led);--primary-foreground:#000;--ring:var(--led);--background:var(--cuero);--foreground:var(--marmol);--card:var(--cuero);--card-foreground:var(--marmol);--popover:#1d1813;--popover-foreground:var(--marmol);--border:var(--hilo);--input:var(--hilo);--muted:#221c17;--muted-foreground:var(--cromo);--radius:3px}html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto}.lenis.lenis-stopped{overflow:clip}.jb img{max-width:100%;height:auto;display:block}.jb a{color:inherit;text-decoration:underline}.jb :focus-visible{outline:2px solid var(--led);outline-offset:3px}.jb .oculto{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jb .caja{max-width:1180px;margin:0 auto;padding-inline:16px}.jb [id]{scroll-margin-top:72px}.jb main,.jb .pie{z-index:1;position:relative}.jb .progreso{z-index:12;background:linear-gradient(90deg,#ffb13d00,var(--led) 55%,#fff3dc);width:100%;height:2px;box-shadow:0 0 12px var(--led);transform-origin:0;scale:var(--prog,0) 1;pointer-events:none;position:fixed;top:0;left:0}.jb .rejilla{z-index:0;pointer-events:none;opacity:0;-webkit-mask:radial-gradient(280px circle at var(--lx,50%) var(--ly,50%),#000,transparent);-webkit-mask:radial-gradient(280px circle at var(--lx,50%) var(--ly,50%),#000,transparent);mask:radial-gradient(280px circle at var(--lx,50%) var(--ly,50%),#000,transparent);background-image:linear-gradient(#ffe9c414 1px,#0000 1px),linear-gradient(90deg,#ffe9c414 1px,#0000 1px);background-size:56px 56px;transition:opacity .8s;position:fixed;inset:0}.jb .luz{z-index:2;pointer-events:none;opacity:0;mix-blend-mode:screen;width:620px;height:620px;translate:var(--lx,-999px) var(--ly,-999px);background:radial-gradient(closest-side,#ffb13d21,#0000);border-radius:50%;margin:-310px 0 0 -310px;transition:opacity .8s;position:fixed;top:0;left:0}.jb.con-raton .rejilla,.jb.con-raton .luz{opacity:1}.jb .display{font-family:var(--titulo);color:var(--acero);margin:0;font-weight:400;line-height:1.04}.jb h2.display{background:var(--pulido) 0 0/100% 1.04em repeat-y;color:#0000;-webkit-background-clip:text;background-clip:text;max-width:16ch;font-size:clamp(36px,5.4vw,66px)}.jb .entrada{color:var(--cromo);max-width:46ch;margin:22px 0 0;font-size:clamp(18px,1.6vw,21px)}.jb h2.partido{background:0 0}.jb .palabra{vertical-align:top;margin:-.1em -.03em -.18em;padding:.1em .03em .18em;display:inline-block;overflow:hidden}.jb .palabra>span{background:var(--pulido);color:#0000;transform-origin:0 100%;-webkit-background-clip:text;background-clip:text;display:inline-block}.jb .btn{isolation:isolate;min-height:50px;font:600 16px/1 var(--texto);transition:box-shadow .3s,border-color .3s,translate .6s var(--suave);border-radius:3px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.jb .btn:after{content:"";z-index:-1;transition:translate .9s var(--suave);background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;translate:-130%}.jb .btn:hover:after{translate:130%}.jb .btn-led{background:var(--led);color:#000;box-shadow:0 0 22px #ffb13d73}.jb .btn-led:hover{box-shadow:0 0 40px #ffb13dcc}.jb .btn-cristal{color:var(--acero);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border:1px solid #e1e4e873}.jb .btn-cristal:hover{border-color:var(--led)}.jb .botones{flex-wrap:wrap;gap:12px;display:flex}.jb .barra{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:translate .7s var(--suave);background:#0000008c;position:fixed;inset:0 0 auto}.jb .barra.fuera{translate:0 -100%}.jb .barra .caja{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.jb .marca img{width:auto;height:36px}.jb .menu{align-items:center;gap:28px;display:flex}.jb .menu a:not(.btn){color:var(--cromo);font-size:15px;text-decoration:none;transition:color .3s}.jb .menu a:not(.btn):hover{color:var(--nucleo)}.jb .menu .btn{min-height:42px;padding:0 18px;font-size:15px}.jb .portada{z-index:1;height:var(--alto);isolation:isolate;position:relative;overflow:hidden}.jb .sala{top:var(--sy,50%);left:var(--px);width:max(100%,calc(var(--alto)*1122/1402));aspect-ratio:1122/1402;transform:translate(calc(-1*var(--px)),-50%);position:absolute}.jb .sala img,.jb .sala svg{width:100%;height:100%}.jb .sala svg{overflow:visible}.jb .sala>img,.jb .sala>svg{transform:translateY(calc(var(--p,0)*9%)) scale(calc(1 + var(--p,0)*.14));translate:calc(var(--tx,0)*-14px) calc(var(--ty,0)*-10px)}.jb .foto{opacity:0;animation:1.4s ease-out 1.35s forwards jb-encender}.jb .sombra{background:linear-gradient(#000 0%,#0009 22%,#00000014 38% 64%,#000000b8 80%,#000 100%),linear-gradient(90deg,#000000a6,#0000 60%);position:absolute;inset:0}.jb .tira path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:jb-trazo var(--d) linear var(--t) forwards}.jb .halo path{stroke:var(--led);stroke-width:18px;opacity:.8}.jb .nucleo path{stroke:#fff3dc;stroke-width:4.5px}.jb .tira.halo{animation:4.5s ease-in-out 2.2s infinite jb-respirar}.jb .pulso path{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.05 1.6;stroke-dashoffset:.05px;animation:6s cubic-bezier(.5,0,.5,1) 2.4s infinite jb-pulso}.jb .pulso.halo path{stroke-width:26px;opacity:.7}.jb .pulso.nucleo path{stroke-width:7px}.jb .portada h1{transform:translateY(calc(var(--p,0)*-110px));opacity:calc(1 - var(--p,0)*1.7);filter:blur(calc(var(--p,0)*8px));margin:0;line-height:0}.jb .logo{transform:perspective(900px) rotateX(calc(var(--ty,0)*-9deg)) rotateY(calc(var(--tx,0)*12deg));display:inline-block;position:relative}.jb .logo img{width:auto;height:clamp(120px,22svh,250px)}.jb .logo:after{content:"";background:linear-gradient(100deg,#0000 42%,#ffeecee6 50%,#0000 58%) 100% 0/300% 100% no-repeat;animation:1.3s ease-in-out 1.45s both jb-destello;position:absolute;inset:0;-webkit-mask:url(/negocios/jb-barber/logo.webp) 0 0/100% 100% no-repeat;mask:url(/negocios/jb-barber/logo.webp) 0 0/100% 100% no-repeat}.jb .texto{z-index:1;flex-direction:column;justify-content:space-between;height:100%;padding-top:clamp(84px,14svh,112px);padding-bottom:40px;display:flex;position:relative}.jb .texto>div{transform:translateY(calc(var(--p,0)*-50px));opacity:calc(1 - var(--p,0)*2.2)}.jb .lema{max-width:30ch;margin:0 0 16px;font-size:clamp(18px,1.7vw,22px)}.jb .datos{color:var(--marmol);flex-wrap:wrap;gap:8px 28px;margin:0 0 20px;font-size:15px;display:flex}.jb .estrellas{color:var(--led);letter-spacing:2px;text-shadow:0 0 10px #ffb13db3}.jb .estado{align-items:center;gap:10px;display:inline-flex}.jb .estado:before{content:"";background:#5a5f66;border-radius:50%;flex:none;width:8px;height:8px}.jb .estado[data-abierto]:before{background:var(--led);box-shadow:0 0 6px var(--led),0 0 14px var(--led);animation:2.4s ease-in-out infinite jb-latido}.jb.js .logo img{animation:jb-emerger 1.6s var(--suave) .15s both}.jb.js .lema,.jb.js .datos,.jb.js .portada .botones{animation:jb-subir 1.2s var(--suave) .55s both}.jb.js .datos{animation-delay:.7s}.jb.js .portada .botones{animation-delay:.85s}@keyframes jb-trazo{to{stroke-dashoffset:0}}@keyframes jb-encender{to{opacity:1}}@keyframes jb-destello{0%{background-position:100% 0}to{background-position:0 0}}@keyframes jb-respirar{50%{opacity:.62}}@keyframes jb-pulso{0%{stroke-dashoffset:.05px}45%,to{stroke-dashoffset:-1px}}@keyframes jb-latido{50%{box-shadow:0 0 2px var(--led),0 0 5px var(--led);opacity:.6}}@keyframes jb-emerger{0%{opacity:0;filter:blur(14px);scale:.94}}@keyframes jb-subir{0%{opacity:0;filter:blur(6px);translate:0 26px}}.jb.js .rev{opacity:0;filter:blur(10px);transition:opacity 1.1s var(--suave),translate 1.1s var(--suave),filter 1.1s var(--suave);transition-delay:calc(var(--i,0)*.1s);translate:0 40px}.jb.js .rev.visto{opacity:1;filter:none;translate:none}.jb.js .partido .palabra>span{transition:translate 1.2s var(--suave),rotate 1.2s var(--suave);transition-delay:calc(var(--i,0)*75ms);translate:0 115%;rotate:7deg}.jb.js .partido.visto .palabra>span{translate:none;rotate:none}.jb .marco{border-radius:3px;overflow:hidden}.jb .visita .marco{background:var(--cuero)}.jb .marco img{translate:0 var(--py,0);scale:1.12}.jb.js .marco>*{clip-path:inset(100% 0 0);transition:clip-path 1.5s var(--suave),scale 2s var(--suave)}.jb.js .marco img{scale:1.35}.jb.js .marco.visto>*{clip-path:inset(0)}.jb.js .marco.visto img{scale:1.12}.jb.js .pq{opacity:.15;transition:opacity .25s linear}.jb .bloque{padding:clamp(80px,11vw,150px) 0 0}.jb .pie-foto{color:#7d838a;margin:10px 0 0;font-size:13px}.jb .pie-foto a{color:inherit}.jb .local-grid{grid-template-columns:.9fr 1.1fr;align-items:end;gap:clamp(32px,6vw,88px);display:grid}.jb .local-grid figure{margin:0}.jb .local-grid img{aspect-ratio:3/4;object-fit:cover;object-position:50% 70%;width:100%}.jb .servicios-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(32px,6vw,88px);display:grid}.jb .lista{border-top:1px solid var(--hilo);margin:44px 0 0;padding:0;list-style:none}.jb .lista li{border-bottom:1px solid var(--hilo);grid-template-columns:1fr auto;align-items:center;gap:6px 24px;padding:24px 0;display:grid;position:relative}.jb .lista li:after{content:"";background:linear-gradient(90deg,var(--led),#fff3dc 50%,var(--led));height:1px;box-shadow:0 0 10px var(--led);transform-origin:0;transition:scale .8s var(--suave);position:absolute;bottom:-1px;left:0;right:0;scale:0 1}.jb .lista li:hover:after{scale:1}.jb .lista h3{font:400 clamp(23px,2.3vw,28px)/1.15 var(--titulo);color:var(--acero);transition:translate .6s var(--suave),color .3s;margin:0}.jb .lista li:hover h3{color:#fff;translate:12px}.jb .lista p{color:var(--cromo);grid-column:1;max-width:44ch;margin:0;font-size:16px}.jb .lista a{color:var(--led);text-underline-offset:5px;white-space:nowrap;grid-area:1/2/3;font-size:15px;font-weight:600}.jb .nota{color:var(--cromo);margin:22px 0 0;font-size:15px}.jb .retrato{margin:0}.jb .retrato img{aspect-ratio:4/5;object-fit:cover;object-position:50% 30%;width:100%}.jb .reserva{max-width:760px;margin-top:36px}.jb .citas{grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,56px);margin:56px 0 0;display:grid}.jb .cita{border-top:1px solid var(--hilo);margin:0;padding-top:22px}.jb .cita blockquote{max-width:52ch;margin:0;font-size:18px;line-height:1.55}.jb .cita.grande{border-top:0;grid-column:1/-1;padding-top:0}.jb .cita.grande blockquote{font:400 clamp(30px,4.4vw,54px)/1.14 var(--titulo);color:var(--acero);max-width:22ch}.jb .cita figcaption{color:var(--cromo);margin-top:12px;font-size:14px}.jb .mas{color:var(--led);text-underline-offset:5px;margin-top:40px;font-weight:600;display:inline-block}.jb .visita{grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,88px);display:grid}@property --giro{syntax:"<angle>";inherits:false;initial-value:0deg}.jb .panel{background:var(--cuero);border:1px solid var(--hilo);border-radius:3px;margin-top:36px;padding:28px;position:relative}.jb .panel:before{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--giro),transparent 0 72%,var(--led) 86%,#fff3dc 89%,transparent 93%);-webkit-mask-composite:xor;padding:1px;animation:6s linear infinite jb-giro;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes jb-giro{to{--giro:360deg}}.jb .panel .estado{color:var(--nucleo);margin:0;font-weight:600}.jb .horas{margin:22px 0 0;padding:0;list-style:none}.jb .horas li{color:var(--cromo);border-top:1px solid #ffffff14;justify-content:space-between;gap:16px;padding:14px 0;display:flex}.jb .horas li span:last-child{text-align:right}.jb .horas li.hoy{color:var(--nucleo)}.jb .mapa{aspect-ratio:16/10;filter:invert(.92)hue-rotate(180deg)saturate(.35)contrast(.92);border:0;width:100%;display:block}.jb .direccion{margin:22px 0 20px;font-size:19px}.jb .direccion a{text-decoration:none}.jb .visita .botones{margin-top:20px}.jb .pie{border-top:1px solid var(--hilo);color:#7d838a;margin-top:clamp(80px,11vw,150px);padding:36px 0 44px;font-size:14px}.jb .pie .caja{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.jb .pie p{margin:0}.jb .pie .firma{justify-content:center;padding-bottom:40px}.jb .firma img{width:auto;height:120px}@media (min-width:720px){.jb .caja{padding-inline:32px}}@media (max-width:860px){.jb .servicios-grid,.jb .visita,.jb .local-grid{grid-template-columns:1fr}.jb .retrato,.jb .local-grid figure{max-width:460px}.jb .local-grid figure{order:1}}@media (max-width:719px){.jb{--px:40%;--sy:44%}.jb .menu a:not(.btn){display:none}.jb .sombra{background:linear-gradient(#000 0%,#000000d9 31%,#0000000d 43% 58%,#000000bf 70%,#000 100%)}.jb .texto{padding-top:96px;padding-bottom:28px}.jb .botones .btn{flex:100%}.jb .citas,.jb .lista li{grid-template-columns:1fr}.jb .lista a{grid-area:auto/1;margin-top:6px}}@media (prefers-reduced-motion:reduce){.jb .foto,.jb .tira path{opacity:1;stroke-dashoffset:0;animation:none}.jb .logo:after,.jb .pulso{display:none}.jb .tira.halo,.jb .panel:before,.jb .estado:before{animation:none}}
