:root{--asfalto: #131316;--panel: #1b1c21;--concreto: #e9e6df;--concreto-dim: #b8b5ad;--billar: #2c4b9b;--billar-hondo: #1e3775;--ambar: #f4a63a}body{background:var(--asfalto);color:var(--concreto);font-family:Barlow,system-ui,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}.wrap{max-width:1020px;margin:0 auto;padding:0 20px}a:focus-visible,button:focus-visible{outline:3px solid var(--ambar);outline-offset:3px}.sec-light a:focus-visible{outline-color:var(--billar)}h1,h2,h3,p{margin:0}.hero{background:repeating-linear-gradient(90deg,#17181c 0 7px,#1b1c21 7px 14px);padding:34px 0 46px;border-bottom:3px solid var(--ambar)}.meta-row{display:flex;justify-content:space-between;gap:12px;border-top:2px solid var(--concreto);border-bottom:2px solid var(--concreto);padding:7px 2px;margin-bottom:26px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--concreto-dim)}.mast{font-family:Anton,Barlow,sans-serif;font-weight:400;text-transform:uppercase;line-height:.84;letter-spacing:.005em;margin:0 0 22px}.mast span{display:block}.m1{font-size:clamp(70px,27vw,272px);color:var(--concreto)}@supports (-webkit-text-stroke: 2px #fff){.m1{color:transparent;-webkit-text-stroke:2px var(--concreto)}}.m2{font-size:clamp(64px,24.5vw,246px);color:var(--ambar)}@supports ((-webkit-background-clip: text) and (-webkit-text-fill-color: transparent)){.m2{background-image:url(/bikers-garage-barbershop/img/foto_2.jpg);background-size:cover;background-position:center 36%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}}.m3{font-size:clamp(40px,14.8vw,148px);color:var(--ambar)}.hook{max-width:34ch;font-size:clamp(17px,4.6vw,21px);font-weight:500;color:var(--concreto);margin-bottom:28px}.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}.btn{display:inline-block;font-family:Anton,Barlow,sans-serif;font-size:17px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:15px 22px 13px;transition:transform .15s ease,box-shadow .15s ease}.btn-a{background:var(--ambar);color:#131316;box-shadow:5px 5px 0 var(--billar)}.btn-b{color:var(--concreto);border:2px solid var(--concreto);box-shadow:5px 5px #e9e6df2e}.btn-a:hover,.btn-b:hover,.btn-c:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--billar)}.btn-b:hover{box-shadow:2px 2px #e9e6df2e}.rating-chip{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--concreto-dim)}.rating-chip .star{color:var(--ambar)}.strip{background:var(--ambar);color:#131316;overflow:hidden;padding:9px 0;border-bottom:3px solid #131316}.strip-track{display:inline-flex;white-space:nowrap;font-family:Anton,Barlow,sans-serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;animation:mq 28s linear infinite}@keyframes mq{0%{transform:translate(0)}to{transform:translate(-50%)}}.sec{padding:64px 0 72px}.sec-dark{background:var(--asfalto)}.sec-light{background:var(--concreto);color:#1b1c21}.sec-blue{background:var(--billar-hondo)}.sec-tag{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ambar);margin-bottom:12px}.sec-light .sec-tag{color:var(--billar)}.sec h2{font-family:Anton,Barlow,sans-serif;font-weight:400;font-size:clamp(34px,8.6vw,58px);line-height:1;text-transform:uppercase;margin-bottom:28px}.taller-grid{display:grid;gap:30px}.taller-copy p+p{margin-top:16px}.taller-copy{color:var(--concreto-dim);max-width:56ch}.taller-copy p{font-size:17.5px}.ph{margin:0}.ph img{width:100%;object-fit:cover;border:2px solid var(--concreto);box-shadow:8px 8px 0 var(--billar)}.ph figcaption{margin-top:14px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--concreto-dim)}.ph-taller img{aspect-ratio:4 / 3}.orden{list-style:none;margin:0 0 44px;padding:0;border-top:2px solid #1b1c21}.orden li{display:flex;align-items:baseline;gap:18px;padding:18px 2px;border-bottom:2px solid #1b1c21}.orden .num{font-family:Anton,Barlow,sans-serif;font-size:30px;line-height:1;color:var(--billar);min-width:46px}.orden h3{font-family:Anton,Barlow,sans-serif;font-weight:400;font-size:21px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:2px}.orden p{color:#4c4c50;font-size:16px}.duo{display:grid;gap:26px}.duo .ph img{box-shadow:8px 8px 0 var(--ambar);border-color:#1b1c21}.duo .ph figcaption{color:#4c4c50}.duo .ph:first-child img{aspect-ratio:4 / 3}.duo .ph:last-child img{aspect-ratio:4 / 3;object-position:center 42%}.score{display:flex;align-items:center;gap:18px;margin-bottom:34px}.score-big{font-family:Anton,Barlow,sans-serif;font-size:clamp(72px,20vw,120px);line-height:.9;color:var(--concreto)}.score-side{display:flex;flex-direction:column;gap:4px}.stars{color:var(--ambar);font-size:22px;letter-spacing:.12em}.score-label{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#b9c4e2}.quotes{display:grid;gap:20px;margin-bottom:38px}.quotes blockquote{margin:0;background:#13131659;border-left:4px solid var(--ambar);padding:20px 20px 16px}.quotes p{font-size:17px;line-height:1.55;color:#eef1f8}.quotes footer{margin-top:12px;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#b9c4e2}.quotes cite{font-style:normal;color:var(--ambar)}.center{text-align:center}.btn-c{display:inline-block;font-family:Anton,Barlow,sans-serif;font-size:16px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;padding:14px 22px 12px;background:var(--concreto);color:#131316;box-shadow:5px 5px #1313168c;transition:transform .15s ease,box-shadow .15s ease}.btn-c:hover{box-shadow:2px 2px #1313168c}.dir{font-size:17px;font-weight:500;color:var(--concreto-dim);max-width:46ch;margin-bottom:26px}.mapa{border:2px solid var(--concreto);box-shadow:8px 8px 0 var(--billar);margin-bottom:40px;line-height:0}.mapa iframe{width:100%;height:320px;border:0;filter:grayscale(1) contrast(1.04)}.horario-title{font-family:Anton,Barlow,sans-serif;font-weight:400;font-size:22px;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;color:var(--ambar)}.horario-wrap{max-width:460px}.horarios{width:100%;border-collapse:collapse}.horarios td{padding:10px 2px;border-bottom:1px solid #2a2b31;font-size:16px;color:var(--concreto-dim)}.horarios td:last-child{text-align:right;font-variant-numeric:tabular-nums}.horarios .cerrado td{color:#85868d}.horarios .today td{color:var(--ambar);font-weight:700;border-bottom-color:var(--ambar)}.horarios .today td:first-child:after{content:" · hoy";font-size:12px;letter-spacing:.12em;text-transform:uppercase}.pie{background:#0d0d10;border-top:3px solid var(--ambar);padding:46px 0 90px;text-align:center}.pie-mark{font-family:Anton,Barlow,sans-serif;font-size:clamp(38px,11vw,72px);line-height:1;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px #3a3b42;margin-bottom:18px}@supports not (-webkit-text-stroke: 1px #fff){.pie-mark{color:#3a3b42}}.pie-dato{margin-bottom:6px}.pie-dato a{color:var(--ambar);font-family:Anton,Barlow,sans-serif;font-size:24px;letter-spacing:.05em;text-decoration:none}.pie-dato a:hover{text-decoration:underline}.pie-dir{color:var(--concreto-dim);font-size:14px;max-width:42ch;margin-left:auto;margin-right:auto}.pie-fino{margin-top:18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#8a8b92}html.js .rv{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}html.js .rv.in{opacity:1;transform:none}@media(min-width:760px){.hero{padding:48px 0 64px}.taller-grid{grid-template-columns:1.05fr .95fr;align-items:start}.duo{grid-template-columns:1.2fr .8fr;align-items:start}.quotes{grid-template-columns:repeat(3,1fr)}.mapa iframe{height:380px}}
