/* SpaMaster 360 v48.13 - Biblioteca oficial de componentes visuales */
:root{
  --sm360-ui-ink:#0f172a;
  --sm360-ui-muted:#64748b;
  --sm360-ui-line:rgba(148,163,184,.24);
  --sm360-ui-card:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.82));
  --sm360-ui-shadow:0 18px 44px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.92);
  --sm360-green-a:#0f9f58;
  --sm360-green-b:#22c55e;
  --sm360-blue-a:#2563eb;
  --sm360-blue-b:#38bdf8;
  --sm360-red-a:#dc2626;
  --sm360-red-b:#ef4444;
  --sm360-purple-a:#6d4aff;
  --sm360-purple-b:#8b5cf6;
}

/* Botones estándar */
.sm360-btn,
body.sm360-liquid-glass-2 .sm360-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  min-height:44px!important;
  padding:0 20px!important;
  border-radius:16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  font-family:var(--sc-font-display,Inter,ui-sans-serif,system-ui)!important;
  font-size:14px!important;
  font-weight:850!important;
  letter-spacing:-.02em!important;
  line-height:1!important;
  cursor:pointer!important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s cubic-bezier(.2,.8,.2,1), background .18s cubic-bezier(.2,.8,.2,1), border-color .18s cubic-bezier(.2,.8,.2,1)!important;
  white-space:nowrap!important;
}
.sm360-btn:hover{transform:translateY(-2px)!important;}
.sm360-btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--sm360-green-a),var(--sm360-green-b))!important;box-shadow:0 16px 30px rgba(22,163,74,.24), inset 0 1px 0 rgba(255,255,255,.24)!important;}
.sm360-btn-info{color:#fff!important;background:linear-gradient(135deg,var(--sm360-blue-a),var(--sm360-blue-b))!important;box-shadow:0 16px 30px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.24)!important;}
.sm360-btn-danger{color:#dc2626!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(254,242,242,.92))!important;border:1px solid rgba(248,113,113,.42)!important;box-shadow:0 12px 24px rgba(220,38,38,.10), inset 0 1px 0 rgba(255,255,255,.9)!important;}
.sm360-btn-danger:hover{color:#fff!important;background:linear-gradient(135deg,var(--sm360-red-a),var(--sm360-red-b))!important;box-shadow:0 16px 32px rgba(220,38,38,.24)!important;}
.sm360-btn-soft{color:var(--sm360-purple-a)!important;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,243,255,.92))!important;border:1px solid rgba(139,92,246,.18)!important;box-shadow:0 12px 24px rgba(109,74,255,.10), inset 0 1px 0 rgba(255,255,255,.9)!important;}

/* X / cerrar estándar para TODOS los modales */
.sm360-modal-close,
button.sm360-modal-close,
.agenda-v221-close.sm360-v4803-modal-close,
.sm360-v4800-dialog-close,
.pos-modal .pos-modal-head [data-close],
.pos-modal .pos-modal-head button.ghost[data-close],
.pos-modal .pos-modal-head .btn.ghost[data-close],
body .agenda-detail-pro .sm360-v4803-modal-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:52px!important;
  height:48px!important;
  min-width:52px!important;
  min-height:48px!important;
  max-width:52px!important;
  max-height:48px!important;
  padding:0!important;
  border-radius:18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(254,242,242,.82))!important;
  border:1px solid rgba(248,113,113,.34)!important;
  color:#dc2626!important;
  box-shadow:0 12px 24px rgba(220,38,38,.10), inset 0 1px 0 rgba(255,255,255,.92)!important;
  font-family:Inter,ui-sans-serif,system-ui!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s cubic-bezier(.2,.8,.2,1), background .18s cubic-bezier(.2,.8,.2,1), color .18s cubic-bezier(.2,.8,.2,1)!important;
}
.sm360-modal-close:hover,
button.sm360-modal-close:hover,
.agenda-v221-close.sm360-v4803-modal-close:hover,
.sm360-v4800-dialog-close:hover,
.pos-modal .pos-modal-head [data-close]:hover,
.pos-modal .pos-modal-head button.ghost[data-close]:hover,
.pos-modal .pos-modal-head .btn.ghost[data-close]:hover,
body .agenda-detail-pro .sm360-v4803-modal-close:hover{
  transform:translateY(-2px)!important;
  background:linear-gradient(135deg,#dc2626,#ef4444)!important;
  color:#fff!important;
  box-shadow:0 18px 36px rgba(220,38,38,.26), inset 0 1px 0 rgba(255,255,255,.25)!important;
}

/* Modal estándar */
.sm360-modal-card{border-radius:28px!important;background:var(--sm360-ui-card)!important;border:1px solid var(--sm360-ui-line)!important;box-shadow:var(--sm360-ui-shadow)!important;overflow:hidden!important;}
.sm360-modal-header{height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:0 18px 0 24px!important;border-bottom:1px solid rgba(148,163,184,.18)!important;background:rgba(255,255,255,.88)!important;}
.sm360-modal-header h3{margin:0!important;color:var(--sm360-ui-ink)!important;font:850 20px/1.05 var(--sc-font-display,Inter,ui-sans-serif,system-ui)!important;letter-spacing:-.035em!important;}
.sm360-modal-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:wrap!important;}

/* Métodos de pago estándar */
.sm360-payment-method-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;}
.sm360-payment-method-card,
#sm360V4800DepositDialog .sm360-v4800-methods .sm360-v4800-pay-method,
.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method{
  --sm360-pay-color:#6d4aff;
  --sm360-pay-color-2:#8b5cf6;
  --sm360-pay-soft:rgba(109,74,255,.08);
  --sm360-pay-soft-2:rgba(139,92,246,.17);
  --sm360-pay-border:rgba(109,74,255,.30);
  --sm360-pay-shadow:rgba(109,74,255,.17);
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  min-height:92px!important;
  height:92px!important;
  padding:14px 12px!important;
  border-radius:20px!important;
  border:1px solid rgba(148,163,184,.24)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.76))!important;
  box-shadow:0 14px 30px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.92)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  color:#0f172a!important;
  font:850 15px/1.08 var(--sc-font-display,Inter,ui-sans-serif,system-ui)!important;
  letter-spacing:-.02em!important;
  cursor:pointer!important;
  overflow:hidden!important;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .18s cubic-bezier(.2,.8,.2,1), border-color .18s cubic-bezier(.2,.8,.2,1), background .18s cubic-bezier(.2,.8,.2,1), color .18s cubic-bezier(.2,.8,.2,1)!important;
}
.sm360-payment-method-card[data-method="efectivo"],
#sm360V4800DepositDialog .sm360-v4800-methods .sm360-v4800-pay-method[data-method="efectivo"],
.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method[data-method="efectivo"]{--sm360-pay-color:#0f9f58;--sm360-pay-color-2:#22c55e;--sm360-pay-soft:rgba(15,159,88,.10);--sm360-pay-soft-2:rgba(34,197,94,.20);--sm360-pay-border:rgba(15,159,88,.36);--sm360-pay-shadow:rgba(15,159,88,.20);}
.sm360-payment-method-card[data-method="datafono"],
#sm360V4800DepositDialog .sm360-v4800-methods .sm360-v4800-pay-method[data-method="datafono"],
.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method[data-method="datafono"]{--sm360-pay-color:#2577f0;--sm360-pay-color-2:#38bdf8;--sm360-pay-soft:rgba(37,119,240,.10);--sm360-pay-soft-2:rgba(56,189,248,.20);--sm360-pay-border:rgba(37,119,240,.36);--sm360-pay-shadow:rgba(37,119,240,.20);}
.sm360-payment-method-card[data-method="transferencia"],
#sm360V4800DepositDialog .sm360-v4800-methods .sm360-v4800-pay-method[data-method="transferencia"],
.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method[data-method="transferencia"]{--sm360-pay-color:#7c3aed;--sm360-pay-color-2:#a78bfa;--sm360-pay-soft:rgba(124,58,237,.10);--sm360-pay-soft-2:rgba(167,139,250,.22);--sm360-pay-border:rgba(124,58,237,.36);--sm360-pay-shadow:rgba(124,58,237,.20);}
.sm360-payment-method-card:hover,
#sm360V4800DepositDialog .sm360-v4800-methods .sm360-v4800-pay-method:hover,
.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method:hover{transform:translateY(-3px)!important;border-color:var(--sm360-pay-border)!important;background:radial-gradient(circle at 22% 16%,rgba(255,255,255,.92),transparent 26%),linear-gradient(145deg,var(--sm360-pay-soft),rgba(255,255,255,.92) 48%,var(--sm360-pay-soft-2))!important;box-shadow:0 18px 38px var(--sm360-pay-shadow), inset 0 1px 0 rgba(255,255,255,.9)!important;}
.sm360-payment-method-card.is-selected,
.sm360-payment-method-card.active,
#sm360V4800DepositDialog .sm360-v4800-methods .sm360-v4800-pay-method.is-selected,
#sm360V4800DepositDialog .sm360-v4800-methods .sm360-v4800-pay-method.active,
.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method.is-selected,
.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method.active{color:var(--sm360-pay-color)!important;border:1.5px solid var(--sm360-pay-border)!important;background:radial-gradient(circle at 24% 16%,rgba(255,255,255,.96),transparent 28%),linear-gradient(145deg,var(--sm360-pay-soft),rgba(255,255,255,.88) 46%,var(--sm360-pay-soft-2))!important;box-shadow:0 18px 40px var(--sm360-pay-shadow), inset 0 1px 0 rgba(255,255,255,.92)!important;}
.sm360-payment-icon,.sm360-v4800-pay-icon{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;border-radius:13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:var(--sm360-pay-color)!important;background:linear-gradient(145deg,var(--sm360-pay-soft),rgba(255,255,255,.92))!important;box-shadow:0 9px 18px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.90)!important;}
.sm360-payment-method-card.is-selected .sm360-payment-icon,.sm360-payment-method-card.active .sm360-payment-icon,.sm360-payment-method-card.is-selected .sm360-v4800-pay-icon,.sm360-payment-method-card.active .sm360-v4800-pay-icon,#sm360V4800DepositDialog .sm360-v4800-pay-method.is-selected .sm360-v4800-pay-icon,#sm360V4800DepositDialog .sm360-v4800-pay-method.active .sm360-v4800-pay-icon,.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method.is-selected .sm360-v4800-pay-icon,.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method.active .sm360-v4800-pay-icon{color:#fff!important;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.34),transparent 28%),linear-gradient(135deg,var(--sm360-pay-color),var(--sm360-pay-color-2))!important;box-shadow:0 10px 22px var(--sm360-pay-shadow), inset 0 1px 0 rgba(255,255,255,.34)!important;}
.sm360-payment-check,.sm360-v4804-pay-check{position:absolute!important;top:0!important;right:0!important;width:30px!important;height:30px!important;border-radius:0 20px 0 15px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:linear-gradient(135deg,var(--sm360-pay-color),var(--sm360-pay-color-2))!important;box-shadow:0 8px 18px var(--sm360-pay-shadow)!important;font-size:15px!important;font-weight:950!important;opacity:0!important;}
.sm360-payment-method-card.is-selected .sm360-payment-check,.sm360-payment-method-card.active .sm360-payment-check,.sm360-payment-method-card.is-selected .sm360-v4804-pay-check,.sm360-payment-method-card.active .sm360-v4804-pay-check,#sm360V4800DepositDialog .sm360-v4800-pay-method.is-selected .sm360-v4804-pay-check,#sm360V4800DepositDialog .sm360-v4800-pay-method.active .sm360-v4804-pay-check,.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method.is-selected .sm360-v4804-pay-check,.agenda-detail-pro .agenda-payment-pro button.sm360-v4800-pay-method.active .sm360-v4804-pay-check{opacity:1!important;}

/* Ajustes Agenda v48.13 */
body .agenda-detail-pro.sm360-v4803-standard-modal,
body .agenda-detail-pro.sm360-summary-v284,
body .agenda-detail-pro.sm360-reserva-summary-dialog{width:900px!important;max-width:min(900px,calc(100vw - 40px))!important;}
body .agenda-detail-pro .sm360-v4803-modal-body{max-height:calc(100vh - 86px)!important;}

/* Registrar abono: métodos con los mismos colores */
#sm360V4800DepositDialog .sm360-v4800-methods{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;width:100%!important;}
#sm360V4800DepositDialog .sm360-v4800-methods .sm360-v4800-pay-method .sm360-pay-check{display:flex!important;}

/* Página Biblioteca UI */
.sm360-components-page{padding:28px;max-width:1380px;margin:0 auto;color:var(--sm360-ui-ink);}
.sm360-components-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px;border-radius:30px;background:radial-gradient(circle at 8% 12%,rgba(109,74,255,.16),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,250,252,.78));border:1px solid rgba(148,163,184,.22);box-shadow:var(--sm360-ui-shadow);margin-bottom:22px;}
.sm360-component-kicker{display:block;color:#6d4aff;text-transform:uppercase;letter-spacing:.12em;font:850 12px/1 Inter,sans-serif;margin-bottom:8px;}
.sm360-components-hero h2{margin:0;color:#0f172a;font:900 30px/1 var(--sc-font-display,Inter,sans-serif);letter-spacing:-.04em;}
.sm360-components-hero p{margin:9px 0 0;color:#64748b;font-weight:650;}
.sm360-components-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.sm360-component-card{padding:22px;border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.78));border:1px solid rgba(148,163,184,.22);box-shadow:0 14px 32px rgba(15,23,42,.075),inset 0 1px 0 rgba(255,255,255,.9);}
.sm360-component-wide{grid-column:1/-1;}
.sm360-component-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.sm360-component-head h3{margin:0;font:850 18px/1.1 Inter,sans-serif;color:#0f172a;}
.sm360-component-head code{padding:8px 10px;border-radius:12px;background:#f1f5f9;color:#475569;font-weight:750;}
.sm360-component-demo-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.sm360-component-card p{color:#64748b;font-weight:650;margin:14px 0 0;}
.sm360-component-demo-payments{max-width:760px;}
.sm360-modal-preview{border-radius:24px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.82);overflow:hidden;max-width:720px;box-shadow:0 14px 34px rgba(15,23,42,.08);}
.sm360-modal-body-preview{padding:28px;color:#64748b;font-weight:700;}
.sm360-modal-preview .sm360-modal-actions{padding:16px 20px;border-top:1px solid rgba(148,163,184,.14);}
.sm360-token-list{display:flex;flex-wrap:wrap;gap:10px;}
.sm360-token-list span{padding:10px 12px;border-radius:999px;background:#f8fafc;border:1px solid rgba(148,163,184,.22);color:#475569;font-weight:750;}
@media(max-width:900px){.sm360-components-grid{grid-template-columns:1fr}.sm360-components-hero{flex-direction:column;align-items:flex-start}.sm360-payment-method-grid{grid-template-columns:1fr}.sm360-components-page{padding:16px}}

/* SpaMaster 360 v48.14 - Biblioteca visual navegable */
.sm360-components-page{max-width:1240px;margin:0 auto;padding:28px 24px 70px;color:#0f172a;}
.sm360-components-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:30px;border-radius:32px;background:radial-gradient(circle at 8% 0%,rgba(124,58,237,.16),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.88));border:1px solid rgba(226,232,240,.88);box-shadow:0 24px 70px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.94);margin-bottom:22px;}
.sm360-component-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.12em;color:#7c3aed;margin-bottom:8px;}
.sm360-components-hero h2{font-size:36px;line-height:1;margin:0 0 10px;font-weight:950;letter-spacing:-.045em;color:#0f172a;}
.sm360-components-hero p{margin:0;color:#64748b;font-weight:700;max-width:720px;}
.sm360-components-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:14px;border-radius:24px;background:rgba(255,255,255,.78);border:1px solid rgba(226,232,240,.82);box-shadow:0 14px 35px rgba(15,23,42,.045);position:sticky;top:14px;z-index:5;backdrop-filter:blur(18px) saturate(1.12);}
.sm360-components-nav a{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:14px;text-decoration:none;color:#334155;font-size:13px;font-weight:900;background:rgba(248,250,252,.9);border:1px solid rgba(226,232,240,.85);}
.sm360-components-nav a:hover{color:#6d28d9;border-color:rgba(124,58,237,.28);background:rgba(237,233,254,.72);}
.sm360-components-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.sm360-component-card{padding:22px;border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,250,252,.86));border:1px solid rgba(226,232,240,.9);box-shadow:0 18px 46px rgba(15,23,42,.065),inset 0 1px 0 rgba(255,255,255,.94);}
.sm360-component-wide{grid-column:1/-1;}
.sm360-component-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}
.sm360-component-head h3{margin:0;font-size:20px;font-weight:950;letter-spacing:-.035em;color:#0f172a;}
.sm360-component-head code,.sm360-code{display:inline-flex;align-items:center;border-radius:12px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-weight:900;font-size:12px;padding:7px 10px;white-space:nowrap;}
.sm360-component-demo-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0 14px;}
.sm360-component-card p{color:#64748b;font-weight:700;margin:10px 0 0;}
.sm360-token-list{display:flex;flex-wrap:wrap;gap:8px;}
.sm360-token-list span{padding:9px 11px;border-radius:12px;background:rgba(237,233,254,.62);border:1px solid rgba(124,58,237,.14);color:#5b21b6;font-weight:900;font-size:12px;}
.sm360-modal-preview{max-width:580px;border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(248,250,252,.88));border:1px solid rgba(226,232,240,.92);box-shadow:0 22px 60px rgba(15,23,42,.10);}
.sm360-modal-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid rgba(226,232,240,.82);background:rgba(255,255,255,.86);}
.sm360-modal-header h3{margin:0;font-weight:950;letter-spacing:-.035em;}
.sm360-modal-body-preview{padding:22px;color:#475569;font-weight:800;}
.sm360-modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;background:rgba(248,250,252,.72);border-top:1px solid rgba(226,232,240,.82);}
.sm360-color-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
.sm360-color-chip{border-radius:18px;padding:12px;min-height:86px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;color:#fff;font-weight:950;box-shadow:0 16px 34px rgba(15,23,42,.11),inset 0 1px 0 rgba(255,255,255,.22);}
.sm360-color-chip small{opacity:.86;font-weight:850;}
.sm360-form-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.sm360-form-preview label{display:grid;gap:7px;font-size:12px;font-weight:950;color:#334155;text-transform:uppercase;letter-spacing:.07em;}
.sm360-input-demo{height:48px;border-radius:16px;border:1px solid rgba(203,213,225,.9);background:rgba(255,255,255,.96);padding:0 14px;font-weight:800;color:#0f172a;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 24px rgba(15,23,42,.04);}
.sm360-badge-row{display:flex;flex-wrap:wrap;gap:10px;}
.sm360-badge{display:inline-flex;align-items:center;height:32px;border-radius:999px;padding:0 12px;font-size:12px;font-weight:950;border:1px solid transparent;}
.sm360-badge-success{color:#166534;background:#dcfce7;border-color:#bbf7d0}.sm360-badge-warning{color:#92400e;background:#fef3c7;border-color:#fde68a}.sm360-badge-danger{color:#991b1b;background:#fee2e2;border-color:#fecaca}.sm360-badge-info{color:#1d4ed8;background:#dbeafe;border-color:#bfdbfe}.sm360-badge-purple{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}
@media(max-width:900px){.sm360-components-grid{grid-template-columns:1fr}.sm360-components-hero{flex-direction:column}.sm360-form-preview,.sm360-color-grid{grid-template-columns:1fr 1fr}.sm360-components-page{padding:18px 14px 54px}}