.agendador{--bg:transparent;--surface:#0d0b158c;--surface-2:#e8d9f514;--ink:var(--color-porcelain);--muted:#e8d9f59e;--border:#e8d9f524;--accent:var(--color-amber);--accent-hover:var(--color-amber-light);--accent-soft:#ffb84d1f;--accent-ink:var(--color-ink);--success:var(--color-lilac);--error:#ff9b9b;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--r-sm:10px;--r-md:14px;--r-lg:24px;font-family:var(--font-inter), Inter, system-ui, sans-serif;color:var(--ink);background:var(--bg);width:100%;line-height:1.55}.agendador button:not(:disabled){cursor:pointer}.agendador h2,.agendador h3{font-family:var(--font-bricolage), "Bricolage Grotesque", sans-serif;letter-spacing:-.01em;line-height:1.15}.agendador .calendario-titulo,.agendador .horarios-titulo,.agendador .dia,.agendador .horario,.agendador .codigo-flex input,.agendador .confirmacion-fila strong.num{font-variant-numeric:tabular-nums}.agendador .container{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(14px);background:linear-gradient(165deg,#1b0f2bd1,#12101cdb);border:1px solid #e8d9f51f;width:100%;max-width:520px;margin-inline:auto;padding:clamp(26px,4vw,40px) clamp(20px,4vw,40px) clamp(28px,4vw,40px);transition:max-width .38s cubic-bezier(.22,1,.36,1);box-shadow:0 24px 80px #0006,inset 0 1px #e8d9f50f}.agendador .container--wide{max-width:820px}.agendador h2{letter-spacing:-.01em;color:var(--ink);margin:0 0 .4rem;font-size:clamp(24px,3.4vw,30px);font-weight:800}.agendador .subtitle{color:var(--muted);margin:0 0 1.6rem;font-size:15.5px;line-height:1.6}.agendador .form{text-align:left;flex-direction:column;gap:1rem;display:flex}.agendador .form .campo{flex-direction:column;gap:.35rem;font-size:.95rem;display:flex}.agendador .form .campo>label{font-weight:500}.agendador .form input,.agendador .form textarea{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;padding:.65rem .8rem;font-weight:400;transition:border-color .15s,box-shadow .15s}.agendador .form textarea{resize:vertical}.agendador .form label.checkbox{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:.65rem;padding:.8rem .9rem;font-size:.95rem;font-weight:400;transition:border-color .15s,background .15s;display:flex}.agendador .form label.checkbox:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.agendador .form label.checkbox:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.agendador .form label.checkbox input{appearance:none;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;flex:none;place-content:center;width:20px;height:20px;margin:0;padding:0;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.agendador .form label.checkbox input:checked{border-color:var(--accent);background:var(--accent)}.agendador .form label.checkbox input:checked:after{content:"";border-right:2px solid var(--accent-ink);border-bottom:2px solid var(--accent-ink);width:5px;height:9px;transform:translateY(-1px)rotate(45deg)}.agendador .form label.checkbox input:focus-visible,.agendador .form input:focus,.agendador .form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.agendador .form button[type=submit],.agendador .acciones button{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.85rem 1.6rem;font-weight:700;transition:background .15s,transform .14s,box-shadow .2s;box-shadow:0 8px 28px #ffb84d3d}.agendador .form button[type=submit]:hover:not(:disabled),.agendador .acciones button:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 10px 36px #ffb84d5c}.agendador .form button[type=submit]:active:not(:disabled),.agendador .acciones button:active:not(:disabled){transform:scale(.97)}.agendador .form button[type=submit]:disabled,.agendador .acciones button:disabled{background:var(--surface-2);color:var(--muted);box-shadow:none;cursor:not-allowed}.agendador .hint{color:var(--muted);margin:-.5rem 0 0;font-size:.9rem}.agendador .error{color:var(--error);margin:0;font-size:.9rem}.agendador .email-wrap{position:relative}.agendador .email-wrap input{width:100%;padding-right:6.4rem}.agendador .email-wrap.verificado input{border-color:color-mix(in srgb, var(--success) 55%, var(--border));padding-right:2.2rem}.agendador .email-action{background:var(--accent-soft);color:var(--accent);font:inherit;cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:999px;padding:.32rem .75rem;font-size:.8rem;font-weight:600;transition:opacity .2s,background .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.agendador .email-wrap.puede-verificar .email-action{opacity:1;pointer-events:auto}.agendador .email-action:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 22%, transparent)}.agendador .email-action:disabled{color:var(--muted);cursor:progress}.agendador .email-check{color:var(--success);opacity:0;pointer-events:none;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;top:50%;right:12px;transform:translateY(-50%)scale(.5)}.agendador .email-wrap.verificado .email-check{opacity:1;transform:translateY(-50%)scale(1)}.agendador .label-opcional{color:var(--muted);margin-left:.3rem;font-size:.8rem;font-weight:400}.agendador .campo-nota{color:var(--muted);font-size:.8rem;font-weight:400}.agendador .codigo-row{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1),opacity .3s;display:grid}.agendador .codigo-row.abierto{opacity:1;grid-template-rows:1fr}.agendador .codigo-inner{overflow:hidden}.agendador .codigo-flex{flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.agendador .form .codigo-flex input{font-variant-numeric:tabular-nums;letter-spacing:.35em;text-align:center;text-indent:.35em;width:9.5rem;padding:.5rem .4rem;font-family:ui-monospace,Cascadia Mono,SF Mono,Menlo,monospace;font-size:1rem}.agendador .codigo-flex .confirmar-codigo{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.5rem 1.1rem;font-weight:600;transition:background .15s}.agendador .codigo-flex .confirmar-codigo:hover:not(:disabled){background:var(--accent-hover)}.agendador .codigo-flex .confirmar-codigo:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.agendador .codigo-flex .reenviar{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:.5rem .25rem;font-size:.8rem;font-weight:500;transition:color .15s}.agendador .codigo-flex .reenviar:disabled{color:var(--muted);cursor:default}.agendador .codigo-flex .reenviar:hover:not(:disabled){color:var(--accent-hover);text-decoration:underline}.agendador .codigo-err{min-height:1.1em;color:var(--error);margin-top:.3rem;font-size:.8rem;font-weight:500}.agendador .opciones{flex-direction:column;gap:.5rem;display:flex}.agendador .opcion{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;opacity:0;animation:.34s cubic-bezier(.22,1,.36,1) both opcion-in;animation-delay:calc(var(--i) * 28ms);align-items:center;gap:.75rem;padding:.8rem .9rem;transition:border-color .15s,background .15s;display:flex;transform:translateY(10px)}.agendador .opcion:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.agendador .opcion.seleccionada{border-color:var(--accent);background:var(--accent-soft)}.agendador .opcion input{appearance:none;border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;flex:none;place-content:center;width:20px;height:20px;margin:0;padding:0;transition:border-color .15s,box-shadow .15s;display:grid}.agendador .opcion input:checked{border-color:var(--accent)}.agendador .opcion input:checked:after{content:"";background:var(--accent);border-radius:50%;width:10px;height:10px}.agendador .opcion input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.agendador .opcion-icono{color:var(--muted);flex:none;transition:color .15s}.agendador .opcion.seleccionada .opcion-icono{color:var(--accent)}.agendador .opcion-texto{flex-direction:column;gap:.1rem;display:flex}.agendador .opcion-label{font-size:.95rem;font-weight:500}.agendador .opcion-detalle{color:var(--muted);font-size:.8rem}.agendador .revelar{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1),opacity .3s;display:grid}.agendador .revelar.abierto{opacity:1;grid-template-rows:1fr}.agendador .revelar-inner{overflow:hidden}.agendador .campo--revelado{flex-direction:column;gap:.35rem;padding-top:.1rem;font-size:.95rem;display:flex}.agendador .campo--revelado>label{font-weight:500}.agendador .politicas a{color:var(--accent);font-weight:500}.agendador .politicas-wrap{max-width:420px;margin:1.75rem auto 0}.agendador .hint--centrado{text-align:center;margin-top:.9rem}.agendador .agenda{text-align:left;justify-content:center;display:flex;overflow:hidden}.agendador .calendario{flex:0 0 320px;max-width:320px}.agendador .calendario-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.agendador .calendario-titulo{font-family:var(--font-bricolage), "Bricolage Grotesque", sans-serif;text-transform:capitalize;font-weight:700}.agendador .nav-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:2rem;height:2rem;color:var(--ink);cursor:pointer;padding:0;font-size:1.2rem;line-height:1;transition:border-color .15s,color .15s}.agendador .nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.agendador .nav-btn:disabled{opacity:.4;cursor:not-allowed}.agendador .calendario-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.agendador .dia-nombre{text-align:center;color:var(--muted);padding-bottom:.25rem;font-size:.75rem;font-weight:600}.agendador .dia{aspect-ratio:1;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink);cursor:pointer;border:1px solid #0000;font-size:.9rem;transition:border-color .15s,background .15s,color .15s}.agendador .dia:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.agendador .dia:disabled{color:color-mix(in srgb, var(--muted) 45%, transparent);cursor:not-allowed;background:0 0}.agendador .dia.seleccionado{background:var(--accent);color:var(--accent-ink);font-weight:600}.agendador .horarios{opacity:0;flex:0 1 0;min-width:0;max-width:0;transition:flex-basis .38s cubic-bezier(.22,1,.36,1),max-width .38s cubic-bezier(.22,1,.36,1),margin-left .38s cubic-bezier(.22,1,.36,1),opacity .3s ease-out 80ms,transform .38s cubic-bezier(.22,1,.36,1) 50ms;overflow:hidden;transform:translate(28px)}.agendador .agenda--abierta .horarios{opacity:1;flex-basis:340px;max-width:340px;margin-left:2rem;transform:none}.agendador .horarios-vacio{color:var(--muted);margin:0}.agendador .horarios-titulo{margin:0 0 .15rem;font-weight:500}.agendador .horarios-fecha{color:var(--muted);margin:0 0 .8rem;font-size:.85rem}.agendador .horarios-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.agendador .horario{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);cursor:pointer;opacity:0;padding:.55rem .25rem;font-size:.9rem;transition:opacity .3s ease-out,transform .35s cubic-bezier(.22,1,.36,1),border-color .15s,background .15s,color .15s;transform:translate(18px)}.agendador .agenda--abierta .horario{opacity:1;transition-delay:calc(var(--i) * 28ms), calc(var(--i) * 28ms), 0s, 0s, 0s;transform:none}.agendador .horario:hover{border-color:var(--accent)}.agendador .horario.seleccionado{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.agendador .agenda-hint{text-align:center;color:var(--muted);margin:1.25rem 0 0;font-size:.85rem}.agendador .acciones{justify-content:space-between;gap:1rem;margin-top:1.5rem;display:flex}.agendador .acciones .secondary-btn{color:var(--color-lavender);box-shadow:none;background:0 0;border:1px solid #e8d9f547}.agendador .acciones .secondary-btn:hover:not(:disabled){background:var(--surface-2);box-shadow:none;border-color:#e8d9f580}.agendador .confirmacion{text-align:center;max-width:420px;margin:2rem auto 0;animation:.45s cubic-bezier(.22,1,.36,1) both confirmacion-in}.agendador .confirmacion-icono{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.6rem;font-weight:700;display:grid}.agendador .confirmacion h2{margin:0 0 .25rem;font-size:clamp(24px,3.4vw,28px);font-weight:800}.agendador .confirmacion .subtitle{margin:0 0 1.5rem}.agendador .confirmacion .subtitle strong{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.agendador .confirmacion-resumen{text-align:left;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.agendador .confirmacion-fila{justify-content:space-between;gap:1rem;padding:.7rem 1rem;font-size:.92rem;display:flex}.agendador .confirmacion-fila+.confirmacion-fila{border-top:1px solid var(--border)}.agendador .confirmacion-fila span{color:var(--muted)}.agendador .confirmacion-fila strong{font-weight:600}.agendador .confirmacion-fila strong.num{text-transform:none}@media (prefers-reduced-motion:reduce){.agendador .opcion{opacity:1;animation:none;transform:none}.agendador .revelar,.agendador .codigo-row,.agendador .horarios,.agendador .horario,.agendador .container{transition-duration:.01ms}.agendador .agenda--abierta .horario{transition-delay:0s}.agendador .confirmacion{animation-duration:.01ms}}.agendador .meet-cta{background:var(--accent);color:var(--accent-ink);border-radius:999px;margin-top:1.5rem;padding:.85rem 1.6rem;font-weight:700;text-decoration:none;transition:background .15s,transform .14s,box-shadow .2s;display:inline-block;box-shadow:0 8px 28px #ffb84d3d}.agendador .meet-cta:hover{background:var(--accent-hover);box-shadow:0 10px 36px #ffb84d5c}.agendador .meet-cta:active{transform:scale(.98)}@media (max-width:720px){.agendador .agenda{flex-direction:column;align-items:center}.agendador .calendario{flex-basis:auto;width:100%;max-width:340px}.agendador .horarios{width:100%;transform:translateY(20px)}.agendador .agenda--abierta .horarios{flex-basis:auto;max-width:340px;margin-top:1.5rem;margin-left:0}}@keyframes opcion-in{to{opacity:1;transform:none}}@keyframes confirmacion-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}
