﻿@font-face{font-family:Figtree;src:url('../../assets/figtree-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Figtree;src:url('../../assets/figtree-medium.ttf');font-weight:500;font-display:swap}
@font-face{font-family:'Funnel Display';src:url('../../assets/funnel-display-variable.ttf');font-weight:400 700;font-display:swap}
:root{--font-figtree:Figtree;--font-funnel-display:'Funnel Display';--font-heading:'Funnel Display';--font-body:Figtree;--demo-ease:cubic-bezier(.16,1,.3,1)}
html,body{margin:0;background:#fff}*{text-transform:none!important}
.demo-shell{padding:20px}.demo-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#bdcce4 transparent;border-radius:12px;--fade-start:0px;--fade-end:0px;mask-image:linear-gradient(to right,transparent,#000 var(--fade-start),#000 calc(100% - var(--fade-end)),transparent)}
.demo-scroll[data-start=true]{--fade-start:14px}.demo-scroll[data-end=true]{--fade-end:14px}
.demo-scroll:focus-visible{outline:2px solid #005ff0;outline-offset:-2px}
.scheduler-demo{min-width:720px}.scheduler-demo [role=region]{max-height:none}
.scheduler-demo [data-slot=context-menu-trigger]{animation:reservation-fill .45s var(--demo-ease) backwards;transition:opacity .3s var(--demo-ease)}
.scheduler-demo.is-clearing [data-slot=context-menu-trigger]{opacity:0}
.checkout-demo{min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--background);overflow:hidden}
.checkout-body{padding:24px}.checkout-toolbar>div{flex-direction:column}.checkout-toolbar>div>div:last-child{justify-content:flex-start}
.participant-arrival{animation:participant-fill .35s var(--demo-ease) backwards}
.payment-result{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--border);font-size:13px}
.demo-sequence{transition:opacity .3s var(--demo-ease)}.demo-sequence.is-clearing{opacity:0}
.scene-cupos .checkout-body{min-height:265px}.scene-cobros .checkout-body{min-height:520px}
.sale-cart [data-slot=card]{box-shadow:none}.sale-cart [data-slot=card-content]{padding:0 16px 16px}.sale-cart [data-slot=table-container]{overflow:visible}.sale-cart [data-slot=table]{table-layout:fixed}
.sale-cart th:first-child,.sale-cart td:first-child{width:40%}.sale-cart th:last-child,.sale-cart td:last-child{width:36px}
.sale-cart td:first-child>div{white-space:normal;max-width:none}.sale-cart{min-height:218px}
.trainers-demo{border:1px solid var(--border);border-radius:12px;padding:24px;min-height:535px}
.trainers-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.trainers-toolbar h3{font-size:20px;font-weight:500}
.trainers-demo>div:nth-child(2){min-height:200px}.trainers-demo td:first-child .text-xs{display:none}
.trainer-hours{margin-top:24px;box-shadow:none}.trainer-hour{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);font-size:14px}.trainer-hour:last-child{border:0}
@keyframes reservation-fill{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes participant-fill{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:600px){
 .demo-shell{padding:12px}.checkout-demo>div:first-child{padding:18px 14px}.checkout-demo>div:first-child>div{align-items:flex-start}.checkout-demo>div:first-child span{display:block;margin:4px 0 0;font-size:12px}
 .checkout-body{padding:20px 14px}.scene-cupos .checkout-body{min-height:450px}.scene-cobros .checkout-body{min-height:635px}
 .checkout-toolbar [data-slot=tabs-list]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto;width:100%;gap:4px;padding:4px}
 .checkout-toolbar [data-slot=tabs-trigger]{min-width:0;min-height:40px;padding:8px 5px;font-size:12px}.checkout-toolbar [data-slot=tabs-trigger]>div{min-width:0;gap:5px}
 .checkout-toolbar>div>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checkout-toolbar [data-slot=select-trigger]{width:100%;grid-column:1/-1}
 .checkout-toolbar button{font-size:12px;padding-inline:8px}.checkout-toolbar button svg{width:14px;height:14px}
 .participant-arrival>div{flex-direction:column;align-items:stretch;gap:20px;margin:20px 0}.participant-arrival>div>div:last-child{justify-content:space-between}
 .participant-arrival h2{font-size:22px}.participant-arrival .text-3xl{font-size:28px}.participant-arrival button{font-size:12px}
 .payment-result{flex-wrap:wrap;font-size:12px;gap:10px;padding-top:16px}.payment-result [data-slot=badge]{font-size:12px}
 .sale-cart [data-slot=card-header]{padding:16px}.sale-cart th,.sale-cart td{padding:8px 4px;font-size:12px}
 .sale-cart th:nth-child(3),.sale-cart td:nth-child(3),.sale-cart th:nth-child(5),.sale-cart td:nth-child(5){display:none}
 .sale-cart th:first-child,.sale-cart td:first-child{width:50%}.sale-cart th:nth-child(2),.sale-cart td:nth-child(2){width:16%}.sale-cart th:nth-child(4),.sale-cart td:nth-child(4){width:34%}
 .trainers-demo{padding:20px 12px;min-height:580px}.trainers-toolbar{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}
 .trainers-demo th,.trainers-demo td{padding:12px 5px;font-size:12px}.trainers-demo td:first-child{white-space:normal;max-width:100px}.trainers-demo [data-slot=badge]{font-size:11px;padding-inline:7px}
 .trainer-hours [data-slot=card-header],.trainer-hours [data-slot=card-content]{padding-inline:12px}.trainer-hours [data-slot=card-title]{font-size:16px}.trainer-hour{grid-template-columns:1fr auto;gap:6px;font-size:12px}.trainer-hour [data-slot=badge]{grid-column:2;grid-row:auto}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:600px){
 .sale-cart th button svg{display:none}
 .scene-cobros .checkout-body{min-height:704px}
 .sale-cart{min-height:264px}
}
