/* A guided visit with the barber-pole colors used throughout D’João. */
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url('/assets/fonts/barlow-condensed-latin-900.woff2') format('woff2');font-style:normal;font-weight:900;font-display:swap}
.public-agenda{--public-red:#b52b36;--public-blue:#acc8f0;--public-muted:#b6bec8;--public-line:#424d56;--public-panel:#1a1f22;font-family:Inter,system-ui,sans-serif;background:#101315;color:#f5f3ef;min-height:100svh;-webkit-tap-highlight-color:transparent}
.public-agenda header{background:#15191c;border-top:5px solid transparent;border-image:linear-gradient(90deg,#315b93 0 33%,#f5f3ef 33% 66%,#b52b36 66%) 1;padding-top:calc(16px + env(safe-area-inset-top,0px))}
.public-agenda header>a{min-height:44px;font-size:14px}.public-agenda header>a:first-child{font-weight:650}
.public-agenda main{max-width:1040px;padding-top:32px}.public-heading{max-width:750px;margin-bottom:18px}.public-kicker{font-size:11px;font-weight:700;letter-spacing:1.4px;color:#d6b7b6}.public-heading h1{margin:10px 0;font-family:"Barlow Condensed",Inter,sans-serif;font-size:clamp(36px,5vw,48px);font-weight:900;letter-spacing:-.5px;line-height:1.1;text-wrap:balance}.public-heading p{font-size:16px;line-height:1.65;margin:0;color:var(--public-muted)}
.public-agenda .request-notice{display:flex;gap:10px;padding:13px 16px;border:1px solid #41556b;border-radius:10px;background:#19222d;color:#dbe6f8;font-size:13px;line-height:1.6;margin:0 0 20px}.request-notice .ui-icon{flex:none;width:20px;height:20px;margin-top:1px}
.public-agenda #request{padding:26px;border:1px solid var(--public-line);background:var(--public-panel);border-radius:16px;box-shadow:0 18px 50px #0002}
.request-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-bottom:1px solid var(--public-line);margin:0 0 24px;padding:0 0 20px;scroll-margin-top:20px}.public-agenda .request-progress button{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 12px;background:#22292e;border:1px solid #4d5963;color:#bec8d1;min-width:0;font-weight:650}.request-progress button>span{display:grid;place-items:center;width:23px;height:23px;background:#39434b;border-radius:50%;font-size:12px;flex:none}.public-agenda .request-progress button[aria-current=step]{color:#eff5fc;background:#263b52;border-color:#adc9ec}.request-progress button[aria-current=step]>span{color:#172b41;background:#dbe9fa}.public-agenda .request-progress button:disabled{opacity:.52;cursor:default}
.request-stage{min-width:0}.public-agenda #request .request-stage[hidden]{display:none}.public-step-title{font-size:21px;line-height:1.45;letter-spacing:-.25px;margin:0 0 7px}.public-step-title:focus{outline:none}.request-step-help{color:var(--public-muted);font-size:14px;line-height:1.65;margin:0 0 18px}.request-stage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.public-agenda .request-stage-heading>button{flex:none;font-size:13px;padding:10px 12px;min-height:44px}
.public-agenda .service-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.public-agenda .service-options .public-service-card{position:relative;display:grid;gap:0;padding:0;overflow:hidden;border:1px solid #49555f;border-radius:11px;background:#242c31;text-align:left;min-width:0;align-content:start}.service-photo{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#293239}.service-photo img{display:block;width:100%;height:100%;object-fit:cover}.service-photo-placeholder{display:grid;place-items:center;height:100%;color:#b7c8da}.service-photo-placeholder .ui-icon{width:42px;height:42px}.service-choice-mark{position:absolute;top:9px;right:9px;width:30px;height:30px;display:grid;place-items:center;background:#141b22e6;border:1px solid #cedae799;border-radius:50%;color:#eef5fc}.service-choice-mark .ui-icon{width:17px;height:17px}.public-agenda .service-options .service-card-copy{display:grid;gap:9px;padding:13px 12px}.service-card-copy>strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}.service-card-copy>span{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.public-agenda .service-card-copy b{font-size:14px;white-space:nowrap;color:#dceadc}.public-agenda .service-card-copy small{font-size:12px;white-space:nowrap;color:#c0cbd4}.public-agenda .service-options button[aria-pressed=true]{border-color:#aac9ef;background:#253b51;box-shadow:inset 0 0 0 1px #aac9ef}.public-agenda .service-options button[aria-pressed=true] .service-choice-mark{background:#dceafb;color:#19334f;border-color:#dceafb}.public-agenda .service-options button[aria-pressed=true] .service-choice-mark .ui-icon{transform:rotate(45deg)}
.service-presets{margin-top:18px}.service-presets>p{margin:0 0 9px;font-size:13px;font-weight:550;color:#c6d0d9}.service-presets>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-agenda .service-presets button{display:grid;grid-template-columns:1fr auto;text-align:left;gap:6px 12px;padding:13px 15px;background:#222a30;border-color:#52606b;align-content:start;min-width:0}.service-presets strong{font-size:14px;line-height:1.4}.service-presets button>span{font-size:12px;line-height:1.6;color:#dceadc;white-space:nowrap}.service-presets button>small{grid-column:1/-1;font-size:12px;line-height:1.6;color:var(--public-muted)}.public-agenda .service-presets button[aria-pressed=true]{background:#263b52;border-color:#aac9ef;box-shadow:inset 0 0 0 1px #aac9ef}
.service-order{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:17px 18px;border:1px solid #58705f;border-left:4px solid #a5c0aa;border-radius:10px;background:#242f28}.service-order>div{display:grid;gap:5px;min-width:0}.service-order>div>span{font-size:10px;letter-spacing:1.15px;font-weight:650;color:#b4d0bd}.service-order strong{font-size:15px;line-height:1.6;color:#eef5ef;overflow-wrap:anywhere}.service-order small{font-size:13px;color:#c2d2c6}.service-order>b{font-size:23px;white-space:nowrap;color:#eef5ef}.service-order>p{font-size:14px;margin:0;line-height:1.6;color:#d7e6dc}.service-photo-note{font-size:11px;color:#aeb8c2;margin:14px 0 0}.request-order-line{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 15px;margin:0 0 20px;border:1px solid #496078;background:#202e3b;border-radius:9px;font-size:14px;color:#e0edfa;line-height:1.6}.request-order-line .ui-icon{width:20px;height:20px;flex:none}.request-order-line>span{min-width:0;overflow-wrap:anywhere}.request-order-line small{display:block;color:#b8cde2;font-size:12px}
.request-date-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.request-date-row>label{flex:1;min-width:150px;max-width:380px}.request-quick-days{display:flex;gap:8px}.public-agenda .request-quick-days button[aria-pressed=true]{background:#263b52;border-color:#aac9ef;color:#eff5fc}.public-agenda button{min-height:48px;user-select:none;-webkit-user-select:none}.public-agenda input,.public-agenda select{min-height:50px;font-size:16px;background:#11171c;border-color:#5d6873}.public-agenda label{font-size:14px;font-weight:500}
.public-agenda .slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-height:360px;gap:10px;margin:0 0 20px;overscroll-behavior:contain;padding:4px}.public-agenda .slots button{min-height:73px;min-width:0;padding:11px 6px;font-size:16px;font-weight:650;background:#242c33;border-color:#4c5b67}.public-agenda .slots small{display:block;font-size:11px;font-weight:400;color:#b9c5d0;margin-top:5px;line-height:1.5}.public-agenda .slots .selected{background:#dfeafb;color:#172c42;border-color:#b5d0f1;outline:2px solid #8cacd1;outline-offset:1px}.public-agenda .slots .selected small{color:#364f6a}.public-agenda .slot-empty{grid-column:1/-1;padding:17px;line-height:1.65;font-size:14px;background:#222a31;border:1px solid #485763;border-radius:10px}
.public-agenda .barber-options{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 22px;gap:12px}.public-agenda .barber-options button{background:#242b30;border-color:#4a5660;min-height:175px;gap:7px;padding:15px 10px}.public-agenda .barber-options button[aria-pressed=true]{background:#233b2d;border-color:#95c6a1;box-shadow:inset 0 0 0 1px #95c6a1}.public-agenda .barber-options img{width:70px;height:83px;border-radius:6px}.public-agenda .barber-options strong{font-size:15px}.public-agenda .barber-options small{font-size:12px;line-height:1.5;text-align:center}.request-barber-placeholder{font-size:14px;line-height:1.6;color:var(--public-muted);padding:14px 0 20px;margin:0}.request-name{display:grid;gap:8px;max-width:500px;margin-top:20px}
.request-stage-actions{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:20px;border-top:1px solid var(--public-line)}.request-stage:first-of-type .request-stage-actions{justify-content:flex-end}.public-agenda .request-stage-actions .primary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;font-weight:650;font-size:15px;padding:13px 20px}.request-footnote{margin:13px 0 0;font-size:13px;color:var(--public-muted);line-height:1.6}.request-review{display:grid;gap:13px;margin-top:24px;padding:22px;border:1px solid #749d81;border-radius:12px;background:#233329}.request-review-kicker{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#b9d3c1}.request-review h3{margin:0;font-size:21px}.request-review p{margin:0;color:#dbe9df;font-size:14px;line-height:1.65}.request-review-items{display:grid;gap:9px;list-style:none;margin:3px 0 0;padding:15px 0;border-top:1px solid #526456;border-bottom:1px solid #526456}.request-review-items li{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:14px;color:#e4efe7;min-width:0}.request-review-items li>span{min-width:0;overflow-wrap:anywhere}.request-review-items strong{white-space:nowrap;font-weight:550}.request-review-total{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:14px;color:#d7e7dc}.request-review-total strong{font-size:24px;color:#eef6f0}.request-review .request-contact{display:flex;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 16px;background:#dcebe0;border:1px solid #dcebe0;border-radius:9px;color:#1b3524;font-weight:650;text-decoration:none;font-size:15px}.public-agenda [role=alert]:not(:empty){padding:14px;margin-top:18px;border:1px solid #925b62;background:#3d252b;border-radius:10px;color:#f3c9cf;line-height:1.6}
.public-agenda button,.public-agenda a{touch-action:manipulation}.public-agenda button:active{background:#384650}.public-agenda button.primary:active{background:#94242e}.public-agenda .request-contact:active{background:#c1dbc8}.public-agenda button:focus-visible,.public-agenda a:focus-visible{outline:3px solid #acc8f0;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.public-agenda .service-options button:hover,.public-agenda .service-presets button:hover{border-color:#a1b0bc}.public-agenda .request-contact:hover{background:#c8e3d0}}
@media(max-width:750px){.public-agenda main{padding:24px 16px calc(38px + env(safe-area-inset-bottom,0px))}.public-agenda header{padding-inline:max(16px,env(safe-area-inset-left,0px))}.public-agenda header>a:first-child{font-size:13px;gap:8px}.public-agenda header img{width:36px;height:36px}.public-agenda header>a:last-child{font-size:12px}.public-agenda #request{padding:18px 14px;border-radius:13px}.public-heading h1{font-size:36px}.public-heading p{font-size:14px;line-height:1.65}.public-agenda .request-notice{padding:12px 13px;font-size:12px;gap:9px}.request-progress{gap:6px;padding-bottom:16px;margin-bottom:20px}.public-agenda .request-progress button{gap:5px;padding:10px 6px;font-size:12px;min-height:46px}.request-progress button>span{width:21px;height:21px;font-size:11px}.public-step-title{font-size:20px}.request-step-help{font-size:13px;margin-bottom:15px}.request-stage-heading{display:block}.public-agenda .request-stage-heading>button{margin:0 0 16px}.public-agenda .service-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.public-agenda .service-options .service-card-copy{padding:11px 10px;gap:6px}.service-card-copy>strong{font-size:15px}.public-agenda .service-card-copy b{font-size:13px}.public-agenda .service-card-copy small{font-size:11px}.service-choice-mark{width:27px;height:27px;top:7px;right:7px}.service-presets>div{grid-template-columns:1fr;gap:8px}.public-agenda .service-presets button{padding:12px;font-size:13px}.service-presets strong{font-size:13px}.service-order{padding:14px 13px;gap:10px;align-items:flex-start}.service-order>b{font-size:20px}.service-order strong{font-size:13px}.service-order small{font-size:12px}.request-order-line{padding:12px;font-size:13px}.request-date-row{gap:10px}.request-quick-days button{font-size:13px;padding-inline:12px}.public-agenda .slots{grid-template-columns:repeat(3,minmax(0,1fr));max-height:360px;gap:8px}.public-agenda .slots button{min-height:73px;font-size:15px}.public-agenda .barber-options{gap:8px}.public-agenda .barber-options button{padding:13px 7px;min-height:156px}.public-agenda .barber-options img{width:58px;height:69px}.public-agenda .barber-options strong{font-size:13px}.public-agenda .barber-options small{font-size:11px}.request-stage-actions{gap:8px;margin-top:20px;padding-top:18px}.public-agenda .request-stage-actions .primary{flex:1;padding-inline:12px;font-size:14px}.request-review{padding:17px}.request-review .request-contact{font-size:14px}.request-review-items li{font-size:13px}}
@media(max-width:360px){.public-agenda header>a:first-child{font-size:12px}.request-quick-days{width:100%}.request-quick-days button{flex:1}.public-agenda .service-card-copy>span{align-items:flex-start;flex-direction:column;gap:4px}.service-presets button>span{font-size:11px}.service-order{flex-direction:column;gap:12px}.public-agenda .request-progress button{font-size:11px;gap:4px}.request-progress button>span{width:19px;height:19px}}
@media(prefers-reduced-motion:reduce){.public-agenda *{scroll-behavior:auto!important}}