/* SpaMaster 360 v28.8 — Force Payment Real SVG Icons */

.agenda-payment-methods button.sm360-pay-method-v288{
    min-height:96px!important;
    padding:16px 12px 14px!important;
    border-radius:22px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    background:
        radial-gradient(circle at 18% 8%,rgba(255,255,255,.96),transparent 36%),
        linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,255,255,.70))!important;
    border:1px solid rgba(148,163,184,.22)!important;
    box-shadow:
        0 14px 34px rgba(15,23,42,.060),
        inset 0 1px 0 rgba(255,255,255,.90)!important;
    overflow:hidden!important;
    color:#0F172A!important;
    font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-weight:820!important;
    line-height:1.1!important;
    transition:transform .16s cubic-bezier(.2,.8,.2,1), box-shadow .16s ease, border-color .16s ease!important;
}

.agenda-payment-methods button.sm360-pay-method-v288:hover{
    transform:translateY(-2px) scale(1.01)!important;
    box-shadow:
        0 18px 42px rgba(15,23,42,.085),
        inset 0 1px 0 rgba(255,255,255,.92)!important;
}

.agenda-payment-methods button.sm360-pay-method-v288.active{
    border-color:rgba(22,163,74,.48)!important;
    background:
        radial-gradient(circle at 18% 8%,rgba(255,255,255,.98),transparent 36%),
        linear-gradient(135deg,rgba(236,253,245,.92),rgba(255,255,255,.72))!important;
}

/* Apagar cualquier pseudo-icono viejo */
.agenda-payment-methods button.sm360-pay-method-v288::before,
.agenda-payment-methods button.sm360-pay-method-v288::after{
    content:none!important;
    display:none!important;
}

/* Icono real liquid glass */
.sm360-pay-real-icon-v288{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:17px!important;
    background:
        radial-gradient(circle at 28% 18%,rgba(255,255,255,.62),transparent 42%),
        linear-gradient(135deg,var(--payA),var(--payB))!important;
    box-shadow:
        0 14px 28px var(--payShadow),
        inset 0 1px 0 rgba(255,255,255,.48)!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
    overflow:hidden!important;
}

.sm360-pay-real-icon-v288 svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
    stroke:#fff!important;
    color:#fff!important;
    fill:none!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:3!important;
}

.sm360-pay-real-icon-v288.sm360-pay-cash-v288{
    --payA:#22C55E;
    --payB:#0F7A3D;
    --payShadow:rgba(22,163,74,.24);
}

.sm360-pay-real-icon-v288.sm360-pay-card-v288{
    --payA:#38BDF8;
    --payB:#2563EB;
    --payShadow:rgba(37,99,235,.24);
}

.sm360-pay-real-icon-v288.sm360-pay-bank-v288{
    --payA:#A78BFA;
    --payB:#6D4AFF;
    --payShadow:rgba(109,74,255,.24);
}

.sm360-pay-label-v288{
    display:block!important;
    font-family:var(--sc-font-display,"General Sans",sans-serif)!important;
    font-size:15px!important;
    font-weight:820!important;
    color:#0F172A!important;
    line-height:1.15!important;
    text-align:center!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
    visibility:visible!important;
}

/* Forzar visibilidad en estado pendiente */
.agenda-payment-pro .agenda-payment-methods button.sm360-pay-method-v288 .sm360-pay-real-icon-v288,
.sm360-payment-pending-v281 .agenda-payment-methods button.sm360-pay-method-v288 .sm360-pay-real-icon-v288,
.sm360-payment-pending-v285 .agenda-payment-methods button.sm360-pay-method-v288 .sm360-pay-real-icon-v288{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
}