.mcnb-root{position:fixed;z-index:999999}
.mcnb-wrapper{display:flex;gap:10px;align-items:center}
.mcnb-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;transition:all .15s ease;outline:none}
.mcnb-button:focus{outline:2px solid #0073aa;outline-offset:2px}
.mcnb-icon{display:inline-block!important;width:1em!important;height:1em!important;fill:currentColor!important;vertical-align:middle!important}
.mcnb-label{padding:10px 14px;white-space:nowrap;transition:all .15s ease}

/* Estilos de botón */
.mcnb-button.style-circle{border-radius:50%}
.mcnb-button.style-square{border-radius:8px}
.mcnb-button.style-pill{border-radius:999px;padding:0 16px}
.mcnb-button.style-text_side{border-radius:999px;padding:12px 20px;gap:8px}

/* Posiciones de etiqueta */
.mcnb-wrapper.label-left{flex-direction:row-reverse}
.mcnb-wrapper.label-right{flex-direction:row}
.mcnb-wrapper.label-top{flex-direction:column-reverse}
.mcnb-wrapper.label-bottom{flex-direction:column}

/* Sombras */
.mcnb-button.has-shadow{box-shadow:0 8px 24px var(--mcnb-shadow-color, rgba(0,0,0,.18))}
.mcnb-button.has-shadow:hover{box-shadow:0 12px 32px var(--mcnb-shadow-color, rgba(0,0,0,.25))}

/* Bordes */
.mcnb-button.has-border{border:var(--mcnb-border-width, 2px) solid var(--mcnb-border-color, #ffffff)}

/* Estilo texto al lado */
.mcnb-button.style-text_side{display:flex;align-items:center;justify-content:center;flex-direction:row}

/* Efectos hover */
.mcnb-button.hover-lift:hover{transform:translateY(-2px)}
.mcnb-button.hover-grow:hover{transform:scale(1.05)}
.mcnb-button.hover-glow:hover{filter:brightness(1.1);box-shadow:0 0 20px currentColor}
.mcnb-button.hover-rotate:hover{transform:rotate(5deg)}

/* Animaciones */
@keyframes mcnb-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes mcnb-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
@keyframes mcnb-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mcnb-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}
@keyframes mcnb-fade{0%,100%{opacity:1}50%{opacity:0.7}}

/* Fallback básico para asegurar visibilidad */
.mcnb-root{position:fixed!important;z-index:999999!important}
.mcnb-button{display:flex!important;align-items:center!important;justify-content:center!important}

.mcnb-button.anim-pulse{animation:mcnb-pulse 2s infinite}
.mcnb-button.anim-shake{animation:mcnb-shake 0.5s infinite}
.mcnb-button.anim-bounce{animation:mcnb-bounce 1s infinite}
.mcnb-button.anim-glow{animation:mcnb-glow 2s infinite}
.mcnb-button.anim-fade{animation:mcnb-fade 2s infinite}

/* Responsive */
@media (max-width: 782px){
  .mcnb-wrapper.label-left .mcnb-label,
  .mcnb-wrapper.label-right .mcnb-label{display:none}
  .mcnb-wrapper.label-top,
  .mcnb-wrapper.label-bottom{flex-direction:column}
}

/* Exit intent modal */
.mcnb-exit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8);z-index:1000000;display:flex;align-items:center;justify-content:center}
.mcnb-exit-content{background:#fff;padding:32px;border-radius:12px;max-width:400px;text-align:center;animation:mcnb-modal-in 0.3s ease}
@keyframes mcnb-modal-in{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}