/* Vistio Business v1.1.17 — Citas y Reservaciones en Herramientas */
.vbtools-card.vbtools-appointments{position:relative;overflow:hidden}
.vbtools-card.vbtools-appointments::before{content:"";position:absolute;inset:auto -10% -35% auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(214,170,89,.20),rgba(214,170,89,0) 72%);pointer-events:none;filter:blur(8px)}
.vbtools-appointments .vbtools-card-content p,
.vbtools-appointments .vbtools-footnote span{max-width:64ch}
.vbtools-appointments .vbtools-topline .vbtools-chip:first-child{background:rgba(216,191,139,.14);border-color:rgba(216,191,139,.42);color:#f1d291}
.vbtools-appointments-showcase{position:relative}
.vbtools-agenda-stage{position:relative;display:grid;place-items:center;min-height:320px;padding:8px 0}
.vbtools-agenda-hero{position:relative;width:min(100%,540px);padding:24px;border-radius:30px;border:1px solid rgba(216,191,139,.24);background:linear-gradient(180deg,rgba(19,20,23,.98),rgba(12,13,16,.98));box-shadow:0 28px 70px rgba(0,0,0,.32);overflow:hidden}
.vbtools-agenda-shine{position:absolute;inset:-15% auto auto -8%;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,rgba(214,170,89,.24),rgba(214,170,89,0) 72%);pointer-events:none}
.vbtools-agenda-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}
.vbtools-agenda-kicker,.vbtools-agenda-status{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.vbtools-agenda-kicker{border:1px solid rgba(216,191,139,.28);background:rgba(216,191,139,.08);color:#efd191}
.vbtools-agenda-status{border:1px solid rgba(130,196,165,.20);background:rgba(130,196,165,.10);color:#d9efe4}
.vbtools-agenda-grid{display:grid;grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:18px;align-items:stretch}
.vbtools-agenda-calendar,.vbtools-agenda-panel{border-radius:22px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02))}
.vbtools-agenda-calendar{padding:16px}
.vbtools-calendar-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.vbtools-calendar-top strong{font-size:24px;letter-spacing:.16em;color:#f8ead1}
.vbtools-calendar-top small{font-size:12px;color:rgba(245,236,226,.6);letter-spacing:.08em}
.vbtools-calendar-body{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;font-size:12px;color:rgba(245,236,226,.78)}
.vbtools-calendar-body span{display:grid;place-items:center;min-height:28px;border-radius:12px;background:rgba(255,255,255,.02)}
.vbtools-calendar-body span:nth-child(-n+7){background:transparent;min-height:18px;color:rgba(245,236,226,.45);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.vbtools-calendar-body .is-active{background:linear-gradient(135deg,#e9c983,#b88937);color:#1a1410;font-weight:800;box-shadow:0 8px 20px rgba(216,191,139,.32)}
.vbtools-agenda-panel{padding:16px;display:grid;gap:16px}
.vbtools-agenda-service{padding:16px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.vbtools-agenda-label{display:block;margin-bottom:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(245,236,226,.5)}
.vbtools-agenda-service strong{display:block;font-size:20px;line-height:1.1;color:#fff5e3;margin-bottom:6px}
.vbtools-agenda-service small{color:rgba(245,236,226,.68)}
.vbtools-agenda-slots{display:flex;flex-wrap:wrap;gap:10px}
.vbtools-agenda-slots span{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-weight:700;color:#f6efe6}
.vbtools-agenda-slots .is-gold{background:linear-gradient(135deg,rgba(233,201,131,.24),rgba(184,137,55,.18));border-color:rgba(233,201,131,.5);color:#f9e6b7}
.vbtools-agenda-checklist{display:grid;gap:10px}
.vbtools-agenda-checklist span{display:flex;align-items:center;gap:10px;color:rgba(245,236,226,.74);font-size:14px}
.vbtools-agenda-checklist span::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#efcd87,#bb8e44);box-shadow:0 0 0 5px rgba(216,191,139,.08)}
.vbtools-agenda-ticket{margin-top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(216,191,139,.09));border:1px solid rgba(216,191,139,.20)}
.vbtools-ticket-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:14px;background:rgba(216,191,139,.12);color:#f2d28e;font-size:18px}
.vbtools-agenda-ticket strong{display:block;color:#fff7eb;margin-bottom:3px}
.vbtools-agenda-ticket small{color:rgba(245,236,226,.72)}
.vbtools-agenda-ticket b{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#17120d;border:1px solid rgba(216,191,139,.18);color:#f0cf8d;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
@media (min-width: 1120px){
 .vbtools-card.vbtools-appointments{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);grid-template-areas:"content showcase" "footnote showcase" "cta showcase";gap:24px;align-items:start}
 .vbtools-appointments .vbtools-card-content{grid-area:content}
 .vbtools-appointments .vbtools-showcase{grid-area:showcase;align-self:stretch}
 .vbtools-appointments .vbtools-footnote{grid-area:footnote;margin-top:0}
 .vbtools-appointments .vbtools-cta{grid-area:cta;justify-self:start}
}
@media (max-width: 860px){
 .vbtools-agenda-grid{grid-template-columns:1fr}
 .vbtools-agenda-hero{padding:20px}
}
@media (max-width: 560px){
 .vbtools-agenda-head{align-items:flex-start}
 .vbtools-agenda-ticket{grid-template-columns:1fr;justify-items:start}
 .vbtools-agenda-slots span{min-width:calc(50% - 8px);flex:1 1 calc(50% - 8px)}
 .vbtools-agenda-stage{min-height:290px}
}