/* DEEC Studio · CRM: agenda de reuniones */
.ag__top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ag__seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--r);overflow:hidden;background:var(--card)}
.ag__seg button{padding:8px 16px;border:0;background:none;font-size:14px;color:var(--text);cursor:pointer}
.ag__seg button+button{border-left:1px solid var(--line)}
.ag__seg button.on{background:var(--acc);color:var(--accfg)}
.ag__nav{display:flex;gap:6px}
.ag__t{margin:0;font-size:17px;font-weight:500;color:var(--fg)}
.ag__sp{flex:1}
.ag__sum{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-bottom:16px;font-size:13.5px;color:var(--text)}
.ag__sum b{font-weight:600;color:var(--fg)}
.ag__sum .w b{color:var(--warn)}
.ag__z{margin-left:auto;color:var(--muted);font-size:12.5px}
.ag__wk{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.ag__c{display:flex;flex-direction:column;min-height:200px;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}
.ag__c.is-today{border-color:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 10%,transparent)}
.ag__c.is-off{background:var(--bg2)}
.ag__ch{display:flex;align-items:baseline;gap:8px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer}
.ag__ch small{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ag__ch b{font:500 18px var(--sans);color:var(--fg)}
.ag__c.is-today .ag__ch b{color:var(--acc)}
.ag__cb{display:grid;gap:6px;align-content:start;padding:8px}
.ag__no{padding:8px 4px;font-size:12.5px;color:var(--muted)}
.ag__p{display:grid;gap:1px;width:100%;padding:7px 9px;border:0;border-left:3px solid var(--acc);border-radius:6px;background:var(--acc-l);text-align:left;cursor:pointer;min-width:0}
.ag__p b{font-size:12px;font-weight:600;color:var(--acc)}
.ag__p span{font-size:12.5px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag__p--pendiente{border-color:var(--warn-s);background:var(--warn-l)}.ag__p--pendiente b{color:var(--warn)}
.ag__p--realizada{border-color:var(--muted);background:var(--g100)}.ag__p--realizada b{color:var(--muted)}
.ag__p--inasistencia{border-color:var(--bad-s);background:var(--bad-l)}.ag__p--inasistencia b{color:var(--bad)}
.ag__p--cancelada{border-color:var(--line-strong);background:var(--card);opacity:.6}.ag__p--cancelada span{text-decoration:line-through}
.ag__mo{border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}
.ag__dw{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--bg2);border-bottom:1px solid var(--line)}
.ag__dw span{padding:8px;text-align:center;font-size:11.5px;letter-spacing:.1em;color:var(--muted)}
.ag__mg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.ag__md{display:grid;gap:4px;align-content:start;min-height:112px;padding:6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.ag__md:nth-child(7n){border-right:0}
.ag__md.is-out{background:var(--bg2);opacity:.65}
.ag__md.is-off{background:var(--bg2)}
.ag__dn{justify-self:start;display:grid;place-items:center;min-width:26px;height:26px;padding:0 6px;border:0;border-radius:99px;background:none;font-size:13px;color:var(--text);cursor:pointer}
.ag__md.is-today .ag__dn{background:var(--acc);color:var(--accfg)}
.ag__md .ag__p{padding:3px 6px;grid-auto-flow:column;justify-content:start;align-items:center;gap:6px}
.ag__md .ag__p b{font-size:11px}.ag__md .ag__p span{font-size:11.5px}
.ag__more{justify-self:start;padding:0 4px;border:0;background:none;font-size:11.5px;color:var(--acc);cursor:pointer}
.ag__l{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.ag__r{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;gap:14px;align-items:center;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.ag__r:hover{border-color:var(--acc)}
.ag__h{font-weight:600;color:var(--fg);font-size:14.5px}.ag__h small{display:block;font-weight:400;font-size:12px;color:var(--muted)}
.ag__m b{display:block;font-weight:600;color:var(--fg);font-size:14.5px}.ag__m small{display:block;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag__zi{padding:2px 9px;border-radius:99px;background:var(--acc-l);color:var(--acc);font-size:11.5px;font-weight:600}
.ag__zi--n{background:var(--warn-l);color:var(--warn)}
.ag__e{padding:22px 12px}
.ag__free{display:flex;gap:8px;flex-wrap:wrap}
.ag__bh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ag__bh b{display:block;font-size:17px;font-weight:500;color:var(--fg)}
.ag__bh span{display:block;color:var(--text);font-size:14px}.ag__bh small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.ag__zoom{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}
.ag__hint{margin-top:8px}
.ag__h2{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:13.5px;color:var(--text)}
.ag__h2 small{display:block;color:var(--muted);font-size:12px}
.ag__pl{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.ag__pc{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:10px}
.ag__pc b{display:block;font-weight:600;color:var(--fg);font-size:14px}.ag__pc small{display:block;font-size:12.5px;color:var(--muted)}
.ag__wkc{display:grid;gap:8px}
.ag__wr{display:grid;grid-template-columns:150px 110px 20px 110px;gap:10px;align-items:center}
.ag__wr input[type=time]{min-height:38px;padding:6px 10px;border:1px solid var(--line-strong);border-radius:var(--r);font-size:14px}
.ag__wr span{text-align:center;color:var(--muted)}
@media (max-width:1100px){.ag__wk{grid-template-columns:repeat(2,minmax(0,1fr))}.ag__r{grid-template-columns:80px minmax(0,1fr) auto}.ag__zi{display:none}}
@media (max-width:640px){.ag__wk{grid-template-columns:minmax(0,1fr)}.ag__c{min-height:0}.ag__md{min-height:70px;padding:3px}.ag__md .ag__p span{display:none}.ag__z{margin-left:0}.ag__wr{grid-template-columns:1fr 1fr 16px 1fr}.ag__wr label{grid-column:1/-1}}

.ag__jm{display:flex;align-items:center;gap:6px}
.ag__jm select{min-height:34px;padding:4px 10px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--card);font-size:15px;font-weight:500;color:var(--fg)}
.ag__md{min-height:124px}
@media (max-width:640px){.ag__jm{flex-wrap:wrap}}

/* ───────── Calendario premium ───────── */
.agx{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -44px color-mix(in srgb,var(--shadow) 28%,transparent);padding:26px 26px 22px}
.agx__hd{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:18px}
.agx__ttl h2{margin:0;font:300 clamp(28px,3.4vw,40px)/1.05 var(--sans);letter-spacing:-.03em;color:var(--fg)}
.agx__ttl h2 em{font-style:normal;color:var(--acc)}
.agx__ttl p{margin:8px 0 0;font-size:12.5px;color:var(--muted)}
.agx__ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1;justify-content:flex-end}
.agx .ag__seg{padding:3px;border:0;border-radius:99px;background:var(--g100)}
.agx .ag__seg button{padding:7px 16px;border:0;border-radius:99px;font-size:13.5px;color:var(--text);transition:background .25s,color .25s,box-shadow .25s}
.agx .ag__seg button+button{border:0}
.agx .ag__seg button.on{background:var(--card);color:var(--fg);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--shadow) 18%,transparent)}
.agx .ag__nav{display:flex;align-items:center;gap:4px}
.agx__ib{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--card);cursor:pointer;transition:border-color .2s,background .2s}
.agx__ib svg{width:16px;height:16px;fill:none;stroke:var(--text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.agx__ib:hover{border-color:var(--acc);background:var(--acc-l)}.agx__ib:hover svg{stroke:var(--acc)}
.agx__today{height:34px;padding:0 14px;border:1px solid var(--line);border-radius:99px;background:var(--card);font-size:13px;font-weight:500;color:var(--fg);cursor:pointer;transition:border-color .2s}
.agx__today:hover{border-color:var(--acc);color:var(--acc)}
.agx .ag__jm{gap:4px;padding-left:4px;border-left:1px solid var(--line)}
.agx .ag__jm select{min-height:34px;border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:500;background:var(--card)}
.agx .ag__jm .btn{width:30px;height:34px;padding:0;border-radius:50%;border-color:var(--line)}
.agx__sum{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.agx__sum span{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:99px;background:var(--bg2);font-size:13px;color:var(--text)}
.agx__sum b{font-weight:600;color:var(--fg)}
.agx__sum i{width:8px;height:8px;border-radius:50%}
.agx__sum .d-a{background:var(--acc)}.agx__sum .d-w{background:var(--warn-s)}.agx__sum .d-b{background:var(--bad-s)}
.agx__sum .w{background:var(--warn-l)}
/* mes */
.agx .ag__mo{border:0;border-radius:12px;background:var(--line);overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.agx .ag__dw{gap:1px;background:var(--line);border:0}
.agx .ag__dw span{padding:11px 0;background:var(--card);font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--muted)}
.agx .ag__mg{gap:1px;background:var(--line)}
.agx .ag__md{position:relative;min-height:128px;padding:10px 8px 8px;gap:5px;border:0;background:var(--card);transition:background .2s}
.agx .ag__md:hover{background:var(--bg2)}
.agx .ag__md.is-we{background:var(--bg2)}
.agx .ag__md.is-off:not(.is-we){background:var(--bg2)}
.agx .ag__md.is-out{background:var(--bg2);opacity:1}
.agx .ag__md.is-out .ag__dn{color:var(--muted)}
.agx .ag__md.is-out .ag__p{opacity:.55}
.agx .ag__dn{min-width:28px;height:28px;margin-bottom:2px;font:500 13.5px var(--sans);color:var(--fg);transition:background .2s,color .2s}
.agx .ag__dn:hover{background:var(--acc-l);color:var(--acc)}
.agx .ag__md.is-today{box-shadow:inset 0 2px 0 var(--acc)}
.agx .ag__md.is-today .ag__dn{background:var(--acc);color:var(--accfg)}
.agx .ag__more{padding:2px 8px;border-radius:99px;background:var(--g100);font-size:11px;font-weight:500;color:var(--text)}
.agx .ag__more:hover{background:var(--acc-l);color:var(--acc)}
/* citas (chips) */
.agx .ag__p{display:flex;align-items:center;gap:6px;width:100%;padding:5px 8px;border:0;border-radius:7px;background:var(--acc-l);transition:transform .2s,box-shadow .2s}
.agx .ag__p:hover{transform:translateY(-1px)}
.agx .ag__p i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--acc)}
.agx .ag__p b{flex:none;font-size:11px;font-weight:600;color:var(--acc)}
.agx .ag__p span{min-width:0;font-size:11.5px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agx .ag__p--pendiente{background:var(--warn-l)}.agx .ag__p--pendiente i{background:var(--warn-s)}.agx .ag__p--pendiente b{color:var(--warn)}
.agx .ag__p--realizada{background:var(--g100)}.agx .ag__p--realizada i{background:var(--muted)}.agx .ag__p--realizada b{color:var(--muted)}
.agx .ag__p--inasistencia{background:var(--bad-l)}.agx .ag__p--inasistencia i{background:var(--bad-s)}.agx .ag__p--inasistencia b{color:var(--bad)}
.agx .ag__p--cancelada{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);opacity:.6}.agx .ag__p--cancelada i{background:var(--line-strong)}
/* semana y día */
.agx .ag__wk{gap:12px}
.agx .ag__c{border-radius:12px;border-color:var(--line);box-shadow:none}
.agx .ag__c.is-today{box-shadow:0 0 0 1px var(--acc)}
.agx .ag__ch{padding:12px 14px}
.agx .ag__ch b{font:300 22px var(--sans)}
.agx .ag__cb{padding:10px}
.agx .card{box-shadow:none;border-radius:12px;margin-top:16px}
.agx .ag__r{border-radius:12px}
@media (max-width:760px){.agx{padding:16px 12px;border-radius:12px}.agx__ctl{justify-content:flex-start}.agx .ag__md{min-height:76px;padding:6px 3px}.agx .ag__p{padding:3px 4px;justify-content:center}.agx .ag__p span,.agx .ag__p i{display:none}.agx .ag__p b{font-size:10.5px}.agx .ag__jm{border-left:0;padding-left:0}}

/* ───────── Doble horario (cliente / DEEC Studio) ───────── */
.ag__dual{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:stretch}
.ag__side{display:grid;gap:3px;align-content:start;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.ag__side small{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ag__side b{font:500 20px/1.2 var(--sans);letter-spacing:-.01em;color:var(--fg)}
.ag__side span{font-size:13.5px;color:var(--text)}
.ag__side em{font-style:normal;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
.ag__side--c{border-color:color-mix(in srgb,var(--acc) 30%,transparent);background:var(--acc-l)}.ag__side--c small{color:var(--acc)}
.ag__eq{display:grid;place-items:center;align-content:center;gap:2px;color:var(--muted)}
.ag__eq span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--g100);font-weight:600;color:var(--text)}
.ag__eq small{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em}
.ag__dd{padding:8px 12px;border-radius:8px;background:var(--warn-l);color:var(--warn)!important}
.ag__utc{margin-top:-4px}
.ag__cl{color:var(--acc)!important}
.ag__zrow{display:flex;gap:8px;flex-wrap:wrap}.ag__zrow input{flex:1;min-width:220px}
.agx .ag__p{flex-wrap:wrap}
.agx .ag__p small{flex-basis:100%;padding-left:12px;font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
@media (max-width:640px){.ag__dual{grid-template-columns:minmax(0,1fr)}.ag__eq{grid-auto-flow:column;justify-content:center}.agx .ag__p small{display:none}}

/* ───────── Resumen en el calendario: país del prospecto y hora de DEEC ───────── */
.agx .ag__p{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:6px;row-gap:1px;align-items:center;padding:6px 8px}
.agx .ag__p i{grid-row:1}
.agx .ag__p b{grid-column:2}.agx .ag__p span{grid-column:3}
.agx .ag__p .ag__cn{grid-column:1/-1;display:flex;align-items:center;gap:5px;min-width:0;padding-left:12px;text-decoration:none;font-size:10.5px;color:var(--muted)}
.agx .ag__p .ag__cn em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag__fl{flex:none;width:14px;height:10px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px color-mix(in srgb,var(--shadow) 12%,transparent)}
.ag__cnt{position:absolute;right:8px;top:12px;padding:2px 9px;border-radius:99px;background:var(--acc);color:var(--accfg);font:600 10.5px var(--sans)}
.ag__ds{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);font-size:13.5px;color:var(--text)}
.ag__ds b{font-weight:600;color:var(--fg)}
.ag__dsc{display:flex;gap:6px;flex-wrap:wrap;width:100%}
.ag__chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid var(--line);border-radius:99px;background:var(--card);font-size:12px;color:var(--fg)}
.ag__chip em{font-style:normal;color:var(--acc);font-weight:600}
.ag__ct{display:flex!important;align-items:center;gap:6px}
@media (max-width:760px){.agx .ag__p .ag__cn em{display:none}.agx .ag__p .ag__cn{padding-left:12px}.agx .ag__cnt{display:none}}

/* Acciones de la agenda: siempre en la misma fila */
.agx__act{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;flex:none}
.agx__act .btn{white-space:nowrap}

/* Nueva cita: buscador de prospectos y zona horaria bloqueada */
.ag__lab{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ag__find{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.ag__fl2{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;max-height:248px;overflow-y:auto;overscroll-behavior:contain}
.ag__fi{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.ag__fi:hover{border-color:color-mix(in srgb,var(--acc) 40%,transparent)}
.ag__fi.is-sel{border-color:var(--acc);background:var(--acc-l)}
.ag__fi b{font-weight:600;color:var(--fg);font-size:14px}
.ag__fi small,.ag__sc small{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.ag__fm{display:grid;justify-items:end;gap:1px;font-size:12.5px;color:var(--text);text-align:right;flex:none;max-width:42%}
.ag__fm .ag__fl{margin-right:6px;vertical-align:-1px}
.ag__sc{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--acc);border-radius:10px;background:var(--acc-l)}
.ag__sc b{font-weight:600;color:var(--fg)}
.ag__ro{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--r);background:var(--g100);font-size:14.5px;color:var(--fg);cursor:not-allowed}
.ag__ro svg{flex:none;width:16px;height:16px;fill:none;stroke:var(--muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ag__roe{color:var(--muted)}
.ag__fl2 + .empty,.ag__find .xf__n{margin:0}
@media (max-width:640px){.ag__fi{flex-direction:column;align-items:flex-start}.ag__fm{justify-items:start;text-align:left;max-width:none}}

/* Selector de prospecto plegable */
.ag__tg{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 12px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--card);font-size:14.5px;color:var(--muted);text-align:left;cursor:pointer;transition:border-color .2s}
.ag__tg:hover,.ag__tg.is-open{border-color:var(--acc)}
.ag__tg span{flex:1}
.ag__tg em{padding:1px 9px;border-radius:99px;background:var(--acc-l);color:var(--acc);font:600 11.5px var(--sans);font-style:normal}
.ag__tg svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.ag__tg.is-open svg{transform:rotate(180deg)}
#agPickBox{display:grid;gap:8px}
.ag__find{padding:12px;gap:10px}
.ag__fl2{max-height:188px;gap:4px}
.ag__fi{padding:7px 10px}
.ag__fi small{display:none}
.ag__fi .ag__fm small{display:none}