/* SpaMaster 360 v28.7 — Payment Icons Stable Visibility Fix */

/* Botones de método de pago: estructura estable */
.agenda-payment-methods button.sm360-pay-method-v287{
    position:relative!important;
    min-height:92px!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 16% 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),border-color .16s ease,box-shadow .16s ease!important;
}
.agenda-payment-methods button.sm360-pay-method-v287: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-v287.active,
.agenda-payment-methods button.sm360-pay-method-v287.is-active{
    border-color:rgba(22,163,74,.48)!important;
    background:radial-gradient(circle at 16% 8%,rgba(255,255,255,.98),transparent 36%),linear-gradient(135deg,rgba(236,253,245,.92),rgba(255,255,255,.72))!important;
    box-shadow:0 18px 42px rgba(22,163,74,.14),inset 0 1px 0 rgba(255,255,255,.92)!important;
}

/* Apagar iconos/pseudo-elementos viejos */
.agenda-payment-methods button.sm360-pay-method-v287::before,
.agenda-payment-methods button.sm360-pay-method-v287::after{
    content:none!important;
    display:none!important;
}
.agenda-payment-methods button.sm360-pay-method-v287 > span:not(.sm360-pay-icon-v287):not(.sm360-pay-label-v287),
.agenda-payment-methods button.sm360-pay-method-v287 > .sm360-pay-icon-v285,
.agenda-payment-methods button.sm360-pay-method-v287 > .sm360-pay-icon-liquid-v286{
    display:none!important;
}

/* Icono Liquid Glass estable */
.sm360-pay-icon-v287{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:16px!important;
    background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.62),transparent 42%),linear-gradient(135deg,var(--sm360-pay-a),var(--sm360-pay-b))!important;
    box-shadow:0 14px 28px var(--sm360-pay-shadow),inset 0 1px 0 rgba(255,255,255,.48)!important;
    font-size:0!important;
    line-height:0!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
}
.sm360-pay-icon-v287::before{
    content:""!important;
    width:21px!important;
    height:21px!important;
    display:block!important;
    background:#fff!important;
    mask:var(--sm360-pay-mask) center/contain no-repeat!important;
    -webkit-mask:var(--sm360-pay-mask) center/contain no-repeat!important;
    opacity:1!important;
    visibility:visible!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    transform:none!important;
}
.sm360-pay-label-v287{
    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;
}
.sm360-pay-cash-v287{
    --sm360-pay-a:#22C55E;
    --sm360-pay-b:#0F7A3D;
    --sm360-pay-shadow:rgba(22,163,74,.24);
    --sm360-pay-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='12' x='2' y='6' rx='2.5'/%3E%3Ccircle cx='12' cy='12' r='2.3'/%3E%3Cpath d='M6 12h.01M18 12h.01'/%3E%3C/svg%3E");
}
.sm360-pay-card-v287{
    --sm360-pay-a:#38BDF8;
    --sm360-pay-b:#2563EB;
    --sm360-pay-shadow:rgba(37,99,235,.24);
    --sm360-pay-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='5' rx='2.5'/%3E%3Cpath d='M2 10h20'/%3E%3Cpath d='M7 15h.01M11 15h2'/%3E%3C/svg%3E");
}
.sm360-pay-bank-v287{
    --sm360-pay-a:#A78BFA;
    --sm360-pay-b:#6D4AFF;
    --sm360-pay-shadow:rgba(109,74,255,.24);
    --sm360-pay-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18'/%3E%3Cpath d='M5 21V10'/%3E%3Cpath d='M19 21V10'/%3E%3Cpath d='M9 21V10'/%3E%3Cpath d='M15 21V10'/%3E%3Cpath d='M12 3 2 9h20z'/%3E%3C/svg%3E");
}

/* Pendiente o pagado: los iconos siempre visibles */
.agenda-payment-pro .agenda-payment-methods button.sm360-pay-method-v287 .sm360-pay-icon-v287,
.sm360-payment-pending-v281 .agenda-payment-methods button.sm360-pay-method-v287 .sm360-pay-icon-v287,
.sm360-payment-pending-v285 .agenda-payment-methods button.sm360-pay-method-v287 .sm360-pay-icon-v287{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
}