.fs-front{--fs-purple:#4C0587;--fs-yellow:#FFCC00;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#0F172A;}

/* Blindaje general de campos de formulario: evita que la plantilla del sitio
   les imponga anchos o tamaños raros (como pasó con el campo de contraseña). */
.fs-front input[type=text], .fs-front input[type=email], .fs-front input[type=password],
.fs-front input[type=number], .fs-front input[type=date], .fs-front input[type=url],
.fs-front input[type=tel], .fs-front select, .fs-front textarea {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
	display: block !important;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
}

.fs-front .fs-schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-top:10px;}
.fs-front .fs-schedule-day{background:#FAF7FF;border-radius:12px;padding:14px;}
.fs-front .fs-schedule-day h3{margin:0 0 10px;color:var(--fs-purple);}
.fs-front .fs-class-card{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:12px;margin-bottom:10px;}
.fs-front .fs-class-card strong{display:block;color:var(--fs-purple);font-size:16px;}
.fs-front .fs-class-card span{display:block;font-weight:600;margin:2px 0;}
.fs-front .fs-class-card small{display:block;color:#64748B;}
.fs-front .fs-spots{color:var(--fs-purple)!important;font-weight:700;}

.fs-btn{background:var(--fs-purple);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;margin-top:8px;width:100%;font-size:14px;}
.fs-btn:hover{opacity:.9;}
.fs-btn-waitlist{background:var(--fs-yellow);color:#4C0587;}
.fs-btn-primary{background:var(--fs-purple);}

.fs-notice-inline{padding:12px 16px;border-radius:8px;margin-bottom:14px;background:#FDF6D8;color:#4C0587;}
.fs-notice-inline.fs-success{background:#ECFDF3;color:#065F46;}
.fs-notice-inline.fs-error{background:#FEF2F2;color:#B91C1C;}

.fs-balance-box{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;background:var(--fs-purple);color:#fff;padding:20px;border-radius:14px;margin-bottom:20px;}
.fs-balance-box .fs-stat-value{display:block;font-size:26px;font-weight:800;color:var(--fs-yellow);}
.fs-balance-box .fs-stat-label{font-size:12px;opacity:.9;}
.fs-freeze-form{margin-left:auto;display:flex;gap:8px;align-items:center;}
.fs-freeze-form select{border-radius:6px;padding:6px;}
.fs-freeze-form .fs-btn{width:auto;background:var(--fs-yellow);color:var(--fs-purple);}

.fs-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;}
.fs-package-card{border:1px solid #E5E7EB;border-radius:12px;padding:16px;text-align:center;}
.fs-package-card h4{margin:0 0 6px;color:var(--fs-purple);}
.fs-package-card .fs-price{font-size:22px;font-weight:800;color:var(--fs-purple);margin:4px 0;}

.fs-register-form{max-width:480px;background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:24px;}
.fs-register-form label{display:block;font-weight:600;margin:12px 0 4px;font-size:13px;}
.fs-register-form input[type=text], .fs-register-form input[type=email], .fs-register-form input[type=password]{
	width:100%!important;max-width:100%!important;border:1px solid #E5E7EB;border-radius:8px;padding:10px;box-sizing:border-box!important;background:#fff;color:#0F172A;display:block!important;
}
.fs-checkbox-label{display:flex;gap:8px;align-items:flex-start;font-weight:400!important;font-size:13px;margin-top:14px;}
.fs-checkbox-label input{width:auto!important;margin-top:3px;}

.fs-table{width:100%;border-collapse:collapse;margin:14px 0;}
.fs-table td{padding:8px;border-bottom:1px solid #E5E7EB;font-size:14px;}

@media(max-width:600px){
	.fs-balance-box{flex-direction:column;align-items:stretch;}
	.fs-freeze-form{margin-left:0;}
}

/* ---------------- Botón destacado de lista de espera ---------------- */
.fs-btn-waitlist{
	background:var(--fs-yellow);color:var(--fs-purple);font-weight:800;
	animation:fs-pulse 1.6s infinite;border:2px solid var(--fs-purple);
}
@keyframes fs-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,204,0,.6);}50%{box-shadow:0 0 0 8px rgba(255,204,0,0);}}

/* ---------------- Tarjeta VIP del dashboard ---------------- */
.fs-vip-card{background:linear-gradient(135deg,var(--fs-purple),#6a12b8);color:#fff;padding:22px;border-radius:16px;margin-bottom:20px;position:relative;overflow:hidden;}
.fs-vip-badge{position:absolute;top:14px;right:18px;background:var(--fs-yellow);color:var(--fs-purple);font-weight:800;font-size:11px;padding:4px 10px;border-radius:20px;}
.fs-vip-row{display:flex;gap:30px;margin-top:6px;}
.fs-vip-row .fs-stat-value{font-size:28px;}
.fs-vip-card.fs-vip-frozen{background:linear-gradient(135deg,#3b4b6b,#5a6b8c);}
.fs-frozen-banner{margin-top:16px;background:rgba(255,255,255,.15);border-radius:10px;padding:12px 14px;font-size:13px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.fs-frozen-banner .fs-btn{width:auto;background:var(--fs-yellow);color:var(--fs-purple);}

.fs-btn-gcal{background:#fff;color:var(--fs-purple);border:1px solid var(--fs-purple);width:auto;display:inline-block;text-decoration:none;font-size:12px;padding:6px 10px;}

/* ---------------- Modal de checkout (carrito multi-pasarela) ---------------- */
.fs-gateway-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.fs-gateway-tab{background:#F3F4F6;border:1px solid #E5E7EB;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;color:#0F172A;}
.fs-gateway-tab.active{background:var(--fs-purple);color:#fff;border-color:var(--fs-purple);}
.fs-manual-box{background:#FAF7FF;border-radius:10px;padding:14px;}
.fs-manual-details{background:#fff;border:1px dashed var(--fs-purple);border-radius:8px;padding:10px;white-space:pre-wrap;font-size:13px;}

/* ---------------- PIN de seguridad ---------------- */
.fs-pin-gate{display:flex;align-items:center;justify-content:center;min-height:60vh;}
.fs-pin-box{max-width:340px;text-align:center;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:32px 26px;}
.fs-pin-icon{font-size:38px;}
.fs-pin-box h2{color:var(--fs-purple);margin:8px 0;}
.fs-pin-box input{width:100%;text-align:center;font-size:22px;letter-spacing:6px;padding:12px;border:1px solid #E5E7EB;border-radius:10px;box-sizing:border-box;margin-bottom:12px;}
.fs-pin-box .fs-btn{width:100%;}

/* ---------------- Mi Espacio Profe FlowFitt ---------------- */
.fs-profe-space{max-width:640px;margin:0 auto;}
.fs-profe-space h2{color:var(--fs-purple);}
.fs-profe-class-card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:16px;margin-bottom:16px;}
.fs-profe-class-card h3{margin:0 0 10px;color:var(--fs-purple);}
.fs-profe-student-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F3F4F6;}
.fs-profe-student-name{flex:1;font-weight:600;}
.fs-profe-student-actions{display:flex;gap:4px;}
.fs-badge-present{background:#ECFDF3;color:#065F46;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;}
.fs-badge-absent{background:#FEF2F2;color:#B91C1C;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700;}
.fs-wa-link{font-size:18px;text-decoration:none;}

/* ---------------- Historial de compras ---------------- */
.fs-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;background:#F3F4F6;color:#334155;}
.fs-status-badge.fs-status-ok{background:#ECFDF3;color:#065F46;}
.fs-status-badge.fs-status-pending{background:#FDF6D8;color:#8a6d00;}
.fs-status-badge.fs-status-bad{background:#FEF2F2;color:#B91C1C;}
.fs-purchases-table .fs-btn{width:auto;font-size:12px;padding:6px 10px;}

/* ---------------- Botón "Instalar App" (PWA) ---------------- */
.fs-install-btn{
	background:var(--fs-yellow);color:var(--fs-purple);border:none;border-radius:8px;
	padding:8px 16px;font-weight:800;font-size:13px;cursor:pointer;margin-bottom:14px;
	width:auto;display:inline-flex;align-items:center;gap:6px;
}
.fs-install-btn:hover{opacity:.9;}
.fs-front-admin-topbar .fs-install-btn{margin-bottom:0;margin-left:12px;}
.fs-profe-space .fs-install-btn{margin-bottom:10px;}
/* ---------------- "Ver más" (descripción de servicio/paquete) ---------------- */
.fs-details{margin-top:8px;font-size:12px;}
.fs-details summary{cursor:pointer;color:var(--fs-purple);font-weight:700;list-style:none;}
.fs-details summary::-webkit-details-marker{display:none;}
.fs-details p{margin:8px 0 0;color:#334155;line-height:1.5;}
.fs-details-photo{width:100%;border-radius:8px;margin-top:8px;display:block;}
/* Ventanas emergentes (instalar app en iPhone, etc.) */
.fs-modal{display:none;position:fixed;z-index:99998;left:0;top:0;width:100%;height:100%;background:rgba(15,23,42,.5);}
.fs-modal-content{background:#fff;max-width:420px;width:90%;margin:8% auto;padding:26px;border-radius:12px;position:relative;box-sizing:border-box;}
.fs-modal-close{position:absolute;right:16px;top:12px;font-size:22px;cursor:pointer;color:#64748B;}
