
.experience-section{margin-top:24px}.experience-section h2,.business-card h2{font-size:20px;letter-spacing:-.03em;color:var(--ink)}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.experience-section label{line-height:1.5}.experience-section select{width:100%}.experience-section .check-row input{min-height:0;width:18px;height:18px;flex-shrink:0}.experience-section .hint{font-size:12px}.experience-section .field{margin:0 0 15px}.social-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 22px}.social-links a{border:1px solid var(--line-strong);border-radius:999px;padding:9px 15px;text-decoration:none;font-size:12px;color:var(--ink);min-height:40px}.booking-policy{padding:16px 18px;border:1px solid var(--line-strong);border-radius:18px;font-size:12px;line-height:1.6;color:var(--ink-soft);margin:16px 0}.booking-policy strong{color:var(--ink)}.portfolio-caption{position:absolute;bottom:43px;left:14px;right:14px;padding:8px 12px;background:rgba(10,10,14,.8);color:#fff;z-index:3;font-size:12px;line-height:1.4;border-radius:12px;pointer-events:none}.portfolio-before{position:absolute;inset:0;width:100%;height:100%;object-fit:contain!important;background:#14141a;z-index:4!important}.compare-label{position:absolute;top:12px;left:12px;z-index:5;background:#111d;color:#fff;padding:6px 10px;border-radius:999px;font-size:11px}.compare-action{margin:12px 0;display:block}.waitlist-form{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:18px}.waitlist-form label{display:block;margin:12px 0}.waitlist-form input:not([type=checkbox]){width:100%}.waitlist-form input[type=checkbox]{min-height:0;width:18px}.waitlist-form .check-row{display:flex;gap:10px;align-items:flex-start;font-size:12px}.client-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.client-actions a,.client-actions button{min-height:44px}.manage-heading{margin:20px 0 26px}.manage-heading h1{font-size:34px}.manage-status{display:inline-flex;padding:6px 12px;background:#0a84ff20;color:var(--accent);border-radius:999px;font-size:12px;font-weight:650}.management-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.management-grid strong,.management-grid span{display:block}.management-grid span{font-size:12px;color:var(--ink-soft)}.manage-form label{display:block;margin:14px 0}.manage-form input,.manage-form select{width:100%}.manage-feedback{min-height:24px;line-height:1.55;font-size:13px}.loading-state{padding:26px;text-align:center;color:var(--ink-soft)}.loading-state:before{content:"";display:block;width:26px;height:26px;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;margin:0 auto 14px;animation:eng-spin 1s linear infinite}@keyframes eng-spin{to{transform:rotate(360deg)}}
body.style-minimal .salon-cover{height:140px}body.style-minimal .card,body.style-minimal .salon-cover,body.style-minimal .client-portfolio-track{border-radius:16px}body.style-minimal .salon-hero h1{font-weight:500;letter-spacing:-.045em}
body.style-editorial .salon-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,8vw,48px);letter-spacing:-.06em}body.style-editorial .client-portfolio-heading h2{font-family:Georgia,serif;letter-spacing:-.025em;font-size:25px;text-transform:none}body.style-editorial .salon-cover{height:220px}
body.style-urban .salon-hero h1{text-transform:uppercase;font-weight:850;letter-spacing:-.045em}body.style-urban .salon-cover,body.style-urban .card{border-radius:14px}body.style-urban .client-portfolio-heading h2{font-weight:800;letter-spacing:.08em}.service-featured{display:inline-block;color:var(--accent);font-size:10px;letter-spacing:.05em;margin-bottom:4px}
.business-nav{display:flex;gap:6px;margin-bottom:22px;overflow:auto;padding:6px;background:var(--surface-flat);border:1px solid var(--line);border-radius:18px}.business-nav button{flex:1;white-space:nowrap;min-height:44px;background:transparent;color:var(--ink-soft);border:0;padding:10px;font-size:13px}.business-nav button.active{background:#0a84ff20;color:var(--accent)}.business-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.business-stat{padding:22px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}.business-stat strong{font-size:30px;letter-spacing:-.04em;display:block;color:var(--ink)}.business-stat span{font-size:12px;color:var(--ink-soft)}.business-card{padding:22px;border:1px solid var(--line);border-radius:23px;background:var(--surface);margin:14px 0}.business-card summary{font-weight:700;cursor:pointer;padding:5px 0;min-height:40px}.business-card textarea{width:100%;margin:12px 0}.business-history{padding:0;list-style:none}.business-history li{padding:12px 0;border-top:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.business-history small{color:var(--ink-soft)}.business-empty{text-align:center;padding:35px 22px;color:var(--ink-soft);border:1px dashed var(--line-strong);border-radius:22px}.business-search{width:100%;margin-bottom:14px}.outcome-actions{display:flex;flex-wrap:wrap;gap:8px}.outcome-actions button{font-size:11px;padding:8px 12px;min-height:40px}.business-card .muted{font-size:13px}.business-card a{color:var(--accent)}.photo-caption-editor{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:14px}.photo-caption-editor input{width:100%;margin:5px 0}.photo-caption-editor label{margin:7px 0;font-size:12px}.experience-form-status{min-height:24px;font-size:13px;margin-top:12px}
@media(max-width:600px){.experience-grid{grid-template-columns:1fr}.business-stats{grid-template-columns:1fr 1fr}.business-stat{padding:17px}.business-stat strong{font-size:25px}.management-grid{grid-template-columns:1fr 1fr}.business-nav button{font-size:12px}.business-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.loading-state:before{animation:none}}

body.ios-app .salon-cover.mode-tile{background-repeat:repeat;background-size:auto 240px;background-position:center 0;animation:coverTileRise 18s linear infinite}
body.ios-app.theme-azul{--accent:#8887ff;--accent-2:#b9b8ff;--accent-dark:#514bcc}
@media(prefers-color-scheme:light){body.ios-app.theme-azul{--accent:#514bcc}body.ios-app.theme-esmeralda{--accent:#087b9f}body.ios-app.theme-morado{--accent:#853cab}body.ios-app.theme-rosa{--accent:#bd2242}}
@media(prefers-reduced-motion:reduce){body.ios-app .salon-cover.mode-tile{animation:none}}

.business-kind{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}

body.ios-app header.top button.secondary{background:var(--surface-flat);color:var(--ink);border:1px solid var(--line-strong);flex-shrink:0;white-space:nowrap}body.ios-app header.top .brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.ios-app header.top{gap:8px}body.ios-app .business-card h2{text-transform:none;letter-spacing:-.025em;font-size:20px}.portfolio-dialog:has(.compare-action) img{max-height:calc(80dvh - 58px)}
@media(max-width:450px){body.ios-app header.top button.secondary{padding:10px 14px;font-size:12px}body.ios-app header.top .brand{font-size:17px}.ios-app .tabs button{font-size:10px}}

body.ios-app header.top button.secondary{transition:transform .18s ease}
body.luxury-client .step-heading>span,body.luxury-client .details-heading>span{color:var(--accent)}
body.luxury-client .booking-step.awaiting{opacity:1}
body.luxury-client .booking-step.awaiting #slots{color:var(--lux-soft)}
@media(prefers-color-scheme:light){body.ios-app header.top button.secondary{background:#e9e9ef;color:#1c1c1e}}

/* Celaje 08-10-2026: controles diarios, dictado y negocio. */
.day-shortcuts{display:flex;gap:10px;margin-bottom:20px}.day-shortcuts button{min-height:46px;flex:1}
.quick-draft{padding:18px;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface-flat);margin:18px 0}
.quick-draft textarea,.experience-section textarea{width:100%;resize:vertical}
.quick-draft button{margin-top:10px}.reschedule-form label{display:block;margin:16px 0}.reschedule-form input{width:100%}
.business-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0}.business-toolbar button{min-height:44px}
.period-control{display:flex;align-items:center;gap:12px;margin:20px 0}.period-control select{min-height:44px}
.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.comparison-grid strong,.comparison-grid span{display:block}
.comparison-grid strong{font-size:18px;color:var(--ink)}.comparison-grid span{font-size:12px;color:var(--ink-soft);margin-top:6px}
.revenue-line{display:grid;grid-template-columns:86px 1fr 82px;align-items:center;gap:10px;font-size:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.revenue-line meter{width:100%;height:14px}.revenue-line meter::-webkit-meter-bar{background:var(--surface-flat);border:1px solid var(--line-strong)}
.revenue-line meter::-webkit-meter-optimum-value{background:#0a84ff}.revenue-line strong{text-align:right;color:var(--ink)}
.client-search-controls{display:grid;grid-template-columns:2fr 1fr;gap:14px}.client-search-controls input,.client-search-controls select,.business-card select{width:100%}
.business-card .check-row{display:flex;align-items:flex-start;gap:10px;margin:16px 0}.business-card .check-row input{width:20px;height:20px;min-height:0;flex-shrink:0}
.business-card textarea,.business-card select{margin:8px 0 16px}.cal-appt-info>button{margin:8px 0}
@media(max-width:600px){.comparison-grid{grid-template-columns:1fr}.comparison-grid p{margin:7px 0}.client-search-controls{grid-template-columns:1fr}.revenue-line{grid-template-columns:80px 1fr 72px;font-size:11px}.day-shortcuts{gap:6px}.day-shortcuts button{padding:10px}}

#manualForm>label:not(.check-row),#demoManualForm>label{display:block;margin:18px 0 8px}
#manualForm>label:not(.check-row)>input,#manualForm>label>select,#demoManualForm>label>input,#demoManualForm>label>select{display:block;width:100%;margin-top:8px}
#manualForm>.check-row{display:flex;gap:10px;align-items:flex-start;margin:20px 0}#manualForm>.check-row input{min-height:0;flex-shrink:0;width:20px;height:20px}
@media(max-width:600px){.period-control{display:block}.period-control label{display:block;margin-bottom:8px}.period-control select{width:100%}}

.batch-tools summary{cursor:pointer;min-height:44px;padding:8px 0;color:var(--ink);font-weight:650}.batch-tools .check-row{display:flex;align-items:flex-start;gap:12px;margin:15px 0}.batch-tools .check-row input{width:20px;height:20px;min-height:0;flex-shrink:0}
