:root{--ink: #0e0e0e;--ink-2: #1a1a1a;--ink-3: #2a2a2a;--concrete: #e7e5e0;--paper: #f6f5f2;--red: #e1251b;--red-deep: #a8140f;--chrome: #c9ccd1;--muted-dark: #9a9a9a;--muted-light: #5c5a56;--font-display: "Anton", "Impact", sans-serif;--font-tag: "Permanent Marker", cursive;--font-body: "Inter", system-ui, -apple-system, sans-serif;--shadow-hard: 4px 4px 0 var(--ink);--radius: 6px;--gutter: clamp(16px, 4vw, 40px);--max: 1180px;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");font-family:var(--font-body);line-height:1.55;color:var(--ink);background:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:3px solid var(--red);outline-offset:3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{overflow-x:clip}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.section-light,.section-dark{position:relative;padding:clamp(64px,10vw,120px) 0}.section-light{background:var(--noise),var(--concrete);color:var(--ink)}.section-dark{background:var(--noise),var(--ink);color:var(--paper)}.has-photo{isolation:isolate}.has-photo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--photo) center / cover no-repeat;filter:grayscale(1) contrast(1.15);opacity:.32;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 45%,transparent 85%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.55) 45%,transparent 85%)}.kicker{font-family:var(--font-tag);color:var(--red);font-size:clamp(1.1rem,2.4vw,1.4rem);transform:rotate(-2deg);display:inline-block;margin-bottom:4px}.title{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(3rem,9vw,6.5rem);line-height:.92;letter-spacing:-.5px;margin-bottom:clamp(32px,5vw,56px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-hard);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;white-space:nowrap}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-deep)}.btn-ghost,.btn-light{background:var(--paper);color:var(--ink)}.section-dark .btn{border-color:var(--paper);box-shadow:4px 4px 0 var(--red)}.section-dark .btn:hover{box-shadow:6px 6px 0 var(--red)}.section-dark .btn:active{box-shadow:1px 1px 0 var(--red)}.btn-sm{padding:9px 16px;font-size:.8rem;box-shadow:3px 3px 0 var(--ink)}.hero{position:relative;min-height:calc(100svh - 80px);display:flex;align-items:center;justify-content:center;padding:64px var(--gutter);background:radial-gradient(ellipse at 50% 45%,rgba(255,255,255,.55),transparent 60%),var(--noise),var(--concrete);text-align:center;overflow:hidden}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.hero-logo{width:min(760px,92vw,84svh);height:auto;margin:8px 0 32px;animation:stamp .7s cubic-bezier(.2,1.4,.4,1) both}@keyframes stamp{0%{opacity:0;transform:scale(1.12) rotate(-2deg)}to{opacity:1;transform:none}}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.marquee{position:relative;z-index:2;background:var(--red);color:var(--ink);border-block:3px solid var(--ink);transform:rotate(-1.5deg);margin:-24px -20px;overflow:hidden;padding:12px 0}.marquee-track{display:flex;gap:28px;width:max-content;animation:marquee 28s linear infinite}.marquee-track span{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.4rem);text-transform:uppercase;line-height:1}.marquee-track span:nth-child(2n){color:var(--paper)}.marquee-top{transform:rotate(1.5deg);margin:-14px -20px -24px}.marquee-top .marquee-track{animation-direction:reverse}@keyframes marquee{to{transform:translate(-33.333%)}}.booking{padding-top:clamp(48px,7vw,80px);min-height:calc(100svh - 76px)}.subnav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gutter);background:var(--noise),var(--concrete);border-bottom:3px solid var(--ink)}.subnav-back{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;color:var(--ink);transition:color .15s ease,gap .15s ease}.subnav-back:hover{color:var(--red);gap:14px}.subnav-logo{height:52px;width:auto}.booking-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,5vw,64px)}@media (max-width: 860px){.booking-grid{grid-template-columns:minmax(0,1fr)}}.step{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px}.step span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--red);color:#fff;font-family:var(--font-display);font-weight:400;font-size:1.1rem}.barber-list{display:grid;gap:14px}.barber{display:flex;align-items:center;gap:16px;text-align:left;padding:14px 18px 14px 14px;background:var(--ink-2);border:2px solid var(--ink-3);border-radius:var(--radius);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.barber:hover{border-color:var(--muted-dark)}.barber.is-active{border-color:var(--paper);box-shadow:5px 5px 0 var(--red);transform:translate(-2px,-2px)}.barber-photo{flex:none;width:76px;height:76px;border-radius:50%;object-fit:cover;font-size:1.8rem;box-shadow:0 0 0 3px var(--ink-2),0 0 0 5px var(--ink-3);filter:grayscale(1) contrast(1.1);transition:filter .25s ease,box-shadow .25s ease}.barber.is-active .barber-photo{filter:none;box-shadow:0 0 0 3px var(--ink-2),0 0 0 5px var(--red)}.barber-photo.photo-fallback span{opacity:.5}.barber-info{display:grid;min-width:0}.barber-name{font-family:var(--font-display);font-size:1.8rem;text-transform:uppercase;line-height:1.1}.barber-role{font-size:.8rem;color:var(--muted-dark);text-transform:uppercase;letter-spacing:.5px}.chip-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.chip{padding:10px 16px;border:2px solid var(--ink-3);border-radius:999px;font-weight:600;font-size:.9rem;transition:border-color .15s ease,background-color .15s ease}.chip small{font-weight:500;color:var(--muted-dark);margin-left:4px}.chip:hover{border-color:var(--muted-dark)}.chip.is-active{background:var(--paper);border-color:var(--paper);color:var(--ink)}.chip.is-active small{color:var(--red)}.step-spaced{margin-top:36px}.day-list{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent}.day{flex:none;display:grid;justify-items:center;width:62px;padding:8px 0;border:2px solid var(--ink-3);border-radius:var(--radius);background:var(--ink-2);transition:border-color .15s ease,background-color .15s ease}.day small{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-dark)}.day strong{font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.1}.day:hover{border-color:var(--muted-dark)}.day.is-active{background:var(--paper);border-color:var(--paper);color:var(--ink)}.day.is-active small{color:var(--red)}.slot-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-bottom:28px;min-height:44px}.slot{padding:9px 0;border:2px solid var(--ink-3);border-radius:var(--radius);font-weight:600;font-size:.9rem;background:var(--ink-2);transition:border-color .15s ease,background-color .15s ease}.slot:hover:not(:disabled){border-color:var(--muted-dark)}.slot:disabled{opacity:.35;text-decoration:line-through;cursor:not-allowed}.slot.is-active{background:var(--red);border-color:var(--red);color:#fff}.slot-empty{grid-column:1 / -1;color:var(--muted-dark);font-size:.9rem}.ticket{position:relative;background:var(--paper);color:var(--ink);padding:24px;border-radius:var(--radius);box-shadow:6px 6px 0 var(--red)}.ticket:before,.ticket:after{content:"";position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:var(--ink);transform:translateY(-50%)}.ticket:before{left:-11px}.ticket:after{right:-11px}.ticket-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:2px dashed #cfccc5}.ticket-row span{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-light)}.ticket-row strong{font-family:var(--font-display);font-weight:400;font-size:1.4rem;text-transform:uppercase;text-align:right}.ticket-price{color:var(--red)}.ticket-actions{display:grid;gap:12px;margin-top:20px}.ticket-actions .btn{white-space:normal}.ticket-actions .btn:disabled{opacity:.7;cursor:wait}.ticket-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}@media (max-width: 480px){.ticket-fields{grid-template-columns:minmax(0,1fr)}}.ticket-fields label{display:grid;gap:6px}.ticket-fields label span{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-light)}.ticket-fields input{width:100%;padding:12px;font:inherit;font-size:1rem;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:var(--radius)}.ticket-fields input:focus{outline:none;box-shadow:3px 3px 0 var(--red)}.ticket-hint{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:.85rem;color:var(--muted-light)}.ticket-hint i{margin-top:3px;color:var(--red)}.deposit{margin-top:18px;padding:14px 16px;background:var(--concrete);border:2px solid var(--ink);border-radius:var(--radius)}.deposit strong{display:block;font-family:var(--font-display);font-weight:400;font-size:1.4rem;text-transform:uppercase;color:var(--red)}.deposit p{font-size:.9rem}.ticket-error{margin-top:12px;color:var(--red-deep);font-weight:600;font-size:.9rem}.ticket-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px;font-weight:600;font-size:.9rem;color:var(--muted-light);text-decoration:underline;text-underline-offset:3px}.ticket-link:hover{color:var(--ink)}.booking-done{max-width:520px}.ticket-stamp{display:inline-block;font-family:var(--font-tag);font-size:1.4rem;color:var(--red);transform:rotate(-3deg)}.ticket-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,6vw,2.6rem);text-transform:uppercase;line-height:1;margin-bottom:8px}.ticket-note{margin-top:16px;font-size:.9rem;color:var(--muted-light)}.ticket .btn{border-color:var(--ink);box-shadow:var(--shadow-hard)}.ticket .btn:hover{box-shadow:6px 6px 0 var(--ink)}.services-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:clamp(32px,5vw,72px);align-items:start}@media (max-width: 860px){.services-grid{grid-template-columns:minmax(0,1fr)}}.featured-card{position:relative;display:block;padding:36px 28px 28px;background:var(--noise),var(--red);color:#fff;border:3px solid var(--ink);border-radius:var(--radius);box-shadow:8px 8px 0 var(--ink);transform:rotate(-1.5deg);transition:transform .2s ease}@media (min-width: 861px){.featured-card{position:sticky;top:32px}}.featured-card:hover{transform:rotate(0) translate(-2px,-2px)}.sticker{position:absolute;top:-18px;right:18px;background:var(--paper);color:var(--ink);font-family:var(--font-tag);font-size:1.05rem;padding:4px 14px;border:2px solid var(--ink);transform:rotate(4deg)}.featured-card h3{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,5vw,3.4rem);text-transform:uppercase;line-height:.95;margin-bottom:12px}.featured-card p{font-size:1rem;max-width:30ch;margin-bottom:24px}.featured-price{display:block;font-family:var(--font-display);font-size:clamp(4rem,9vw,5.5rem);line-height:1;color:var(--ink);-webkit-text-stroke:0}.featured-card .featured-note{margin:6px 0 0;font-size:.85rem;opacity:.9}.featured-cta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.price-list{list-style:none}.price-list li{padding:18px 0;border-bottom:2px solid var(--ink)}.price-list li:first-child{border-top:2px solid var(--ink)}.price-head{display:flex;align-items:baseline;gap:12px}.price-head h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,3.5vw,2.2rem);text-transform:uppercase;line-height:1}.price-tag{display:inline-block;margin-left:10px;padding:2px 10px;font-family:var(--font-tag);font-size:.85rem;text-transform:none;vertical-align:middle;color:#fff;background:var(--red);border:2px solid var(--ink);transform:rotate(-4deg)}.leader{flex:1;border-bottom:3px dotted var(--ink);transform:translateY(-6px);min-width:20px}.price{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.2rem);color:var(--red);line-height:1;white-space:nowrap}.price-list p{margin-top:6px;color:var(--muted-light);font-size:.95rem}.photo-fallback{display:grid;place-items:center;background:var(--noise),repeating-linear-gradient(-45deg,var(--ink-2) 0 14px,var(--ink-3) 14px 28px);color:var(--paper);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2rem,6vw,3rem);overflow:hidden}.photo-fallback span{opacity:.25}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(140px,22vw,260px);grid-auto-flow:dense;gap:12px}.gallery-item{width:100%;height:100%;object-fit:cover;border-radius:3px;filter:grayscale(1) contrast(1.1);transition:filter .3s ease,transform .3s ease}.gallery-item:hover{filter:none;transform:scale(1.02)}.gallery-grid>:nth-child(1),.gallery-grid>:nth-child(8){grid-column:span 2;grid-row:span 2}.gallery-grid>:nth-child(5){grid-row:span 2}.gallery-grid>:nth-child(12){grid-column:span 2}@media (max-width: 700px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid>:nth-child(5),.gallery-grid>:nth-child(12){grid-row:auto;grid-column:auto}.gallery-grid>:nth-child(8){grid-column:span 2;grid-row:span 1}}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,32px)}@media (max-width: 860px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}}.product{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);padding:12px 12px 16px;box-shadow:var(--shadow-hard);transition:transform .15s ease,box-shadow .15s ease}.product:hover{transform:translate(-2px,-2px) rotate(-.5deg);box-shadow:6px 6px 0 var(--ink)}.product-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;margin-bottom:12px;font-size:1.6rem;background:#fff}.product h3{font-family:var(--font-display);font-weight:400;font-size:1.4rem;text-transform:uppercase;line-height:1.1}.product p{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--muted-light)}.product-price{position:absolute;top:-12px;right:-10px;z-index:1;background:var(--red);color:#fff;font-family:var(--font-display);font-size:1.3rem;padding:4px 12px;border:2px solid var(--ink);transform:rotate(6deg)}.location-inner>div{max-width:640px}.address{font-size:1.15rem;margin:-24px 0 28px;color:var(--chrome)}.hours{list-style:none;margin-bottom:32px}.hours li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--ink-3);color:var(--muted-dark)}.hours li.is-today{color:var(--paper);font-weight:600}.hours li.is-today span:first-child:after{content:"Hoy";margin-left:10px;font-family:var(--font-tag);font-weight:400;color:var(--red)}.location-actions{display:flex;flex-wrap:wrap;gap:16px}.footer{background:var(--noise),var(--ink);color:var(--paper)}.footer-cta{background:var(--noise),var(--red);border-block:3px solid var(--ink);transform:rotate(-1.5deg);margin:0 -20px;padding:clamp(36px,6vw,56px) 20px;position:relative;top:-28px}.footer-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;transform:rotate(1.5deg)}.footer-cta-title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2.8rem,8vw,5.5rem);line-height:.9;color:var(--ink)}.footer-cta-actions{display:flex;flex-wrap:wrap;gap:16px}.btn-dark{background:var(--ink);color:var(--paper)}.btn-dark:hover{background:var(--ink-3)}.footer-grid.no-cta{padding-top:56px}.footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:40px;padding-top:clamp(24px,4vw,48px);padding-bottom:48px}@media (max-width: 760px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1 / -1}}.footer-logo{width:min(280px,70vw);height:auto;transform:rotate(-3deg)}.footer-tag{font-family:var(--font-tag);font-size:1.2rem;color:var(--chrome);transform:rotate(-2deg);margin-top:12px}.footer-col h3{font-family:var(--font-tag);font-weight:400;color:var(--red);font-size:1.2rem;margin-bottom:12px}.footer-col ul{list-style:none;display:grid;gap:6px}.footer-links a{font-family:var(--font-display);text-transform:uppercase;font-size:1.6rem;line-height:1.15;transition:color .15s ease,padding-left .15s ease}.footer-links a:hover{color:var(--red);padding-left:6px}.footer-contact a{display:inline-flex;align-items:center;gap:10px;padding:4px 0;color:var(--chrome);transition:color .15s ease}.footer-contact a:hover{color:var(--paper)}.footer-contact i{width:18px;text-align:center;color:var(--red)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:28px;border-top:1px solid var(--ink-3);font-size:.8rem;color:var(--muted-dark)}.footer-admin{transition:color .15s ease}.footer-admin:hover{color:var(--paper)}.footer-top{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--paper)}.footer-top:hover{color:var(--red)}
