/* Estilo compartido de los formularios de SuCita. */
.form-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e8f5f3;border:1px solid #d4e9e6;border-radius:16px;overflow:hidden;margin:0 0 20px}
.form-welcome div{padding:20px 24px}.form-welcome strong{display:block;font-size:20px;line-height:1.3}.form-welcome p{margin:6px 0 0;color:#526574;font-size:14px;line-height:1.5}.form-welcome img{width:34%;height:120px;object-fit:cover;object-position:center}
.form-page .card{border:1px solid #e1e9ed;box-shadow:0 4px 18px #11283b06}
.form-page .card:has(form){border-top:3px solid #1eadaa}
.form-page form{line-height:1.55}.form-page label{color:#243e50;font-size:14px;line-height:1.5}
.form-page input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.form-page select,.form-page textarea{background:#f9fbfc;border:1px solid #cbdce3;border-radius:10px;padding:12px 14px;min-height:46px;color:#11283b;margin-top:8px;margin-bottom:18px;transition:border-color .15s,box-shadow .15s}
.form-page input::placeholder,.form-page textarea::placeholder{color:#697e8d;opacity:1}
.form-page input:focus-visible,.form-page select:focus-visible,.form-page textarea:focus-visible{outline:3px solid #1eadaa33;outline-offset:2px;border-color:#137f7d;background:white}
.form-page input[type=checkbox],.form-page input[type=radio]{accent-color:#137f7d;vertical-align:middle;min-width:18px;min-height:18px}
.form-page textarea{min-height:90px;resize:vertical}.form-page button,.form-page .btn{font-weight:600;min-height:44px;border-radius:10px;line-height:1.4}
.form-page button:focus-visible,.form-page .btn:focus-visible,.form-page summary:focus-visible{outline:3px solid #137f7d;outline-offset:3px}
.form-page details:not(.business-menu){background:#f8fbfc;border:1px solid #e1e9ed;border-radius:12px;padding:16px;margin:16px 0}.form-page summary{cursor:pointer;color:#234556;font-weight:600}.form-page details[open]>summary{margin-bottom:16px}
.form-page .muted{line-height:1.6;color:#526574}.form-page .err{border-left:4px solid #d97706;line-height:1.6}.form-page h1{line-height:1.2}.form-page h2{line-height:1.3}.form-page hr{border:0;border-top:1px solid #e1e9ed;margin:22px 0}
@media(max-width:600px){.form-welcome{gap:0}.form-welcome div{padding:16px}.form-welcome strong{font-size:17px}.form-welcome img{width:29%;height:135px}.form-page .grid{grid-template-columns:1fr}.form-page form button{max-width:100%}.form-page .card{padding:18px}.form-page label{font-size:15px}}
@media(prefers-reduced-motion:reduce){.form-page input,.form-page select,.form-page textarea{transition:none}}
/* Dos mitades: inspiración y datos del negocio. */
.business-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.business-story{background:#11283b;color:#fff;border-radius:16px;overflow:hidden;min-width:0}
.business-story>img{display:block;width:100%;height:235px;object-fit:cover;object-position:50% 50%}
.business-story-copy{padding:24px}.business-story .eyebrow{color:#83e0d7;font-size:12px;margin:0 0 12px}.business-story h2{font-size:27px;letter-spacing:-.6px;margin:0 0 16px}.business-story-copy>p{font-size:15px;line-height:1.6;color:#d8e4eb}
.business-story-feature{display:flex;align-items:flex-start;gap:12px;margin-top:22px}.business-story-feature .menu-icon{width:19px;height:19px;padding:8px;border-radius:10px;background:#fff;flex-shrink:0}.business-story-feature strong{font-size:15px;line-height:1.5}.business-story-feature p{font-size:14px;line-height:1.5;color:#d8e4eb;margin:5px 0 0}.business-story-signature{border-top:1px solid #ffffff26;padding-top:18px;margin:24px 0 0!important;font-size:12px!important}
.form-page .business-form-card{margin:0;padding:24px;min-width:0}.business-form-card h1{font-size:27px;margin:0 0 8px}.business-form-intro{font-size:14px;margin:0 0 20px}.form-page .business-form-card input:not([type=hidden]){margin-bottom:13px}.form-page .business-form-card textarea{min-height:70px;margin-bottom:13px}.business-form-card .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.business-form-card .actions{align-items:center;gap:8px}.business-form-card .actions .btn{box-sizing:border-box}
@media(max-width:760px){.business-split{grid-template-columns:1fr;gap:16px}.business-story>img{height:170px}.business-story-copy{padding:20px}.business-story h2{font-size:23px}.business-story-feature,.business-story-signature{display:none}.business-story-copy>p{margin-bottom:0}.form-page .business-form-card{padding:20px}}
@media(max-width:380px){.business-form-card .grid{grid-template-columns:1fr}.business-form-card .actions>*{width:100%;text-align:center}}

/* Uso sencillo en todos los formularios, con prioridad para celulares. */
html{scroll-padding-top:16px}body{line-height:1.5}main,.card,.grid>*{min-width:0}img{max-width:100%;height:auto}button,.btn{min-height:48px;box-sizing:border-box;font-size:16px;line-height:1.5}input,select,textarea{font-size:16px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #11283b;outline-offset:3px}
main.form-page label{font-size:18px}main.form-page input:not([type=hidden]):not([type=checkbox]):not([type=radio]),main.form-page select,main.form-page textarea{font-size:18px;min-height:52px}main.form-page button,main.form-page .btn{min-height:50px;font-size:17px}main.form-page label:has(input[type=checkbox]),main.form-page label:has(input[type=radio]){min-height:44px;padding:8px 0;box-sizing:border-box}main.form-page input[type=checkbox],main.form-page input[type=radio]{min-width:22px;min-height:22px}main.form-page summary{min-height:44px;line-height:1.5}main.form-page .muted,main.form-page .form-welcome p,.business-form-intro{font-size:16px}main.form-page .form-welcome img{height:100px}main.form-page details:not(.business-menu){padding:12px}main.form-page .actions{gap:10px}
.main-menu>summary{display:none}.main-menu nav{gap:12px}.main-menu nav>a{min-height:48px;padding:4px 8px;border-radius:8px}.main-menu nav>a:hover{background:#e7f4f3}.menu-card h2,.business-functions .menu-card h2{font-size:18px}.business-functions .menu-card p{font-size:15px;line-height:1.5}.business-functions .menu-card{min-height:96px}.business-functions .menu-card:focus-visible{outline:3px solid #11283b;outline-offset:3px}
.table-scroll{width:100%;overflow-x:auto;border-radius:10px}.table-scroll:focus-visible{outline:3px solid #11283b;outline-offset:3px}.table-scroll td,.table-scroll th{font-size:15px;vertical-align:top}.table-scroll a,.table-scroll button{min-height:44px}.required-note{font-size:14px;color:#526574;font-weight:400}
@media(max-width:760px){.main-menu{width:100%}.main-menu>summary{display:flex;align-items:center;justify-content:center;min-height:48px;padding:6px 12px;border:1px solid #bfd7d7;border-radius:10px;background:#e7f4f3;font-weight:700;cursor:pointer}.main-menu>summary::after{content:' ▾';margin-left:8px}.main-menu[open]>summary::after{content:' ▴'}.main-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}.main-menu nav>a{font-size:16px;margin:0;padding:8px;overflow-wrap:anywhere}.main-menu .business-menu{grid-column:1/-1}.main-menu .business-options{position:static;max-width:100%;min-width:0;box-shadow:none;margin-top:6px}.main-menu .business-menu summary{min-height:48px}main.form-page .business-form-card .grid{grid-template-columns:1fr}main.form-page .actions>button,main.form-page .actions>.btn{flex:1 1 150px;text-align:center}.table-scroll table{min-width:560px}.business-functions .menu-card h2{font-size:17px}.business-functions .menu-card p{font-size:15px}.form-welcome img{display:none}.form-welcome{background:#e8f5f3}.form-welcome div{padding:14px 16px}main.form-page .card{padding:18px}main.form-page .business-form-card{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}

button:disabled:not(.booking-hour){opacity:.65;cursor:wait}.form-page .card h1,.form-page .card h2{overflow-wrap:anywhere}

.profile-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.profile-heading>div{min-width:0}.profile-heading h1,.profile-heading h2{margin:0 0 4px}.profile-heading p{margin:0;color:#526574}.profile-avatar{width:72px;height:72px;object-fit:cover;border-radius:50%;flex-shrink:0;border:2px solid #d4e9e6;background:#e7f4f3}.profile-initials{display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;color:#11283b}.photo-editor form{margin-top:16px}.photo-editor input[type=file]{max-width:100%;font-size:16px}.photo-editor input[type=file]::file-selector-button{font:inherit;padding:10px;border:0;border-radius:8px;background:#e7f4f3;color:#11283b;margin-right:8px}@media(max-width:600px){.profile-avatar{width:60px;height:60px}.profile-heading{gap:10px}.profile-heading h1{font-size:25px}}

/* Días de trabajo: controles amplios que conservan su funcionamiento sin JavaScript. */
main.form-page .workdays{border:0;padding:0;margin:18px 0 24px;min-width:0}main.form-page .workdays legend{font-size:20px;font-weight:700;color:#11283b}main.form-page .workday-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}main.form-page .workday-options label{display:flex;align-items:center;gap:10px;border:1px solid #adc8cd;border-radius:12px;padding:12px;min-height:56px;background:#fff;cursor:pointer}main.form-page .workday-options label:has(input:checked){background:#e1f4ef;border-color:#137f7d;color:#075b49;font-weight:700}main.form-page .workday-options label:focus-within{outline:3px solid #11283b;outline-offset:2px}main.form-page .workday-options input{margin:0;flex-shrink:0}main.form-page .workdays p{margin-top:8px}

.notification-bell{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:8px 12px;border-radius:12px;background:#e7f4f3;color:#11283b;font-weight:700;text-decoration:none;box-sizing:border-box}.notification-bell [data-notification-count]{background:#11283b;color:white;border-radius:20px;min-width:24px;text-align:center;padding:2px 5px}.notification-unread{border-left:5px solid #137f7d!important}.notification-card form{margin-top:12px}.live-ticket:target{outline:3px solid #2563eb;outline-offset:3px}

.setup-guide{border:1px solid #bfd7d7;border-radius:12px;background:#eaf6f4;padding:14px 18px;margin:12px 0 18px}.setup-guide summary{font-size:18px;font-weight:700;min-height:48px;display:flex;align-items:center;cursor:pointer}.setup-guide li{font-size:17px;line-height:1.6;margin:10px 0}.setup-guide a{display:inline-block;min-height:44px;line-height:44px}.setup-guide p{font-size:16px}

.personal-days{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px}.personal-day{display:flex;flex:1 0 90px;flex-direction:column;align-items:center;justify-content:center;min-height:72px;border:1px solid #bfd7d7;border-radius:12px;text-decoration:none;background:#e7f4f3;padding:8px;box-sizing:border-box}.personal-day.selected{background:#e8efff;border:2px solid #2563eb;color:#11283b}.personal-day>span{font-size:18px;font-weight:700}.personal-day small{font-size:14px}.personal-live-item{border-top:1px solid #d0e0e3;padding:14px 0}.personal-live-item p{margin:6px 0}.personal-live-item>a{display:inline-flex;align-items:center;min-height:44px}

.personal-hours{display:flex;flex-wrap:wrap;gap:10px}.personal-hours .btn{min-height:48px;background:#e5f4eb;color:#075b38;border:1px solid #8dbaa1}

.income-totals{margin:18px 0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.income-totals>div{padding:14px;background:#eaf6f3;border-radius:12px}.income-totals span{display:block;font-size:16px;color:#243e50;line-height:1.4}.income-totals strong{display:block;font-size:28px;color:#11283b;margin-top:8px}.personal-income>h2{margin-top:0}

/* Autoagenda: compact fields, generous touch targets. */
main .personal-entry{max-width:880px;box-sizing:border-box}
main .personal-entry-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;max-width:720px}
main .personal-entry-form>label{min-width:0}
main .personal-entry-form>.personal-wide,main .personal-entry-form>.personal-date-row,main .personal-entry-form>.grid,main .personal-entry-form>p,main .personal-entry-form>details{grid-column:1/-1}
main .personal-entry-form>p{margin:0 0 8px;line-height:1.5}
main .personal-entry-form>button{grid-column:1/-1;justify-self:start;width:auto;padding:12px 24px}
main .personal-entry-form .personal-date-row{display:flex;flex-wrap:wrap;gap:12px 18px}
main .personal-date-row>label{flex:0 1 180px;min-width:0}
main .personal-date-row>label:first-child{flex-basis:220px}
main .personal-entry input,main .personal-entry select{box-sizing:border-box;max-width:100%;min-height:52px;font-size:18px}
main .personal-entry input,main .personal-entry select{margin-bottom:0}
main .personal-filter input[type=date]{display:block;max-width:220px;box-sizing:border-box}
main .personal-filter{max-width:720px}
@media(max-width:600px){main .personal-entry-form{grid-template-columns:1fr}main .personal-date-row>label:first-child{flex:0 0 100%}main .personal-date-row input[type=date]{max-width:220px}main .personal-date-row>label:not(:first-child){flex:1 1 120px}main .personal-entry-form>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}main .personal-entry-form>button{width:100%;justify-self:stretch}}
@media(max-width:360px){main .personal-entry-form>.grid{grid-template-columns:1fr}}

main .personal-date-row{align-items:flex-start}
main .personal-date-row>label{display:flex;flex-direction:column;gap:8px;margin:0}
main .personal-date-row .personal-field-title{display:block;min-height:52px;line-height:24px;box-sizing:border-box}
main .personal-date-row input{height:52px;margin:0;min-width:0;width:100%;box-sizing:border-box}
main #mis-actividades:focus{outline:3px solid #1eadaa;outline-offset:6px}

main .personal-day.unavailable{background:#fcecec;border-color:#dca5a5;color:#8b1d1d;cursor:not-allowed;text-decoration:none}
main .personal-day.unavailable [data-day-interval]{font-weight:700}
main .personal-day[aria-disabled=true]{opacity:.85}