.atoba-alert-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.atoba-alert {
    background: #fff;
    width: 90%;
    max-width: 420px;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 15px 40px rgba(0,0,0,.3);
    text-align: center;
    animation: fadeIn .3s ease;
}

.atoba-alert h4 {
    margin-bottom: 10px;
    font-weight: 600;
}

.atoba-alert p {
    font-size: 15px;
    margin-bottom: 20px;
}

.atoba-alert button {
    padding: 8px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* Tipos */
.atoba-alert.success h4 { color: #198754; }
.atoba-alert.error h4   { color: #dc3545; }
.atoba-alert.warning h4{ color: #ffc107; }

.atoba-alert.success button { background:#198754; color:#fff; }
.atoba-alert.error button   { background:#dc3545; color:#fff; }
.atoba-alert.warning button { background:#ffc107; color:#000; }

@keyframes fadeIn {
    from { transform: scale(.9); opacity: 0 }
    to   { transform: scale(1); opacity: 1 }
}