:root{--blush:#f7e9e8;--blush-soft:#fbf3f2;--panel:#f3dedd;--card:#fff;--ink:#1f1b1b;--ink-soft:#4a4242;--muted:#7d7070;--border:#ecdcdb;--rose:#c9818a;--rose-deep:#a85f69;--danger:#b3261e;--warn:#9a6b00;--radius:14px;--tabbar-h:58px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:var(--blush);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;font-family:Jost,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}.app{flex-direction:column;min-height:100%;display:flex}.topbar{background:var(--card);color:var(--ink);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.brand-mark{object-fit:contain;border-radius:9px;width:40px;height:40px}.brand,.brand-title{letter-spacing:.01em;font-family:Cormorant Garamond,Georgia,Times New Roman,serif;font-weight:500}.brand{font-size:25px;line-height:1}.brand-title{text-align:center;margin:-8px 0 0;font-size:42px;line-height:1}.login-logo{object-fit:contain;width:150px;height:150px;margin:-22px auto 0;display:block}.spacer{flex:1}.content{padding:16px;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 16px);flex:1;width:100%;max-width:720px;margin:0 auto}.tabbar{height:var(--tabbar-h);background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);letter-spacing:.01em;flex:1;justify-content:center;align-items:center;font-size:13px;font-weight:500;text-decoration:none;display:flex}.tabbar a.active{color:var(--rose-deep);font-weight:600}.nav-mark{display:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:15px;box-shadow:0 1px 2px #1f1b1b0a}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.spacer-v{height:12px}h1{letter-spacing:.01em;margin:4px 0 16px;font-size:22px;font-weight:500}h2{margin:0 0 10px;font-size:16px;font-weight:500}.small{font-size:13px}.muted{color:var(--muted)}.center{text-align:center;place-items:center;min-height:60vh;padding:20px;display:grid}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:11px;min-height:44px;padding:10px 14px;transition:background .12s,border-color .12s}button.primary,.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}button.primary:active{background:#000}button.danger{color:var(--danger);background:#fff;border-color:#e6c9c7}button.link{color:var(--rose-deep);background:0 0;border:none;min-height:auto;padding:6px;text-decoration:underline}button:disabled{opacity:.5;cursor:default}label{color:var(--muted);margin:12px 0 5px;font-size:13px;display:block}input,select,textarea{width:100%;font:inherit;border:1px solid var(--border);min-height:44px;color:var(--ink);background:#fff;border-radius:11px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--rose);outline:none;box-shadow:0 0 0 3px #c9818a2e}textarea{resize:vertical;min-height:80px}.list{flex-direction:column;gap:8px;display:flex}.appt{border-left:4px solid var(--rose)}.appt.cancelled{opacity:.72;border-left-color:#d3c8c7}.appt.completed{border-left-color:var(--ink)}.appt.no_show{border-left-color:var(--warn)}.time{font-variant-numeric:tabular-nums;font-weight:600}.avatar{object-fit:cover;background:var(--panel);border:1px solid var(--border);border-radius:50%;flex:none}span.avatar-ph{color:var(--rose-deep);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.lightbox{z-index:100;cursor:zoom-out;background:#000000db;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.badge{background:var(--panel);color:var(--rose-deep);letter-spacing:.02em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.alert{color:var(--warn);background:#fff7e6;border:1px solid #f0dca8;border-radius:11px;margin-top:8px;padding:8px 10px;font-size:13px}.error{color:var(--danger);background:#fdecea;border:1px solid #f3c9c5;border-radius:11px;padding:8px 10px;font-size:14px}.success{color:#285d34;background:#edf7ef;border:1px solid #c9e5cf;border-radius:11px;padding:8px 10px;font-size:14px}.offline-banner{z-index:35;color:#624b08;background:#fff3cd;border-bottom:1px solid #e7cf89;justify-content:center;align-items:center;gap:12px;padding:7px 12px;font-size:13px;display:flex;position:fixed;top:54px;left:0;right:0}.offline-banner button{background:0 0;border-color:#c8ad5f;min-height:32px;padding:4px 10px}.app-toast{z-index:45;width:max-content;max-width:calc(100vw - 32px);position:fixed;top:68px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #1f1b1b26}.modal-backdrop{z-index:50;background:#1f1b1b61;align-items:end;display:grid;position:fixed;inset:0}.modal{background:var(--card);border-radius:18px 18px 0 0;width:100%;max-width:720px;max-height:92vh;margin:0 auto;padding:18px;overflow-y:auto}.modal:focus{outline:none}@media (width>=560px){.modal-backdrop{align-items:center}.modal{border-radius:18px}}.confirm-modal{max-width:440px}.confirm-modal p{color:var(--ink-soft);margin:12px 0 18px}.confirm-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.appointment-summary{border:1px solid var(--border);background:var(--blush-soft);border-radius:12px;flex-direction:column;gap:2px;margin-top:14px;padding:11px 13px;font-size:14px;display:flex}.appointment-summary span{color:var(--muted)}.advanced-toggle{width:100%;color:var(--ink-soft);background:#fff;justify-content:space-between;margin-top:12px;padding-inline:12px;display:flex}.appointment-advanced{border:1px solid var(--border);background:var(--blush-soft);border-radius:12px;margin-top:8px;padding:0 12px 12px}.appointment-form-actions{z-index:2;padding:12px 18px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;margin:12px -18px -18px;position:sticky;bottom:-18px}.toolbar{align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar .day{text-transform:capitalize;font-weight:500}.toolbar button{min-width:44px}.segmented{justify-content:center;margin-bottom:12px;display:flex}.segmented .seg{border:1px solid var(--border);background:#fff;border-radius:999px;display:inline-flex;overflow:hidden}.segmented .seg button{color:var(--muted);background:#fff;border:none;border-radius:0;min-height:38px;padding:8px 22px;font-size:14px;font-weight:600}.segmented .seg button.on{background:var(--ink);color:#fff}.cal-dows,.cal-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal-dows{margin-bottom:5px}.cal-dows span{text-align:center;color:var(--muted);font-size:11px;font-weight:600}.cal-cell{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;padding:5px 2px 2px;display:flex;position:relative}.cal-cell.out{opacity:.38}.cal-cell.today{border-color:var(--ink);border-width:2px}.cal-cell .dnum{font-size:13px;font-weight:600;line-height:1}.cal-cell .cnt{color:var(--rose-deep);margin-top:auto;font-size:11px;font-weight:700}.cal-legend{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:12px;display:flex}.cal-legend i{border:1px solid var(--border);border-radius:4px;width:14px;height:14px;display:inline-block}.slot{border:1px solid var(--border);border-radius:11px;align-items:center;gap:8px;padding:11px 13px;display:flex}.slot .slot-time{font-variant-numeric:tabular-nums;font-weight:600}.slot.free{background:var(--blush-soft);border-style:dashed;border-color:var(--rose);color:var(--rose-deep);cursor:pointer;justify-content:space-between}.slot.free .plus{font-size:20px;line-height:1}.slot.pausa,.slot.bloqueo{color:var(--muted);background:#f3f0ef;font-size:14px}.section-desc{color:var(--muted);margin:-4px 0 12px;font-size:13px}.setting-item{background:var(--blush-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:9px 6px 9px 12px;font-size:14px;display:flex}.setting-item .x{color:var(--rose-deep);cursor:pointer;background:0 0;border:none;border-radius:8px;min-height:auto;padding:2px 10px;font-size:20px;line-height:1}.subpanel{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:12px;padding:12px 12px 14px}.subpanel h3{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:700}.detail-head{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:10px;display:flex}.kv{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;font-size:14px;display:flex}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted);flex:none}.kv .v,.kv a.v{text-align:right;color:var(--ink);font-weight:500;text-decoration:none}.note-block{border-bottom:1px solid var(--border);padding:9px 0}.note-block .k{color:var(--muted);margin-bottom:3px;font-size:13px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fab{right:16px;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;z-index:20;border:none;border-radius:50%;width:56px;height:56px;font-size:28px;line-height:1;position:fixed;box-shadow:0 6px 16px #1f1b1b47}.fab:active{background:#000}.desktop-agenda{min-width:0}.desktop-calendar-toolbar{grid-template-columns:auto auto minmax(180px,1fr) auto auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.desktop-calendar-toolbar h1{text-align:center;text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.desktop-calendar-navigation,.desktop-view-switcher{align-items:center;display:flex}.desktop-date-picker{margin:0 0 0 7px}.desktop-date-picker input{border-radius:11px;width:142px;min-height:42px;margin:0;padding:7px 9px;font-size:13px}.desktop-calendar-navigation button{border-radius:0;min-width:42px}.desktop-calendar-navigation button:first-child{border-radius:11px 0 0 11px}.desktop-calendar-navigation button:last-of-type{border-radius:0 11px 11px 0}.desktop-calendar-navigation button+button{margin-left:-1px}.desktop-view-switcher{border:1px solid var(--border);border-radius:11px;overflow:hidden}.desktop-view-switcher button{min-height:42px;color:var(--muted);border:0;border-radius:0;padding:8px 12px}.desktop-view-switcher button.on{background:var(--ink);color:#fff}.desktop-cancelled-button{color:var(--muted)}.desktop-calendar-error{margin-bottom:10px}.desktop-calendar-shell{--fc-classic-primary:var(--rose-deep);--fc-classic-primary-foreground:#fff;--fc-classic-event:var(--rose-deep);--fc-classic-border:var(--border);--fc-classic-strong-border:#d8c4c3;--fc-classic-background:#fff;--fc-classic-faint:var(--blush-soft);--fc-classic-muted:var(--panel);--fc-classic-foreground:var(--ink);--fc-classic-muted-foreground:var(--muted);--fc-classic-highlight:#c9818a2e;--fc-classic-today:#f7e9e89e;--fc-classic-now:var(--rose-deep);border:1px solid var(--border);background:#fff;border-radius:16px;height:calc(100dvh - 166px);min-height:590px;position:relative;overflow:hidden;box-shadow:0 3px 14px #1f1b1b0f}.desktop-calendar-shell a{color:inherit;text-decoration:none}.desktop-calendar-shell .fc-dayGridMonth-view .fc-col-header-cell-cushion{text-transform:uppercase;letter-spacing:.04em}.desktop-calendar-loading{z-index:8;color:#fff;pointer-events:none;background:#1f1b1be0;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.desktop-appointment{cursor:pointer;background:var(--rose-deep)!important;color:#fff!important;border-color:#874a53!important}.desktop-appointment.status-completed{background:var(--ink-soft)!important;border-color:var(--ink)!important}.desktop-appointment.status-no_show{background:#ad7905!important;border-color:#805900!important}.desktop-event-content{flex-direction:column;gap:1px;min-width:0;padding:2px 4px;font-size:11px;line-height:1.15;display:flex;position:relative;overflow:hidden}.desktop-event-content strong,.desktop-event-content span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.desktop-event-content strong{font-size:12px}.desktop-event-content b{position:absolute;top:2px;right:3px}.desktop-buffer{opacity:1!important;background:repeating-linear-gradient(135deg,#a85f692e 0 5px,#a85f690f 5px 10px)!important}.desktop-unavailable{color:var(--ink-soft)!important;box-shadow:none!important;border-color:#cfc5c3!important}.desktop-break{background:#e7e2e0!important}.desktop-block{background:repeating-linear-gradient(135deg,#ded6d4 0 7px,#eee9e8 7px 14px)!important}.desktop-unavailable-label{white-space:nowrap;text-overflow:ellipsis;padding:3px 5px;font-size:11px;font-weight:600;display:block;overflow:hidden;color:var(--ink-soft)!important}.desktop-calendar-legend{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:9px;font-size:12px;display:flex}.desktop-calendar-legend span{align-items:center;gap:5px;display:inline-flex}.desktop-calendar-legend i{border:1px solid var(--border);border-radius:3px;width:11px;height:11px}.legend-confirmed{background:var(--rose-deep)}.legend-completed{background:var(--ink-soft)}.legend-break{background:#e7e2e0}.legend-block{background:repeating-linear-gradient(135deg,#cfc5c3 0 3px,#eee9e8 3px 6px)}.legend-buffer{background:repeating-linear-gradient(135deg,#a85f6940 0 3px,#fff 3px 6px)}.agenda-drawer-backdrop{z-index:60;background:#1f1b1b40;justify-content:flex-end;display:flex;position:fixed;inset:0}.agenda-drawer{background:var(--card);border-left:1px solid var(--border);width:min(410px,92vw);height:100%;padding:22px;overflow-y:auto;box-shadow:-12px 0 32px #1f1b1b24}.drawer-close{width:42px;min-width:42px;color:var(--muted);background:0 0;border:0;padding:4px;font-size:28px}.desktop-appointment-head{align-items:center;gap:14px;margin:22px 0 16px;display:flex}.desktop-appointment-head h2{margin:0;font-size:24px}.desktop-appointment-head p{color:var(--muted);margin:2px 0 0}.drawer-date{text-transform:capitalize;color:var(--muted)}.drawer-time{font-variant-numeric:tabular-nums;margin:2px 0 18px;font-size:24px;font-weight:600}.drawer-details{margin:0}.drawer-details div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.drawer-details dt{color:var(--muted)}.drawer-details dd{text-align:right;margin:0;font-weight:500}.drawer-details a{color:var(--rose-deep)}.drawer-notes{background:var(--blush-soft);white-space:pre-wrap;border-radius:11px;margin-top:12px;padding:12px}.drawer-notes span{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;display:block}.drawer-actions{gap:8px;margin-top:20px;display:grid}.cancelled-desktop-list{margin-top:14px}.cancelled-desktop-list .card button{width:100%;margin-top:10px}@media (width>=1024px){.app{grid-template:"topbar topbar"62px"nav content"minmax(0,1fr)/190px minmax(0,1fr);min-height:100dvh;display:grid}.topbar{grid-area:topbar;padding:12px 22px}.offline-banner{top:62px;left:190px}.app-toast{top:76px;left:calc(50% + 95px)}.content{padding:18px 22px 22px;grid-area:content;align-self:start;padding-bottom:22px}.content.content-wide{max-width:none;height:calc(100dvh - 62px)}.tabbar{border-top:0;border-right:1px solid var(--border);background:#ffffffb8;flex-direction:column;grid-area:nav;align-self:start;height:calc(100dvh - 62px);padding:18px 12px;position:sticky;inset:62px auto auto}.tabbar a{border-radius:11px;flex:none;justify-content:flex-start;gap:11px;min-height:46px;padding:8px 11px;font-size:15px}.tabbar a.active{background:var(--panel);color:var(--ink)}.nav-mark{border:1px solid var(--border);width:26px;height:26px;color:var(--rose-deep);background:#fff;border-radius:8px;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.tabbar a.active .nav-mark{background:var(--ink);border-color:var(--ink);color:#fff}.fab{display:none}.modal{max-width:760px}}@media (width>=1024px) and (width<=1240px){.desktop-calendar-toolbar{grid-template-columns:auto auto minmax(130px,1fr) auto auto}.desktop-calendar-toolbar button,.desktop-new-appointment{padding-inline:10px}.desktop-date-picker{display:none}}
