@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Instrument+Serif:ital@0;1&display=swap');
:root{font-family:"DM Sans",system-ui,sans-serif;color:#24211e;background:#f6f4ef;--ink:#201e1b;--orange:#aa421c;--line:#e3ddd2;--muted:#665d54}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a7411c;outline-offset:3px}h1,h2,p{margin:0}h2{font-size:22px;letter-spacing:-.035em;margin-bottom:14px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px max(20px,calc((100vw - 1140px)/2));background:#201e1b;color:#fff8ef}.top>a:last-child,.owner header>a{font-size:13px;font-weight:700;white-space:nowrap;padding:9px 10px;border:1px solid #786e61;border-radius:6px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;line-height:1.05}.brand b{display:grid;place-items:center;background:#ed9b69;color:#2b1b12;width:38px;height:38px;border-radius:7px;font:italic 32px "Instrument Serif",Georgia,serif}.brand small{display:block;letter-spacing:.14em;font-size:9px;margin-top:4px;color:#ddcbb9}.booking{max-width:1180px;margin:auto;padding:19px 20px 42px}.hero,.owner-hero{overflow:hidden;border-radius:13px;color:#fff8ef;background:linear-gradient(90deg,#17130ff5,#21180fa5 47%,#21180f24),url(/barberia.jpg) center 47%/cover}.hero{min-height:326px;display:grid;align-content:center;padding:clamp(21px,5vw,68px)}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#fbb88c}.hero h1{font:400 clamp(53px,8vw,105px)/.96 "Instrument Serif",Georgia,serif;margin:6px 0 12px}.hero p:not(.eyebrow){color:#f6e4d6}.cta{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:0;border-radius:7px;background:var(--orange);color:white;padding:10px 16px;font-weight:800}.cta:hover{background:#883314}.hero .cta{margin-top:19px;background:#ffc39e;color:#26180f}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:21px}.services{display:grid;gap:8px}.services button,.form-card,.agenda,.stats article{border:1px solid var(--line);background:#fffdf9;border-radius:11px}.services button{padding:14px;text-align:left;color:inherit}.services button:hover{border-color:#bd815b;background:#fff5ea}.services strong{display:block;font-size:17px}.services span{display:block;margin-top:8px;font-weight:800;color:#943b1a}.services small,.appointment small{color:var(--muted);font-size:13px}.form-card{padding:17px}.form-card form,.owner-login{display:grid;gap:10px}label{display:grid;gap:5px;font-size:13px;font-weight:700}input,select{height:44px;min-width:0;width:100%;border:1px solid #cfc6bb;border-radius:7px;padding:7px 9px;background:white;color:inherit;font-size:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-status{font-size:14px;color:#245943}.form-status:empty{display:none}#message:empty{display:none}#message{margin:0 auto 15px;width:fit-content;max-width:calc(100% - 24px);padding:8px 12px;color:#644325;background:#f7e8d6;border:1px solid #e4cdb3;border-radius:7px;font-size:13px}aside{position:fixed;inset:0 auto 0 0;width:220px;padding:22px 15px;background:#201e1b;color:#fff8ef}aside nav{display:grid;gap:5px;margin-top:28px}aside nav a{padding:12px;border-radius:7px;font-size:14px}aside nav [aria-current]{background:#ad451d;color:white}.owner{margin-left:220px;padding:0 24px 25px}.owner header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:8px}.owner header h1{font-size:clamp(16px,3vw,24px);letter-spacing:-.04em}.owner-hero{padding:27px 24px;min-height:155px}.owner-hero h2{font:400 clamp(42px,6vw,68px)/1 "Instrument Serif",Georgia,serif;margin:0 0 8px}.owner-hero p{font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.stats article{padding:12px;border-top:3px solid #d47941}.stats article:nth-child(2){border-top-color:#398677}.stats article:nth-child(3){border-top-color:#b25c54}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{font-size:25px}.agenda{padding:14px}.agenda-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.agenda-head h2{margin:0}.appointment{display:grid;grid-template-columns:1fr 1.3fr auto auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.appointment:last-child{border-bottom:0}.appointment small{display:block}.appointment time{font-weight:800}.appointment button,.menu{min-height:44px;border:1px solid var(--line);border-radius:7px;background:white;color:#833317;padding:7px}.tag{font-size:12px;font-weight:800;background:#e2f2e9;color:#245943;padding:5px 8px;border-radius:20px;width:max-content}.tag.cancelled{background:#fae5e2;color:#8d352d}.empty{color:var(--muted);padding:18px 0}.owner-login{max-width:390px;margin:12px 0}.menu{display:none}
@media(max-width:720px){.booking{padding:10px 12px 24px}.top{padding:10px 12px}.booking-grid{grid-template-columns:1fr;gap:16px}.form-card{grid-row:1}.hero{min-height:245px}.owner{margin:0;padding:0 10px 16px}.owner header{min-height:58px}.owner header>a{padding:7px;font-size:11px}.menu{display:block;white-space:nowrap}.menu span{font-size:12px}aside{display:none;z-index:2;top:58px;box-shadow:14px 0 40px #21171149}aside.open{display:block}.owner-hero{padding:20px 14px;min-height:128px}.appointment{grid-template-columns:1fr 1fr;gap:7px}.appointment button{justify-self:start}.appointment div{overflow-wrap:anywhere}.stats article{padding:8px}.stats span{font-size:11px}}
/* The owner's workspace follows the reference dashboard. */
:root { --orange:#c34512; --line:#e9e6e2; background:#f8f7f5; }
aside,.top { background:#1c1c1c; }
aside nav [aria-current] { background:#ff6817; color:#23170e; font-weight:800; }
.owner { max-width:1600px; }
.owner header>a,.owner-exit { background:#fff; border:1px solid var(--line); border-radius:8px; color:#6c3019; padding:9px 12px; font-size:13px; font-weight:700; }
.owner header h1 { flex:1; }
.owner-hero { min-height:215px; display:grid; align-content:center; padding:24px 32px; background-position:center 49%; }
.owner-hero h2 { font:800 clamp(31px,4vw,54px)/1.04 "DM Sans",sans-serif; letter-spacing:-.055em; }
.owner-hero h2 em { color:#ff9b5c; font-style:normal; }
.owner-date { color:#ffe0c9; font-size:13px; margin-top:17px; }
.stats { gap:12px; margin:14px 0; }
.stats article { background:#fff; min-height:86px; padding:14px; }
.agenda { background:#fff; }
.agenda-head { flex-wrap:wrap; padding-bottom:12px; border-bottom:1px solid var(--line); }
.agenda-filters { display:flex; gap:8px; flex-wrap:wrap; }
.appointment time { font-size:20px; color:#973b1b; }
.appointment time small { font-size:12px; }
.hero .cta { background:#ff7627; color:#26180f; }
@media(max-width:720px) {
 .owner-hero { min-height:168px; padding:17px; }
 .owner header>a { display:none; }
 .owner-exit { padding:7px; }
 .agenda-filters { width:100%; }
 .agenda-filters label { flex:1; min-width:105px; }
 .stats { gap:6px; }
 .stats article { padding:8px; }
}