/* ═══════════════════════════════════════════════════════════════
   SC MODAL CSS  —  SoluCentro v4.2.8
═══════════════════════════════════════════════════════════════ */

/* Overlay */
#scModalOverlay{
  position:fixed;inset:0;background:rgba(0,0,0,.48);
  z-index:99999;display:flex;align-items:center;justify-content:center;
  padding:20px;opacity:0;transition:opacity .23s ease;
}
#scModalOverlay.sc-in  { opacity:1; }
#scModalOverlay.sc-out { opacity:0; }

/* Caja */
#scModalBox{
  background:#fff;border-radius:24px;padding:36px 28px 26px;
  width:100%;max-width:420px;text-align:center;
  box-shadow:0 28px 90px rgba(0,0,0,.22);
  transform:translateY(18px) scale(.96);
  transition:transform .23s cubic-bezier(.22,.68,0,1.15);
  font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
}
#scModalOverlay.sc-in  #scModalBox { transform:translateY(0) scale(1); }
#scModalOverlay.sc-out #scModalBox { transform:translateY(12px) scale(.96); }

/* Icono */
.sc-ic{
  width:62px;height:62px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;font-size:1.55rem;
}

/* Textos */
.sc-title{
  font-weight:800;font-size:1.08rem;color:#111;
  margin:0 0 10px;line-height:1.3;
}
.sc-msg{
  font-size:.875rem;color:#6b7280;line-height:1.65;
  margin:0 0 24px;padding:0 4px;
}

/* Botones */
.sc-actions{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
}
.sc-btn{
  flex:1;min-width:120px;padding:13px 20px;
  border-radius:13px;font-family:inherit;
  font-size:.9rem;font-weight:700;cursor:pointer;
  border:none;transition:all .18s;letter-spacing:.01em;
  outline:none;
}
.sc-btn:focus-visible{ box-shadow:0 0 0 3px rgba(99,102,241,.4); }
.sc-btn-ok     { background:#111;color:var(--amarillo); }
.sc-btn-ok:hover{ background:#1f2937; }
.sc-btn-danger { background:#dc2626;color:#fff; }
.sc-btn-danger:hover{ background:#b91c1c; }
.sc-btn-cancel { background:var(--bd-color);color:#374151; }
.sc-btn-cancel:hover{ background:#e5e7eb; }

/* Toast */
.sc-toast{
  position:fixed;bottom:28px;left:50%;
  transform:translateX(-50%) translateY(20px);
  background:#fff;border:1px solid #e5e7eb;border-radius:14px;
  padding:13px 22px;display:flex;align-items:center;gap:11px;
  font-family:'Inter',system-ui,sans-serif;font-size:.875rem;
  font-weight:600;color:#111;
  box-shadow:0 10px 40px rgba(0,0,0,.14);
  z-index:100000;opacity:0;
  transition:opacity .32s,transform .32s;
  white-space:nowrap;max-width:92vw;pointer-events:none;
}
.sc-toast.sc-toast-in{
  opacity:1;transform:translateX(-50%) translateY(0);
}

@media(max-width:440px){
  #scModalBox{padding:28px 18px 20px;border-radius:18px;}
  .sc-btn{min-width:100px;padding:12px 14px;font-size:.84rem;}
}