:root{--tablet-bezel:#191B1C;--tablet-rim:#807D75;--tablet-lens:#080A0D;--tablet-lens-ring:#49525D;--tablet-rim-light:#C5BCAE;--tablet-reflection:#FFFFFF}
.hero.tablet-hero{position:relative;isolation:isolate;display:block;height:clamp(640px,60vw,1024px);min-height:0;padding:0;background:var(--surface-2);overflow:hidden}.tablet-stage{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;aspect-ratio:3/2}.tablet-stage>.hero-photo{position:static;inset:auto;width:100%;height:100%;object-fit:cover}.hero.tablet-hero .tablet-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);z-index:3;width:min(34%,800px);color:var(--photo-text)}.hero.tablet-hero .eyebrow{color:var(--photo-text);font-size:clamp(18.7px,1.35vw,22px);letter-spacing:.03em;max-width:30ch;text-wrap:balance}.hero.tablet-hero h1{font-size:clamp(72px,7.2vw,164px);line-height:.94;margin-bottom:24px}.hero.tablet-hero .tablet-copy>p:not(.eyebrow){font-size:clamp(19px,1.6vw,25px);line-height:1.35;margin-bottom:24px}.hero.tablet-hero .secondary{border-color:var(--photo-text);color:var(--photo-text)}.hero.tablet-hero .secondary:hover{background:color-mix(in srgb,var(--photo-ink) 90%,transparent)}.tablet-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--photo-ink) 96%,transparent),color-mix(in srgb,var(--photo-ink) 93%,transparent) 39%,transparent 49%)}
.tablet-screen,.tablet-hardware{position:absolute;top:0;left:0;transform-origin:0 0;width:640px;height:440px;visibility:hidden}.tablet-hardware{z-index:2;border-radius:12px;box-shadow:0 0 0 8px var(--tablet-bezel),0 0 0 9px var(--tablet-rim);pointer-events:none}.tablet-hardware::before{content:'';position:absolute;top:-6px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--tablet-lens);box-shadow:inset 0 0 0 1px var(--tablet-lens-ring)}.tablet-hardware::after{content:'';position:absolute;inset:-8px;border:1px solid var(--tablet-rim-light);border-radius:20px;opacity:.36}.tablet-screen{display:flex;flex-direction:column;z-index:3;border-radius:10px;overflow:hidden;font:14px/1.3 var(--body);isolation:isolate}.screen-fitted{visibility:visible}.tablet-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,color-mix(in srgb,var(--tablet-reflection) 2%,transparent),transparent 55%);z-index:4}
/* One owner component: calendar first, analytics + tools beside it, pending request below. */
.tablet-screen>.owner-ui{flex:1;height:auto}
.owner-ui{--row:21px;position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;background:var(--bg);font:13px/1.3 var(--body);overflow:hidden}
.tablet-ui-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:4px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.tablet-ui-top>span{font-size:12px;font-weight:700;color:var(--text);min-width:0}.tablet-ui-top time{text-transform:none}.tablet-wordmark{display:block;width:76px;height:32px;flex:none}
.tablet-ui-body{display:grid;grid-template-columns:minmax(0,1fr) 206px;flex:1;min-height:0}.tablet-ui-body>*{min-width:0;min-height:0}
.tablet-agenda{display:flex;flex-direction:column;padding:10px 12px 8px}.tablet-agenda>*{flex:none}.tablet-agenda>.tablet-grid{flex:1 1 auto;min-height:0}.tablet-agenda-title{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:30px}.tablet-agenda-title>strong{font:800 22px/1 var(--display);letter-spacing:-.01em}.tablet-views{display:flex;gap:4px}
.owner-ui button{border:1px solid var(--control-border);background:var(--surface);color:var(--text);border-radius:8px;font-size:12px;font-weight:700;min-height:28px;padding:3px 10px;transition:background-color .18s var(--ease),transform .18s var(--ease)}.owner-ui button:hover{background:var(--surface-2)}.owner-ui button:active{transform:translateY(1px)}.owner-ui button[aria-pressed=true]{background:var(--accent-btn);color:var(--on-accent);border-color:var(--accent-btn)}
.tablet-professionals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:6px 0 8px}.tablet-professionals button{padding-inline:2px}
.tablet-grid{display:grid;grid-template-columns:36px repeat(3,minmax(0,1fr));grid-template-rows:18px repeat(8,minmax(var(--row),1fr));gap:2px 5px}.tablet-grid.one-professional{grid-template-columns:40px minmax(0,1fr)}.tablet-grid.one-professional .tablet-cell,.tablet-grid.one-professional .tablet-person{grid-column:2!important}
.tablet-person{font-size:12px;font-weight:700;text-align:center;align-self:center}.tablet-grid>time{font-size:11px;color:var(--muted);align-self:center;font-variant-numeric:tabular-nums}.tablet-cell{min-width:0;min-height:0;display:flex;align-items:stretch}
.tablet-appointment{width:100%;height:100%;min-height:0;padding:4px 8px;text-align:left;background:var(--category);color:var(--text);border-left:3px solid var(--category-edge);border-radius:6px;overflow:hidden;cursor:default}.tablet-appointment strong{display:block;font-size:12px;line-height:1.2;white-space:nowrap}.tablet-appointment span{display:block;font-size:10px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tablet-appointment.is-pending{background:var(--amber);border:1px dashed var(--amber-edge);border-left:3px solid var(--amber-edge)}.tablet-cell[data-duration="15"] .tablet-appointment{padding:0 7px}.tablet-cell[data-duration="15"] .tablet-appointment span{display:none}
.tablet-free{display:grid;place-items:center;width:100%;font-size:10px;color:var(--muted);background:var(--surface-2);border-radius:6px}
.category-legend{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;font-size:10px;line-height:1.5;color:var(--muted);margin-top:auto;padding-top:8px}.category-legend>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.category-legend>span::before{content:'';width:8px;height:8px;flex:none;background:var(--category);border:1.5px solid var(--category-edge);border-radius:3px}.category-legend .pending-legend::before{background:var(--amber);border:1px dashed var(--amber-edge)}.day-legend{font-size:12px;gap:8px 14px}
/* Weekly morning calendar: true day columns, time grid, event blocks and current-time line. */
.tablet-week{min-width:0}.week-calendar{display:grid;grid-template-columns:34px repeat(var(--week-columns,7),minmax(0,1fr));gap:3px;min-width:0}.week-times{display:grid;grid-template-rows:34px repeat(4,42px);font-size:10px;color:var(--muted)}.week-times time{align-self:start;padding-top:2px;font-variant-numeric:tabular-nums}.week-column{min-width:0}.tablet-week-day{height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;line-height:1.15;color:var(--muted)}.tablet-week-day strong{font-size:14px;color:var(--text);line-height:1.2}.tablet-week-day.is-today strong{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--accent-btn);color:var(--on-accent)}.week-lane{position:relative;height:168px;border-inline-start:1px solid var(--border);background:repeating-linear-gradient(180deg,var(--border) 0 1px,transparent 1px 21px)}.week-event{position:absolute;left:1px;right:0;top:var(--event-start);height:calc(var(--event-size) - 2px);min-height:0;padding:2px 3px;background:var(--category);border-left:2px solid var(--category-edge);border-radius:5px;line-height:1.1}.week-event time{display:block;font-size:8px;font-variant-numeric:tabular-nums}.week-event strong{display:block;font-size:9px;font-weight:700;overflow-wrap:anywhere;margin-top:2px}.week-event.is-pending{border:1px dashed var(--category-edge);border-left-width:2px}.week-now{position:absolute;top:var(--now);left:-3px;right:0;height:1px;background:var(--app-now);z-index:2;pointer-events:none}.week-now::before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;background:inherit;border-radius:50%}.week-pager{display:none}
.tablet-analytics{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--surface);border-left:1px solid var(--border)}.tablet-analytics-title{margin:0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.tablet-occupancy{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.tablet-ring{display:block;position:relative;flex:none;width:46px;height:46px;color:var(--text)}.tablet-ring svg{display:block;width:100%;height:100%;overflow:visible}.tablet-ring circle{fill:none;stroke-width:4.5}.ring-track{stroke:var(--border)}.ring-fill{stroke:var(--accent);stroke-linecap:round}.ring-num{fill:currentColor;font:800 19px var(--display);font-variant-numeric:tabular-nums}.ring-num.is-wide{font-size:13px}.ring-pct{font:700 .52em var(--body)}
.tablet-week-stat{display:grid;grid-template-columns:auto 1fr;gap:0 8px;align-items:end}.tablet-stat{display:block;font:800 32px/1 var(--display)}.tablet-stat-label{font-size:11px;color:var(--muted);line-height:1.2;padding-bottom:4px}.tablet-bars{grid-column:1/-1;display:flex;align-items:end;gap:4px;height:22px;margin-top:4px;border-bottom:1px solid var(--control-border)}.tablet-bars i{display:block;flex:1;height:var(--bar);border-radius:3px 3px 0 0;background:var(--sage-edge);transform-origin:bottom;animation:hero-bars-enter .65s var(--ease) both}.tablet-bars i:nth-child(2n){background:var(--sky-edge)}.tablet-bars .is-today{background:var(--orange)}
.tablet-next-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;border-top:1px solid var(--border);padding-top:6px;min-width:0}.tablet-next{min-width:0}.tablet-next>span{display:block;font-size:11px;color:var(--muted)}.tablet-next strong{display:block;font-size:12px;margin-top:2px}.tablet-next small{display:block;font-size:10px;color:var(--muted);margin-top:1px}
.owner-tools{display:grid;gap:6px;margin-top:auto}
.marketing-card{display:flex;align-items:center;gap:6px;min-height:50px;padding:6px 8px;border:1px solid var(--amber-edge);border-radius:8px;background:var(--amber);color:var(--amber-ink);cursor:default}.marketing-card svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.marketing-card b{display:block;font-size:12px}.marketing-card small{display:block;font-size:10px;line-height:1.25;margin-top:2px}.owner-ui .analytics-report{display:flex;align-items:center;gap:4px;min-width:0;padding:4px 5px;text-align:left;font-size:9px;font-weight:400;line-height:1.25;min-height:46px;background:var(--app-surface-2)}.analytics-report svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.owner-ui .chat-trigger{position:relative;display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 10px;text-align:left;border-radius:14px 14px 4px 14px;background:var(--accent-btn);color:var(--on-accent);border-color:var(--accent-btn)}.owner-ui .chat-trigger:hover{background:var(--accent-btn);filter:brightness(1.1)}.chat-trigger>svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.chat-trigger b{display:block;font-size:12px}.chat-trigger small{display:block;font-size:10px;font-weight:400;line-height:1.2}.chat-trigger::after{content:"";position:absolute;top:4px;right:4px;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--bg)}
.owner-request{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 14px;background:var(--lavender);border-top:1.5px dashed var(--lavender-edge);min-height:46px;flex:none}.owner-request>div{min-width:0}.owner-request b{display:block;font-size:12px}.owner-request div>span{display:block;font-size:11px;margin-top:1px}.owner-ui .owner-request button{flex:none;background:var(--app-button);color:var(--app-on-button);border-color:var(--app-button);min-height:30px;font-size:12px}.owner-request.is-confirmed{border-top-style:solid;background:var(--sage);border-top-color:var(--sage-edge)}.owner-ui button:disabled{background:var(--surface-2);color:var(--muted);border-color:var(--control-border)}
.owner-overlay{position:absolute;inset:38px 0 0;padding:18px 22px;background:var(--bg);z-index:6;overflow:hidden}.owner-panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.owner-panel-head h3{font:800 30px/1 var(--display)}.owner-panel-head button{width:34px;min-height:34px;padding:0;font-size:22px}.owner-overlay>p{font-size:13px;color:var(--muted)}.assistant-questions{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.assistant-form{display:flex;gap:8px;margin-bottom:10px}.assistant-form input{min-width:0;width:100%;min-height:40px;border:1px solid var(--control-border);border-radius:10px;padding:6px 10px;font-size:16px;background:var(--surface);color:var(--text)}.assistant-form button{width:40px;flex:none}.assistant-form input::placeholder{color:var(--muted)}.owner-overlay .assistant-answer{padding:10px 12px;background:var(--sage);border-left:3px solid var(--sage-edge);border-radius:4px 14px 14px 14px;font-size:13px;line-height:1.45;min-height:56px}.owner-overlay .example-caption{font-size:11px;margin-top:10px;color:var(--muted)}
.owner-ui :focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
@keyframes hero-bars-enter{from{transform:scaleY(.2);opacity:.5}to{transform:scaleY(1);opacity:1}}
@media(max-width:1100px){.hero.tablet-hero{height:auto;display:flex;flex-direction:column;background:var(--bg)}.hero.tablet-hero .tablet-copy{position:relative;inset:auto;transform:none;width:min(92%,var(--container-width));margin-inline:auto;padding-block:var(--section-gap);color:var(--text)}.hero.tablet-hero h1{font-size:clamp(60px,calc(92vw / 4.6),112px)}.hero.tablet-hero h1 .hero-line{color:var(--text)}.hero.tablet-hero h1 .hero-last{color:var(--accent)}.hero.tablet-hero .eyebrow{color:var(--muted);max-width:none;display:block}.hero.tablet-hero .secondary{color:var(--text);border-color:var(--control-border)}.hero.tablet-hero .secondary:hover{background:var(--surface)}.hero.tablet-hero .tablet-stage{position:relative;top:auto;left:0;width:100%;height:580px;aspect-ratio:auto;transform:none;flex:none}.tablet-stage>.hero-photo{position:absolute;left:-91.536%;width:200%;max-width:none;object-fit:cover;object-position:center}.tablet-shade{display:none}.tablet-screen,.tablet-hardware{inset:24px var(--gutter);width:auto;height:auto;transform:none!important;visibility:visible}.tablet-screen{border-radius:16px}.tablet-hardware{border-radius:16px}.hero.tablet-hero .tablet-copy>p:not(.eyebrow){font-size:21px}.hero .tablet-screen{max-width:720px;margin-inline:auto}.hero .tablet-hardware{max-width:720px;margin-inline:auto}}
@media(max-width:700px){.tablet-stage>.hero-photo{opacity:.8}.hero.tablet-hero .tablet-stage{height:820px}.owner-ui{font-size:14px;--row:24px}.tablet-ui-top{min-height:44px;padding:6px 12px}.tablet-wordmark{width:70px;height:30px}.tablet-ui-body{display:flex;flex-direction:column}.tablet-agenda{flex:1;padding:8px 10px}.tablet-agenda-title>strong{font-size:20px}.tablet-views button{min-height:36px}.tablet-professionals{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:8px}.tablet-professionals button{min-height:40px;font-size:13px}.tablet-grid>time,.tablet-person{font-size:12px}.tablet-appointment strong{font-size:14px}.tablet-appointment span{font-size:12px}.tablet-free{font-size:12px}.tablet-analytics{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px;border-left:0;border-top:1px solid var(--border);padding:8px 10px}.tablet-analytics-title{display:none}.tablet-ring{width:46px;height:46px}.tablet-stat{font-size:30px}.tablet-bars{height:20px;margin-top:2px}.tablet-next-row{grid-column:1/-1;grid-template-columns:1fr 1.4fr;gap:10px}.owner-ui .analytics-report{font-size:11px;min-height:44px;padding:5px 8px}.owner-tools{grid-column:1/-1;grid-template-columns:1fr 1fr;margin-top:0}.marketing-card,.owner-ui .chat-trigger{min-height:44px}.owner-request{padding:8px 10px;gap:8px;min-height:64px}.owner-ui .owner-request button{max-width:128px;min-height:44px;line-height:1.3}.category-legend{font-size:11px;gap:4px 8px}.owner-overlay{inset:44px 0 0;padding:14px}.owner-overlay .assistant-answer{font-size:14px}.assistant-questions{flex-direction:column;align-items:stretch}.assistant-questions button{min-height:44px;text-align:left}.week-calendar{grid-template-columns:36px repeat(var(--week-columns,3),minmax(0,1fr));gap:4px}.week-times{grid-template-rows:36px repeat(4,48px);font-size:11px}.tablet-week-day{height:36px;font-size:11px}.week-lane{height:192px;background:repeating-linear-gradient(180deg,var(--border) 0 1px,transparent 1px 24px)}.week-event{padding:3px 4px}.week-event time{font-size:10px}.week-event strong{font-size:12px}.week-pager{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px;font-size:11px}.owner-ui .week-pager button{min-height:36px;width:36px;padding:0}}
html:not(.js) .tablet-screen{visibility:visible;transform:none;left:50%;top:25%;width:42%;height:44%}html:not(.js) .owner-tools{display:none}html:not(.js) .owner-request{min-height:50px}@media(max-width:1100px){html:not(.js) .tablet-screen{inset:24px var(--gutter);width:auto;height:auto}}
@media(prefers-reduced-motion:reduce){.tablet-bars i{animation:none;transform:none;opacity:1}}.paused .tablet-bars i{animation:none;transform:none;opacity:1}
/* Compact screens start in the one-professional state, so hydration does not move anything. */
@media(max-width:700px){.owner-ui:not([data-view]) .tablet-professionals [data-professional=Equipo]{display:none}.owner-ui:not([data-view]) .tablet-grid{grid-template-columns:40px minmax(0,1fr)}.owner-ui:not([data-view]) .tablet-grid [data-pro]:not([data-pro=Valeria]){display:none}.owner-ui:not([data-view]) .tablet-grid [data-pro=Valeria]{grid-column:2!important}}

.hero.tablet-hero .tablet-copy>.hero-meeting-note{font-size:13px;line-height:1.5;max-width:35ch;margin:15px 0 0;color:var(--photo-text)}
@media(max-width:1100px){.hero.tablet-hero .tablet-copy>.hero-meeting-note{font-size:13px;color:var(--muted)}}
@media(max-width:700px){.tablet-professionals:has([data-professional=Equipo][hidden]){grid-template-columns:repeat(3,minmax(0,1fr))}.tablet-agenda:has(.tablet-week:not([hidden])){min-height:355px}.marketing-card{min-height:58px}}

.week-event[data-duration="15"]{padding:1px 2px}.week-event[data-duration="15"] time{font-size:7px}.week-event[data-duration="15"] strong{font-size:8px;margin-top:0}
@media(max-width:700px){.week-event[data-duration="15"] time{font-size:9px}.week-event[data-duration="15"] strong{font-size:10px}}

.owner-ui[data-view="week"] .tablet-professionals{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Ronda H: agenda más serena en las dos tablets. Citas informativas (no interactivas), colores pastel de marca, sin chips ni avatares. */
:root{--hv-orange:#F28A4B}
#hero-agenda .tablet-ui-top{border-bottom:0;box-shadow:0 2px 0 var(--hv-orange);background:linear-gradient(90deg,var(--app-surface),var(--app-surface-2))}
#hero-agenda .tablet-analytics{background:linear-gradient(180deg,var(--app-surface-2),var(--app-surface))}
#hero-agenda .ring-fill{stroke:var(--hv-orange)}