/* ItzBioLab · agenda fácil · estilos compartidos (sitio y panel) · v3.1
   Creado por Estudio Balaclava (Marcelo Sotelo). Todos los derechos reservados.
   Usa las variables del sitio (--ob, --go, --am, --ma, --ma2, --mu, --ok, --err) con valores de respaldo. */
.aui{--_ob:var(--ob,#0B0A0E);--_go:var(--go,#C6A968);--_am:var(--am,#382258);--_ma:var(--ma,#F4EFE6);--_ma2:var(--ma2,#E9E2D6);--_mu:var(--mu,#6d665c);--_ok:var(--ok,#2f7d4f);--_err:var(--err,#9B2C2C);position:relative;font-family:Jost,system-ui,sans-serif}
.aui *{box-sizing:border-box}
.aui-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:14px}
.aui-paso{border:0;background:var(--_ma);border-radius:12px;padding:8px 10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--_ob)}
.aui-paso small{font:500 .62rem/1 Jost;letter-spacing:.14em;text-transform:uppercase;color:var(--_mu)}
.aui-paso b{font:500 .85rem/1.2 Jost;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aui-paso.on{background:var(--_ob);color:var(--_ma)}.aui-paso.on small{color:var(--_go)}
.aui-paso.ok b{color:var(--_ok)}.aui-paso[disabled]{opacity:.45;cursor:default}
.aui-sub{color:var(--_mu);margin:0 0 10px;font-size:.95rem}.aui-sub b{color:var(--_ob)}
.aui-err{color:var(--_err);font-size:.9rem;min-height:1.2em;margin:8px 0 0}
.aui-eti{display:block;font:500 .68rem Jost;letter-spacing:.16em;text-transform:uppercase;color:var(--_mu);margin:12px 0 6px}
.aui-acc{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap}
.aui-btn{border:0;border-radius:999px;padding:.85em 1.4em;font:500 .88rem Jost;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:var(--_ob);color:var(--_ma);display:inline-flex;align-items:center;gap:.4em}
.aui-btn.aui-go{background:var(--_go);color:var(--_ob)}.aui-btn.aui-ln{background:transparent;color:var(--_ob);box-shadow:inset 0 0 0 1px var(--_ob)}
.aui-btn[disabled]{opacity:.4}
.aui-link{border:0;background:none;color:var(--_mu);font:500 .8rem Jost;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:6px 0}
.aui-chip{border:1px solid var(--_ma2);background:var(--_ma);color:var(--_ob);border-radius:999px;padding:.5em .9em;font:400 .88rem Jost;cursor:pointer;display:inline-flex;align-items:center;gap:.45em;white-space:nowrap}
.aui-chip i{width:9px;height:9px;border-radius:50%;background:var(--c,var(--_go));display:inline-block}
.aui-chip.on{background:var(--_ob);color:var(--_go);border-color:var(--_ob)}
/* servicios elegidos */
.aui-sel{display:flex;flex-direction:column;gap:8px}
.aui-tag{display:grid;grid-template-columns:4px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--_ma2);border-radius:12px;padding:10px 12px}
.aui-tag::before{content:"";width:4px;height:100%;border-radius:4px;background:var(--c,var(--_go));grid-row:1/3}
.aui-tag b{font-weight:500;display:block}.aui-tag span{font-size:.82rem;color:var(--_mu)}
.aui-x{grid-column:3;grid-row:1/3;border:0;background:var(--_ma);width:32px;height:32px;border-radius:50%;font-size:1.1rem;cursor:pointer;color:var(--_mu)}
/* hoja de servicios */
.aui-hoja{position:fixed;inset:0;z-index:90}
.aui-fondo{position:absolute;inset:0;background:rgba(11,10,14,.5);backdrop-filter:blur(2px)}
.aui-panel{position:absolute;left:0;right:0;bottom:0;max-height:92dvh;background:#fff;border-radius:22px 22px 0 0;display:flex;flex-direction:column;animation:aui-sube .22s ease-out;padding-bottom:env(safe-area-inset-bottom,0)}
@keyframes aui-sube{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:760px){.aui-panel{left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);width:min(560px,94vw);max-height:84vh;border-radius:22px;animation:none}}
body.aui-abierta{overflow:hidden}
.aui-cab{display:flex;gap:8px;padding:14px 14px 8px;align-items:center}
.aui-busca{flex:1;border:1px solid var(--_ma2);background:var(--_ma);border-radius:12px;padding:.8em 1em;font:400 1rem Jost;min-width:0}
.aui-busca:focus{outline:2px solid var(--_go);border-color:var(--_go)}
.aui-cerrar{border:0;background:var(--_ma);width:40px;height:40px;border-radius:50%;font-size:1.3rem;cursor:pointer;color:var(--_mu)}
.aui-cats{display:flex;gap:6px;padding:4px 14px 10px;overflow-x:auto;scrollbar-width:none}.aui-cats::-webkit-scrollbar{display:none}
.aui-lista{overflow-y:auto;padding:0 10px 10px;flex:1;min-height:120px}
.aui-grupo>small{display:block;font:500 .66rem Jost;letter-spacing:.16em;text-transform:uppercase;color:var(--_mu);padding:12px 6px 6px}
.aui-item{display:grid;grid-template-columns:4px 1fr 34px;gap:12px;align-items:center;width:100%;border:0;background:none;text-align:left;padding:10px 8px;border-radius:12px;cursor:pointer;color:var(--_ob)}
.aui-item i{width:4px;height:34px;border-radius:4px;background:var(--c,var(--_go))}
.aui-item b{display:block;font-weight:500;font-size:1rem}.aui-item b em{font-style:normal;font-size:.7rem;color:var(--_am);background:#efe8f7;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:middle}
.aui-item small{color:var(--_mu);font-size:.82rem;display:block}
.aui-item u{text-decoration:none;width:34px;height:34px;border-radius:50%;background:var(--_ma);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--_mu)}
.aui-item:hover{background:var(--_ma)}.aui-item.on{background:#efe8f7}.aui-item.on u{background:var(--_ob);color:var(--_go)}
.aui-pie{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--_ma2);font-size:.88rem;color:var(--_mu)}
/* día y hora */
.aui-pros{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.aui-pros>span{color:var(--_mu);font-size:.85rem;margin-right:2px}
.aui-pronto{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--_ob);color:var(--_ma);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.aui-pronto small{display:block;font:500 .64rem Jost;letter-spacing:.14em;text-transform:uppercase;color:var(--_go)}.aui-pronto b{font-weight:500}
.aui-dias{display:flex;gap:6px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;scroll-snap-type:x proximity}.aui-dias::-webkit-scrollbar{display:none}
.aui-dia{flex:0 0 64px;border:1px solid var(--_ma2);background:#fff;border-radius:14px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;color:var(--_ob);scroll-snap-align:center}
.aui-dia span{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--_mu)}.aui-dia b{font:600 1.35rem/1.1 'Cormorant Garamond',Georgia,serif}
.aui-dia em{font-style:normal;font-size:.62rem;color:var(--_ok);min-height:1em}
.aui-dia.on{background:var(--_ob);color:var(--_go);border-color:var(--_ob)}.aui-dia.on span,.aui-dia.on em{color:var(--_go)}
.aui-dia[disabled]{opacity:.4;cursor:default}
.aui-horas{display:flex;flex-wrap:wrap;gap:6px}
.aui-hora{border:0;background:var(--_ma);border-radius:10px;padding:.6em .9em;font:400 .92rem Jost;cursor:pointer;color:var(--_ob)}
.aui-hora.on{background:var(--_go)}
.aui-manual{margin-top:12px;font-size:.88rem;color:var(--_mu)}.aui-manual summary{cursor:pointer}
.aui-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.aui-row input{flex:1;min-width:120px}
.aui-spin{width:26px;height:26px;border:2px solid var(--_ma2);border-top-color:var(--_go);border-radius:50%;animation:aui-gira .7s linear infinite;margin:10px auto}
@keyframes aui-gira{to{transform:rotate(360deg)}}
/* datos */
.aui-res{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:start;background:#fffdf8;border:1px solid var(--_ma2);border-radius:14px;padding:12px 14px;margin-bottom:14px}
.aui-res small{display:block;font:500 .62rem Jost;letter-spacing:.14em;text-transform:uppercase;color:var(--_mu)}.aui-res b{font-weight:500;display:block}.aui-res span{font-size:.82rem;color:var(--_mu)}
@media (max-width:520px){.aui-res{grid-template-columns:1fr auto}.aui-res>div:nth-child(2){grid-column:1}.aui-res .aui-link{grid-column:2;grid-row:1}}
.aui-form{display:flex;flex-direction:column;gap:12px}
.aui-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:520px){.aui-row2{grid-template-columns:1fr}}
.aui-campo{display:flex;flex-direction:column;gap:4px;position:relative}
.aui-campo label{font:500 .7rem Jost;letter-spacing:.14em;text-transform:uppercase;color:var(--_mu)}
.aui-campo input,.aui-campo select,.aui-campo textarea,.aui-row input{width:100%;padding:.75em .85em;border:1px solid #d9d1c3;border-radius:10px;background:#fff;font:400 1rem Jost;color:var(--_ob)}
.aui-campo input:focus,.aui-campo select:focus,.aui-campo textarea:focus{outline:2px solid var(--_go);border-color:var(--_go)}
.aui-tel{display:flex;align-items:center;border:1px solid #d9d1c3;border-radius:10px;background:#fff}.aui-tel span{padding:0 10px;color:var(--_mu)}.aui-tel input{border:0;padding-left:0}
.aui-sug{position:absolute;top:100%;left:0;right:0;z-index:5;background:#fff;border:1px solid var(--_ma2);border-radius:12px;box-shadow:0 14px 40px -16px rgba(11,10,14,.4);overflow:hidden}
.aui-sug button{display:block;width:100%;border:0;background:none;text-align:left;padding:9px 12px;cursor:pointer;color:var(--_ob)}.aui-sug button:hover{background:var(--_ma)}
.aui-sug b{font-weight:500;display:block}.aui-sug small{color:var(--_mu)}
.aui-mas{border:1px solid var(--_ma2);border-radius:12px;padding:10px 12px;font-size:.92rem}.aui-mas summary{cursor:pointer;color:var(--_mu)}
.aui-mas .aui-campo{margin-top:10px}
.aui-checks{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.aui-check{display:flex;gap:8px;align-items:center;font-size:.92rem}
